:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef2ff;background:transparent;--bg:#0a0e1a;--card:#111827;--line:#263147;--muted:#93a4bd;--accent:#8b5cf6;--accent2:#22d3ee;--danger:#fb7185}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:transparent;overflow:hidden}button,input,select,textarea{font:inherit}button{border:1px solid #34415b;background:#182136;color:#eaf0ff;border-radius:9px;padding:9px 12px;cursor:pointer}button:hover{border-color:#7383a5}.primary{border:0;background:linear-gradient(135deg,var(--accent),#6d5dfc);font-weight:700}.danger{color:#fecdd3}.quiet{padding:5px 9px;background:transparent}#stage{position:fixed;inset:0;pointer-events:none;background:transparent}.widget-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}.macchi-fallback{position:absolute;left:50%;top:14%;transform:translateX(-50%);min-width:360px;max-width:70vw;padding:22px 28px;border:1px solid rgba(139,92,246,.5);border-radius:18px;background:rgba(10,14,26,.92);box-shadow:0 16px 60px rgba(0,0,0,.45);text-align:center;animation:pop .25s ease-out}.macchi-fallback strong{display:block;font-size:22px}.macchi-fallback span{color:var(--muted)}@keyframes pop{from{opacity:0;transform:translate(-50%,-12px) scale(.96)}}#panel{position:fixed;inset:0;overflow:auto;background:radial-gradient(circle at 10% 0,#1d2443 0,transparent 36%),var(--bg);padding:28px max(18px,calc((100vw - 1100px)/2)) 80px}.hero{display:grid;grid-template-columns:1fr auto;align-items:start;margin-bottom:24px}.hero h1{font-size:36px;margin:3px 0 0;letter-spacing:-.04em}.hero p{grid-column:1/-1;color:var(--muted);margin:8px 0}.eyebrow{color:var(--accent2);font-weight:800;font-size:12px;letter-spacing:.16em}.version{background:#242d45;border:1px solid #384563;border-radius:999px;padding:7px 11px}.card{background:rgba(17,24,39,.94);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 14px 40px rgba(0,0,0,.18)}.toolbar,.section-title,.widgets-head,.widget-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar small,.widgets-head small{display:block;color:var(--muted);margin-top:4px}.section-title h2,.obs-card h2,.log-card h2{font-size:18px;margin:0}.connector-number{color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.12em}.connector-title{margin-top:3px!important}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.grid label{font-size:12px;color:#c1cbe0;font-weight:650}.grid input,.grid select,textarea{width:100%;margin-top:6px;border:1px solid #303c55;border-radius:9px;background:#0b1220;color:#f4f7ff;padding:10px 11px;outline:none}.grid input:focus,.grid select:focus,textarea:focus{border-color:var(--accent)}.wide{grid-column:span 2}.advanced{opacity:.82}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.options{margin-top:14px}.check{display:flex!important;align-items:center;gap:7px;color:#dbe4f5!important}.check input{width:auto!important;margin:0!important}.widgets-head{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.widgets-head h3{margin:0}.widget{margin-top:12px;padding:14px;border:1px solid #2a3650;border-radius:12px;background:#0c1423}.widget-fields{grid-template-columns:repeat(4,1fr);margin-top:12px}.inline{align-self:end;padding-bottom:10px}.widget-status{font-size:12px;color:var(--muted)}.widget .actions{margin-top:12px}.obs-card p{color:var(--muted);margin:5px 0 12px}.warning{color:#fbbf24!important;font-size:12px}.log-card ol{list-style:none;padding:0;margin:14px 0 0;max-height:230px;overflow:auto}.log-card li{border-top:1px solid #212d42;padding:8px 0;color:#b9c4d8;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.log-card li:first-child{border:0}@media(max-width:760px){#panel{padding:18px 12px 60px}.hero h1{font-size:29px}.toolbar,.section-title,.widgets-head{align-items:flex-start;flex-direction:column}.grid,.widget-fields{grid-template-columns:1fr}.wide{grid-column:auto}}