:root{color-scheme:light;--ink:#17243b;--muted:#6a7586;--line:#e3e8f0;--blue:#2563eb;--bg:#f4f6fa}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,"Microsoft YaHei",sans-serif}button,input{font:inherit}button{border:0;border-radius:8px;padding:10px 16px;background:var(--blue);color:white;cursor:pointer}button:disabled{background:#edf1f6;color:#929cab;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #a9c8ff;outline-offset:2px}[hidden]{display:none!important}
h1,h2,p{margin:0}h1{font-size:22px;letter-spacing:.04em}h2{font-size:16px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;color:white;background:#12364a;border-radius:9px;font:bold 25px Georgia,serif}.muted{color:var(--muted);font-size:13px}.message{min-height:24px;color:var(--muted);font-size:13px;margin-top:14px}.secondary{background:#eef3fb;color:#405777}.stop{background:#fef0ef;color:#bf342c}
.login-card{max-width:390px;margin:12vh auto 30px;padding:28px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 32px #25365208}.login-card>.muted{margin:14px 0 22px}label{display:block;margin:14px 0 6px;font-size:14px}input{width:100%;border:1px solid #cad3e0;border-radius:8px;padding:11px 12px;background:white;color:var(--ink)}form>button{margin-top:22px;width:100%}
.topbar{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.workspace{display:grid;grid-template-columns:242px minmax(0,1fr);gap:20px;max-width:2200px;margin:auto;padding:20px}.sidebar,.preview{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.sidebar{align-self:start}.sidebar>h2{margin-bottom:16px}.operator-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.operator-row{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}.operator-row strong{font-size:14px;overflow-wrap:anywhere}.operator-row span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.operator-row button{margin-top:8px;padding:8px}.notes{margin-top:24px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px;line-height:1.9}
.preview{min-width:0;align-self:start}.preview-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}.empty{min-height:60vh;display:grid;place-items:center;color:#7c8799;background:#fafbfd;border:1px dashed #dce4ef;border-radius:8px}.preview-stage{width:100%;height:min(78vh,1100px);min-height:340px;background:#08111d;border-radius:8px;overflow:hidden}.preview-stage:empty{display:none}.preview-stage video{display:block;width:100%;height:100%;object-fit:contain}.preview-heading h2{overflow-wrap:anywhere}.preview>.message{margin-top:10px}
@media(max-width:760px){.topbar{padding:0 16px;height:64px}.workspace{grid-template-columns:1fr;padding:12px;gap:12px}.sidebar,.preview{padding:14px}.operator-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.notes{margin-top:14px;display:flex;flex-wrap:wrap;gap:2px 14px}.preview-stage{height:65vh;min-height:280px}.empty{min-height:40vh}.login-card{margin:10vh 18px 20px;max-width:none}h1{font-size:20px}}