:root{color-scheme:light;--ql-surface: #F2F0ED;--ql-panel: #FFFFFF;--ql-panel-2: #F8F6F3;--ql-brand: #2C3E50;--ql-text: #1D2733;--ql-muted: #6B6B6B;--ql-border: #D8D4CF;--ql-accent: #C0532E;--ql-accent-hi: #E0743F;--ql-ok: #2E7D5B;--ql-warn: #B08900;--ql-danger: #B23B3B;--ql-font-head: Georgia, "Times New Roman", serif;--ql-font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--ql-font-mono: "SF Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--ql-radius: 14px;--ql-radius-lg: 22px}:root[data-theme=dark]{color-scheme:dark;--ql-surface: #0F1620;--ql-panel: #16222E;--ql-panel-2: #1B2A38;--ql-brand: #E8EEF4;--ql-text: #E8EEF4;--ql-muted: #9BA7B2;--ql-border: #2A3A49;--ql-accent: #E0743F;--ql-accent-hi: #F08A54;--ql-ok: #4FBF8F;--ql-warn: #E0B24A;--ql-danger: #E5736F}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ql-surface: #0F1620;--ql-panel: #16222E;--ql-panel-2: #1B2A38;--ql-brand: #E8EEF4;--ql-text: #E8EEF4;--ql-muted: #9BA7B2;--ql-border: #2A3A49;--ql-accent: #E0743F;--ql-accent-hi: #F08A54;--ql-ok: #4FBF8F;--ql-warn: #E0B24A;--ql-danger: #E5736F}}@media(prefers-contrast:more){:root{--ql-border: #9B958C;--ql-muted: #46464a}:root[data-theme=dark]{--ql-border: #5C6E7E;--ql-muted: #C7D0D8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ql-border: #5C6E7E;--ql-muted: #C7D0D8}}:focus-visible{outline:2px solid var(--ql-accent);outline-offset:2px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--ql-font-body);background:var(--ql-surface);color:var(--ql-text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:1100px;margin:0 auto}.hdr{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--ql-border)}.hdr .logo{width:38px;height:38px;flex:none}.hdr .title{font-family:var(--ql-font-head);font-weight:700;font-size:20px;letter-spacing:-.3px}.hdr .title .v{color:var(--ql-accent)}.hdr .spacer{flex:1}.hdr .mode-pill{font-size:11px;color:var(--ql-muted);border:1px solid var(--ql-border);border-radius:999px;padding:3px 10px}.seg{display:inline-flex;border:1px solid var(--ql-border);border-radius:999px;overflow:hidden}.seg button{font:inherit;font-size:12px;background:transparent;color:var(--ql-muted);border:none;padding:6px 12px;cursor:pointer}.seg button.on{background:var(--ql-brand);color:var(--ql-panel)}:root[data-theme=dark] .seg button.on,:root:not([data-theme=light]) .seg button.on{color:#0f1620}.main{flex:1;display:grid;grid-template-columns:1fr 380px;gap:18px;padding:18px 22px;min-height:0}@media(max-width:900px){.main{grid-template-columns:1fr}}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--ql-panel);border:1px solid var(--ql-border);border-radius:var(--ql-radius-lg);padding:28px}.orb-wrap{width:200px;height:200px;display:grid;place-items:center}.status-line{font-size:13px;color:var(--ql-muted);text-align:center;min-height:20px}.status-line.is-error{color:var(--ql-danger);font-weight:600}.tray{display:flex;gap:12px;align-items:center}.btn{font:inherit;font-size:14px;border-radius:999px;padding:12px 22px;cursor:pointer;border:1px solid var(--ql-border);background:var(--ql-panel);color:var(--ql-text);display:inline-flex;align-items:center;gap:8px;transition:.15s}.btn:hover{border-color:var(--ql-accent)}.btn.primary{background:var(--ql-accent);color:#fff;border-color:var(--ql-accent)}.btn.primary:hover{background:var(--ql-accent-hi)}.btn.danger{background:var(--ql-danger);color:#fff;border-color:var(--ql-danger)}.side{display:flex;flex-direction:column;gap:14px;min-height:0}.card{background:var(--ql-panel);border:1px solid var(--ql-border);border-radius:var(--ql-radius);padding:16px}.card h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ql-muted);margin-bottom:10px;font-weight:600}.drop{border:2px dashed var(--ql-border);border-radius:var(--ql-radius);padding:20px;text-align:center;color:var(--ql-muted);font-size:13px;cursor:pointer;transition:.15s}.drop:hover,.drop.over{border-color:var(--ql-accent);color:var(--ql-accent);background:var(--ql-panel-2)}.doc-chip{display:flex;align-items:center;gap:8px;font-size:13px}.doc-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--ql-ok)}.trail{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.result{border-left:3px solid var(--ql-accent);background:var(--ql-panel-2);border-radius:0 10px 10px 0;padding:10px 12px}.result .cap{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ql-accent);font-weight:700}.result .ans{font-size:13px;margin:4px 0;line-height:1.5}.result .ev{font-size:11px;color:var(--ql-muted);font-family:var(--ql-font-mono)}.result .badge{font-size:10px;color:var(--ql-muted)}.empty{font-size:12px;color:var(--ql-muted);text-align:center;padding:12px}input[type=text]{font:inherit;width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--ql-border);background:var(--ql-panel-2);color:var(--ql-text)}.seg[role=tablist]{margin-left:4px}.demo-banner{font-size:12px;color:var(--ql-muted);background:var(--ql-panel-2);border-bottom:1px solid var(--ql-border);padding:8px 22px;text-align:center}.auth-loading{height:100%;display:grid;place-items:center;opacity:.6}.auth-stage{flex:1;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:360px;background:var(--ql-panel);border:1px solid var(--ql-border);border-radius:var(--ql-radius-lg);padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.auth-mark{width:64px;height:64px;margin-bottom:12px}.auth-mark-static{display:none}@media(prefers-reduced-motion:reduce){.auth-mark-animated{display:none}.auth-mark-static{display:block}}.auth-title{font-family:var(--ql-font-head);font-weight:700;font-size:22px;letter-spacing:-.3px}.auth-title .v{color:var(--ql-accent)}.auth-tagline{font-size:13px;color:var(--ql-muted);margin-bottom:20px}.auth-oauth{display:flex;flex-direction:column;gap:10px;width:100%}.auth-divider{display:flex;align-items:center;gap:10px;width:100%;margin:18px 0;color:var(--ql-muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--ql-border)}.auth-form{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left}.auth-form label{font-size:12px;color:var(--ql-muted);display:flex;flex-direction:column;gap:5px}.auth-error{font-size:12px;color:var(--ql-danger)}.auth-notice{font-size:12px;color:var(--ql-ok)}.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.auth-switch{font:inherit;font-size:12px;color:var(--ql-muted);background:none;border:none;cursor:pointer}.auth-switch:hover{color:var(--ql-accent)}.screen{flex:1;padding:18px 22px;overflow-y:auto;max-width:720px;width:100%;margin:0 auto}.screen-title{font-family:var(--ql-font-head);font-size:20px;margin-bottom:16px}.session-list,.doc-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.session-card{padding:0;overflow:hidden}.session-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;font:inherit;color:var(--ql-text);cursor:pointer;padding:16px;text-align:left}.session-doc{font-size:14px;font-weight:600}.session-meta{font-size:12px;color:var(--ql-muted);margin-top:2px;font-family:var(--ql-font-mono)}.chev{color:var(--ql-muted)}.session-card .trail{padding:0 16px 16px}.doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.doc-actions{display:flex;gap:8px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}