:root{font-family:system-ui;color:#073f3c;background:#d9f7f5}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:18px;align-items:center;padding:18px max(16px,calc((100vw - 1100px)/2));background:#0b8f89;color:white}header a{color:white;font-weight:900}header div{flex:1}header h1,header p{margin:3px}main{max-width:1100px;margin:18px auto;padding:0 14px;display:grid;gap:16px}.card,dialog{background:#fff;border:1px solid #91d8d3;border-radius:18px;padding:18px}input{width:100%;padding:12px;border:1px solid #91d8d3;border-radius:10px}.source,.mix{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #d6ecea}.source label{display:flex;gap:10px;align-items:center}.source input{width:auto}.blocked{color:#a34f00}.ready{color:#08756f}button{padding:10px 14px;border:1px solid #0abab5;border-radius:10px;background:#fff;font-weight:900}dialog{width:min(950px,calc(100% - 20px));max-height:90vh}dialog::backdrop{background:#003b3988}.knowledge{padding:10px;border-bottom:1px solid #d6ecea}.knowledge small{display:block;color:#39706d}.error{color:#a40000}@media(max-width:650px){header{flex-wrap:wrap}.source,.mix{align-items:stretch;flex-direction:column}}