:root{color-scheme:dark;--bg:#06111f;--panel:#0d1d31;--line:#284766;--text:#e9f2ff;--muted:#9cb2ca;--blue:#35a9ff;--green:#55e6a5;--amber:#ffbd58;--red:#ff6b78;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:radial-gradient(circle at 0 0,#11345d 0,transparent 42%),var(--bg);color:var(--text)}button,select{font:inherit}.observer{overflow:hidden}.overlay-bar{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(5,17,31,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:block;color:#67c8ff;letter-spacing:.18em;font-size:11px;font-weight:700;margin-bottom:4px}.chips{display:flex;gap:8px}.chip{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#10253d;color:#cce4ff;font-size:12px}.chip.clean{color:var(--green);border-color:#257354}.chip.warn{color:var(--amber);border-color:#805e27}.observer iframe{border:0;width:100%;height:calc(100vh - 70px);background:#07101c}.operator{overflow:hidden}.operator-shell{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 390px}.preview{padding:16px}.preview iframe{width:100%;height:100%;border:1px solid var(--line);border-radius:18px;background:#07101c}.console{overflow:auto;padding:24px;background:rgba(7,20,35,.96);border-left:1px solid var(--line);box-shadow:-16px 0 40px rgba(0,0,0,.26)}h1{font-size:30px;margin:4px 0 8px}.console p{color:var(--muted);line-height:1.45}.console section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8fcfff;font-weight:700;margin-bottom:10px}button,select{border:1px solid #37658f;background:#142b45;color:var(--text);padding:10px 12px;border-radius:9px;cursor:pointer}button:hover{border-color:#62c3ff;background:#1a3a5c}button:disabled{opacity:.45;cursor:wait}.primary{width:100%;margin-top:20px;background:linear-gradient(135deg,#0879cc,#19a6db);border-color:#42c7ff;font-weight:750}.segmented{display:grid;grid-template-columns:1fr 1fr}.segmented button{border-radius:0}.segmented button:first-child{border-radius:9px 0 0 9px}.segmented button:last-child{border-radius:0 9px 9px 0}.segmented button.active{background:#116da7;border-color:#5cc7ff}.ladder{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ladder li{padding:6px 4px;text-align:center;border-radius:6px;background:#0a1727;color:#9eb6ce;font-size:11px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.action-grid .wide{grid-column:1/-1}.danger{border-color:#8d3e49;color:#ffc0c6}.note{font-size:12px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.health{padding:10px;border:1px solid var(--line);border-radius:9px;background:#0a1727}.health strong{display:block}.health span{font-size:11px;color:var(--muted)}.health.good strong{color:var(--green)}.health.bad strong{color:var(--red)}output{display:block;margin-top:20px;padding:12px;border-radius:9px;background:#081522;border:1px solid var(--line);color:#bcd1e6;font-size:12px}.observer-link{display:block;margin-top:14px;text-align:center;color:#7fd0ff;text-decoration:none}@media(max-width:1000px){.operator-shell{grid-template-columns:1fr}.preview{display:none}.console{border-left:0}.overlay-bar{height:auto;min-height:70px;gap:10px;flex-wrap:wrap}.chips{padding-bottom:8px}.observer iframe{height:calc(100vh - 92px)}}