:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e5e7eb;background:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -10%,#243c63 0,#111827 35%,#0b1020 70%);min-height:100vh}.shell{max-width:1240px;margin:0 auto;padding:28px 32px 20px}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #597ca8;border-radius:10px;color:#b8dbff;font-weight:800;letter-spacing:-1px;background:#14243a}.brand strong{display:block;font-size:15px}.brand small{display:block;color:#8c9ab0;font-size:11px;margin-top:3px}.health{display:flex;align-items:center;gap:8px;color:#aebacf;font-size:12px}.health i{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px #f59e0b18}.health.online{color:#b9f7d0}.health.online i{background:#35d07f;box-shadow:0 0 0 4px #35d07f18}.health.offline i{background:#ef6b73;box-shadow:0 0 0 4px #ef6b7318}.hero{display:flex;justify-content:space-between;gap:30px;padding:76px 0 40px}.eyebrow,.section-kicker{margin:0;color:#79b7ff;font-size:10px;letter-spacing:.18em;font-weight:800}.hero h1{font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 16px;color:#f8fafc}.lede{max-width:720px;color:#9caec4;font-size:15px;line-height:1.7;margin:0}.hero-note{align-self:end;display:grid;grid-template-columns:auto auto;gap:8px 18px;min-width:150px;padding:16px 18px;border-left:1px solid #31445f;color:#7f91aa;font-size:11px;letter-spacing:.1em}.hero-note b{color:#e9f2ff;font-size:13px;letter-spacing:0}.workspace{border:1px solid #273752;border-radius:14px;background:#111a2bdf;box-shadow:0 22px 70px #03071166;overflow:hidden}.mode-tabs{display:flex;gap:2px;padding:8px;border-bottom:1px solid #273752;background:#0f1728}.mode{flex:1;border:0;border-radius:8px;color:#8fa1ba;background:transparent;padding:13px 9px;font:inherit;font-size:12px;cursor:pointer;transition:.2s}.mode span{margin-right:6px;color:#7295bf}.mode:hover{background:#19263b;color:#dce8f7}.mode.active{background:#23466e;color:#f1f7ff;box-shadow:inset 0 0 0 1px #4d82bb}.control-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:1px;background:#273752}.panel{background:#111a2b;padding:26px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-title h2{margin:7px 0 0;font-size:20px;letter-spacing:-.02em;color:#f2f6fc}.badge{border:1px solid #365579;color:#82b8ee;padding:5px 8px;border-radius:6px;font:11px ui-monospace,SFMono-Regular,monospace}.subnav{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 14px}.subtab,.example{border:1px solid #304663;border-radius:6px;padding:7px 9px;background:#0e192a;color:#91a7c0;font:11px inherit;cursor:pointer}.subtab.active{border-color:#5d96c9;background:#1b3d60;color:#e2f1ff}.subtab.extension{color:#b9a9e9;border-color:#4f426e}.example-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.example{color:#a8cdf0;background:#13253c}.example:hover,.subtab:hover{border-color:#75b9f6;color:#e9f5ff}.dropzone{min-height:176px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed #496b93;border-radius:10px;background:#0c1525;cursor:pointer;text-align:center;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:#86c2ff;background:#10223a}.dropzone input{display:none}.drop-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;color:#85c0ff;background:#1c3a5d}.dropzone strong{font-size:13px;color:#d8e7f8}.dropzone small{color:#7f91aa;font-size:11px}.preview-wrap{position:relative;min-height:176px;margin-bottom:16px;border-radius:10px;overflow:hidden;background:#080d17;border:1px solid #2b405e}.preview-wrap img,.preview-wrap video{display:block;width:100%;height:210px;object-fit:contain}.icon-button{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:6px;background:#0b1020cc;color:#d9e9fb;font-size:20px;cursor:pointer}.hidden{display:none!important}.field-label{display:block;color:#9babc0;font-size:11px;margin:20px 0 8px}.input-panel textarea{width:100%;resize:vertical;border:1px solid #304663;border-radius:8px;background:#0b1423;color:#edf4fc;padding:11px 12px;font:13px/1.6 inherit;outline:none}.input-panel textarea:focus{border-color:#76b9fa;box-shadow:0 0 0 3px #76b9fa18}.params{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.param{display:grid;gap:6px}.param label{color:#879ab2;font-size:11px}.param input,.param select{width:100%;border:1px solid #304663;border-radius:7px;background:#0b1423;color:#e7f0fb;padding:9px 10px;font:12px inherit}.param small{color:#697e98;font-size:10px}.primary{width:100%;display:flex;justify-content:center;gap:9px;border:0;border-radius:8px;background:#79b7ff;color:#0a1627;padding:12px;font-weight:800;cursor:pointer}.primary:hover{background:#9bcaff}.primary:disabled{opacity:.5;cursor:wait}.ghost{border:1px solid #365579;border-radius:6px;padding:7px 10px;background:transparent;color:#9fc7ef;font:11px inherit;cursor:pointer}.ghost:disabled{opacity:.35;cursor:not-allowed}.result-panel{min-height:610px}.result-empty{height:520px;display:grid;place-items:center;align-content:center;gap:8px;color:#7e90aa;text-align:center}.result-empty strong{font-size:13px;color:#bac9dc}.result-empty span{font-size:11px}.empty-mark{font-size:48px;color:#436389;font-weight:200;margin-bottom:8px}.result{height:520px;overflow:auto}.answer{white-space:pre-wrap;color:#edf5ff;font-size:15px;line-height:1.75;padding:4px 0 20px}.meta,.stats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.meta span,.stats span{padding:5px 8px;border:1px solid #304663;border-radius:5px;color:#8fa6c0;font:11px ui-monospace,SFMono-Regular,monospace}.stats-title,.gallery-title,.timeline-title{color:#9db5d0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 9px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:18px}.gallery figure{margin:0;border:1px solid #2b405e;border-radius:7px;background:#0a1321;overflow:hidden}.gallery img{display:block;width:100%;height:75px;object-fit:cover}.gallery figcaption{padding:5px 6px;color:#839ab4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:14px 0;border-top:1px solid #293c58}.event-time{color:#8fa6c0;font:11px ui-monospace,SFMono-Regular,monospace}.event-main{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.event-state{font-size:11px;padding:4px 7px;border-radius:4px}.event-state.response{color:#b7f6d2;background:#1a4b37}.event-state.silence{color:#9badc3;background:#1a2738}.event-prob{color:#8197b2;font:11px ui-monospace,SFMono-Regular,monospace}.event-answer{grid-column:2;color:#dce8f6;line-height:1.6;font-size:13px;margin-top:2px}.json{white-space:pre-wrap;word-break:break-word;color:#b9d8f7;font:12px/1.6 ui-monospace,SFMono-Regular,monospace}.error{color:#ff9ca2;font-size:11px;margin:12px 0 0}details{border-top:1px solid #293c58;padding-top:12px;color:#8fa6c0;font-size:11px}footer{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;color:#687c95;font-size:11px;padding:22px 0 0}footer a{color:#8dbbec;text-decoration:none}@media(max-width:820px){.shell{padding:20px 16px}.hero{padding:48px 0 28px;display:block}.hero-note{margin-top:26px;width:max-content}.control-grid{grid-template-columns:1fr}.result-panel{min-height:420px}.result-empty,.result{height:360px}.mode-tabs{overflow:auto}.mode{min-width:150px}.panel{padding:20px}}