@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#f6f7fb;--bg-card:#fff;--bg-card-subtle:#f8f9fd;--bg-hover:#f1f3fa;--border-color:#e4e7f1;--border-focus:#6366f1;--text-main:#111827;--text-muted:#64748b;--text-subtle:#94a3b8;--brand-primary:#5b46f6;--brand-primary-hover:#4f3df0;--brand-gradient:linear-gradient(135deg, #5b46f6 0%, #06b6d4 100%);--brand-glow:#5b46f62e;--cyan-accent:#06b6d4;--status-ok:#10b981;--status-ok-bg:#10b9811a;--status-warn:#f59e0b;--status-warn-bg:#f59e0b1f;--status-error:#ef4444;--status-error-bg:#ef44441a;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000a;--shadow-md:0 4px 16px -2px #0f172a0f, 0 2px 6px -1px #0f172a08;--shadow-lg:0 12px 32px -4px #0f172a17, 0 4px 12px -2px #0f172a0a;--shadow-dock:0 20px 45px -8px #5b46f62e, 0 4px 12px #0000000d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--ease-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-expo);--transition-normal:.25s var(--ease-expo);--transition-smooth:.35s var(--ease-expo)}.landing-hero-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:900px;min-height:calc(80vh - 120px);margin:0 auto;padding:40px 20px 140px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing-h1{letter-spacing:-.03em;color:var(--text-main);margin-bottom:14px;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.25}.landing-subheading{color:var(--text-muted);margin-top:2px;font-size:.94em;font-weight:600;display:block}.landing-desc{color:var(--text-muted);max-width:580px;margin:0 auto 32px;font-size:14.5px;line-height:1.6}.landing-dropzone{background:var(--bg-card);border:1.5px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;width:100%;max-width:580px;box-shadow:var(--shadow-sm);text-align:left;align-items:center;gap:18px;padding:20px 24px;transition:all .25s;display:flex}.landing-dropzone:hover{border-color:var(--brand-primary);background:var(--bg-card-subtle);box-shadow:var(--shadow-md), 0 0 0 3px var(--brand-glow);transform:translateY(-2px)}.landing-drop-icon{background:var(--bg-card-subtle);width:48px;height:48px;color:var(--brand-primary);border:1px solid var(--border-color);border-radius:14px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.landing-drop-text b{color:var(--text-main);margin-bottom:2px;font-size:14.5px;font-weight:700;display:block}.landing-drop-text span{color:var(--text-muted);font-size:12.5px}[data-theme=dark]{--bg-app:#0a0914;--bg-card:#131224;--bg-card-subtle:#191730;--bg-hover:#211f3f;--border-color:#262447;--border-focus:#7c68fc;--text-main:#f3f4f8;--text-muted:#9ba3bf;--text-subtle:#676d8b;--brand-primary:#7058ff;--brand-primary-hover:#826eff;--brand-glow:#7058ff47;--cyan-accent:#22d3ee;--status-ok:#34d399;--status-ok-bg:#34d39926;--status-warn:#fbbf24;--status-warn-bg:#fbbf2429;--status-error:#f87171;--status-error-bg:#f871712e;--shadow-sm:0 1px 3px #0006, inset 0 1px 0 #ffffff0d;--shadow-md:0 6px 20px #00000073, inset 0 1px 0 #ffffff0d;--shadow-lg:0 14px 40px #0009, inset 0 1px 0 #ffffff0f;--shadow-dock:0 20px 48px #000000b3, inset 0 1px 0 #ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02" 1, "cv03" 1, "cv04" 1, "cv11" 1;background-image:radial-gradient(800px 400px at 10% -5%, var(--brand-glow), transparent 70%), radial-gradient(600px 350px at 90% 0%, #06b6d414, transparent 60%);background-attachment:fixed;min-height:100vh;line-height:1.55}::selection{color:inherit;background:#5b46f640}input,textarea{caret-color:var(--brand-primary)}:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.action-btn:active,.suggestion-pill:active,.nav-pill:active{transform:scale(.97)}.icon-btn:active{transform:scale(.93)}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--text-main)}code{font-family:var(--font-mono);background:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--brand-primary);font-feature-settings:"zero" 1;border-radius:6px;padding:.15em .45em;font-size:.88em;font-weight:500}[data-theme=dark] code{color:#a5b4fc;background:#5b46f61f;border-color:#5b46f647}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.app-container{flex-direction:column;min-height:100vh;padding-bottom:120px;display:flex;position:relative}.top-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#ffffffe0;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:8px 24px;display:flex;position:sticky;top:0}[data-theme=dark] .top-header{background:#131224d9}.header-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.brand-logo{letter-spacing:-.02em;color:var(--text-main);cursor:pointer;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand-icon{background:var(--brand-gradient);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 2px 10px #5b46f659}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.nav-pills{background:var(--bg-card-subtle);border-radius:var(--radius-pill);border:1px solid var(--border-color);align-items:center;gap:3px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.nav-pill{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:5px 13px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.nav-pill:hover{color:var(--text-main);background:var(--bg-hover)}.nav-pill.active{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px #5b46f659}.nav-pill-badge{border-radius:var(--radius-pill);color:#fff;background:#ffffff38;padding:1px 6px;font-size:10.5px}.nav-pill:not(.active) .nav-pill-badge{background:var(--bg-card);border:1px solid var(--border-color);color:var(--status-warn)}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);width:34px;height:34px;color:var(--text-muted);cursor:pointer;place-items:center;transition:all .2s;display:grid}.icon-btn:hover{color:var(--text-main);background:var(--bg-hover);border-color:var(--text-subtle)}.user-profile-badge{border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;align-items:center;gap:9px;padding:3px 10px 3px 4px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.user-info{text-align:left;line-height:1.15}.user-info .name{color:var(--text-main);font-size:12px;font-weight:600}.user-info .role{color:var(--text-muted);font-size:10px}.main-content{width:100%;max-width:1400px;margin:0 auto;padding:24px 28px}.ds-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s}.ds-card:hover{box-shadow:var(--shadow-md)}.page-hero{margin-bottom:24px}.hero-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-primary);align-items:center;gap:6px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.hero-title{letter-spacing:-.03em;color:var(--text-main);margin-bottom:6px;font-size:28px;font-weight:800}.hero-subtitle{color:var(--text-muted);font-size:14.5px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-card{border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;padding:20px 22px;display:flex}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12.5px;font-weight:600}.kpi-icon{border-radius:var(--radius-sm);background:var(--bg-card-subtle);border:1px solid var(--border-color);width:32px;height:32px;color:var(--brand-primary);place-items:center;display:grid}.kpi-val{letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;color:var(--text-main);margin-bottom:8px;font-size:32px;font-weight:800;line-height:1}.kpi-foot{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.kpi-trend{border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-weight:600;display:inline-flex}.kpi-trend.up{background:var(--status-ok-bg);color:var(--status-ok)}.kpi-trend.warn{background:var(--status-warn-bg);color:var(--status-warn)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--text-main);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.badge-count{border-radius:var(--radius-pill);background:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-muted);padding:2px 8px;font-size:12px;font-weight:600}.queue-list{flex-direction:column;gap:10px;display:flex}.queue-row{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.queue-row:hover{border-color:var(--brand-primary);background:var(--bg-card-subtle);transform:translateY(-1px)}.queue-left{align-items:center;gap:14px;display:flex}.queue-icon{background:var(--bg-card-subtle);border:1px solid var(--border-color);width:40px;height:40px;color:var(--brand-primary);border-radius:10px;place-items:center;font-size:18px;display:grid}.queue-title{color:var(--text-main);margin-bottom:3px;font-size:14.5px;font-weight:700}.queue-sub{color:var(--text-muted);font-size:12.5px}.queue-right{align-items:center;gap:12px;display:flex}.status-pill{border-radius:var(--radius-pill);font-variant-numeric:tabular-nums lining-nums;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.stp{background:var(--status-ok-bg);color:var(--status-ok);border:1px solid var(--status-ok)}.status-pill.hitl{background:var(--status-warn-bg);color:var(--status-warn);border:1px solid var(--status-warn)}.status-pill.discrepancy{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error)}.action-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.action-btn:hover{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}.action-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.action-btn.primary:hover{background:var(--brand-primary-hover)}.studio-layout{gap:var(--space-6);grid-template-columns:minmax(400px,480px) 1fr;align-items:start;display:grid}@media (width>=1400px){.studio-layout{gap:var(--space-8);grid-template-columns:520px 1fr}}@media (width<=1024px){.studio-layout{grid-template-columns:1fr}}.canvas-panel{padding:var(--space-4);position:sticky;top:90px}.canvas-toolbar{margin-bottom:var(--space-2);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.canvas-pagination-bar{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.page-nav-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.page-nav-btn:hover:not(:disabled){background:var(--brand-glow);border-color:var(--brand-primary);color:var(--brand-primary)}.page-nav-btn:disabled{opacity:.35;cursor:not-allowed}.page-indicator{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.page-select{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600}.page-quick-pills{align-items:center;gap:4px;display:flex}.page-pill-btn{border:1px solid var(--border-color);background:var(--bg-card);min-width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.page-pill-btn:hover{background:var(--bg-hover);color:var(--text-main)}.page-pill-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.canvas-viewport{border-radius:var(--radius-sm);background:#00000005;width:100%;max-height:620px;position:relative;overflow:hidden auto}.doc-sheet{color:#1a1a24;border-radius:var(--radius-sm);background:#fff;border:1px solid #dcdde8;width:100%;min-height:540px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.25;position:relative;overflow:visible;box-shadow:0 4px 24px #0000001f}.doc-token,.doc-token-box{box-sizing:border-box;cursor:pointer;transition:all .15s;position:absolute}.doc-token,.doc-token-box.text-mode{white-space:pre;border:1px solid #0000;border-radius:3px;padding:0 2px;font-family:inherit;font-size:11px;line-height:1.25}.doc-token.header,.doc-token-box.text-mode.header{font-size:12.5px;font-weight:700}.doc-token-box.overlay-mode{background:#6366f10a;border:1px solid #6366f140;border-radius:2px}.doc-token-box.overlay-mode:hover{box-shadow:0 0 8px #6366f159;border-color:var(--brand-primary)!important;background:#6366f12e!important}.doc-token-box.overlay-mode.header{background:#6366f114;border-color:#6366f166}.doc-token.active-highlight,.doc-token-box.active-highlight{border:2px solid var(--brand-primary)!important;z-index:25!important;background:#5b46f638!important;box-shadow:0 0 12px #5b46f680!important}.doc-token.low-conf,.doc-token-box.low-conf{border-color:var(--status-warn)!important;background:#f59e0b38!important}.doc-token.pii-region,.doc-token-box.pii-region{border-color:var(--status-error)!important;background:#ef44442e!important}.doc-token.burned,.doc-token-box.burned{-webkit-user-select:none;user-select:none;color:#000!important;z-index:20!important;background:#000!important;border:1px solid #000!important}.doc-token.sig-region,.doc-token-box.sig-region{border-color:var(--cyan-accent)!important;background:#06b6d433!important}.token-lens-box{width:100%;height:100%}.ocr-text-badge{color:#0f172a;white-space:nowrap;pointer-events:none;background:#fffffff0;border:1px solid #6366f166;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:500;line-height:1.15;display:inline-block;box-shadow:0 1px 4px #00000026}.scan-laser{background:linear-gradient(90deg, transparent, var(--cyan-accent), #fff, var(--cyan-accent), transparent);height:3px;box-shadow:0 0 16px var(--cyan-accent), 0 0 8px #fff;z-index:20;display:none;position:absolute;top:0;left:0;right:0}.scan-laser:after{content:"";pointer-events:none;background:linear-gradient(#0000,#06b6d438,#0000);height:20px;position:absolute;top:-10px;left:0;right:0}.scan-laser.active{animation:1.6s ease-in-out infinite scanLaserAnim;display:block}@keyframes scanLaserAnim{0%{opacity:.8;top:0%}50%{opacity:1;top:100%}to{opacity:.8;top:0%}}.agent-flow{flex-direction:column;gap:14px;display:flex}.agent-step-card{padding:16px 20px;animation:.35s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-top{color:var(--text-main);align-items:center;gap:12px;font-size:14.5px;font-weight:700;display:flex}.step-avatar{border-radius:var(--radius-sm);background:var(--bg-card-subtle);border:1px solid var(--border-color);place-items:center;width:32px;height:32px;font-size:16px;display:grid}.step-status-tag{color:var(--text-muted);align-items:center;gap:6px;margin-left:auto;font-size:12.5px;font-weight:500;display:flex}.spinner{border:2px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.step-rows{gap:6px;margin-top:12px;display:grid}.step-row-item{border-radius:var(--radius-sm);background:var(--bg-card-subtle);border:1px solid var(--border-color);cursor:pointer;grid-template-columns:minmax(130px,190px) 1fr auto;align-items:center;gap:12px;padding:8px 12px;font-size:13px;transition:all .15s;display:grid}.step-row-item:hover{background:var(--bg-hover);border-color:var(--brand-primary);box-shadow:0 2px 8px #6366f11f}.row-key{color:var(--text-muted);overflow-wrap:break-word;word-break:normal;font-size:12px;font-weight:500;line-height:1.35}.row-val{color:var(--text-main);overflow-wrap:break-word;word-break:normal;font-variant-numeric:tabular-nums lining-nums;font-size:13px;font-weight:600;line-height:1.4}.conf-pill{border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;padding:2px 8px}.conf-pill.high{background:var(--status-ok-bg);color:var(--status-ok)}.conf-pill.med{background:var(--status-warn-bg);color:var(--status-warn)}.conf-pill.low{background:var(--status-error-bg);color:var(--status-error)}.hitl-banner{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-top:var(--space-4);animation:.4s ease-out slideUp;display:flex}.hitl-banner.warn{background:var(--status-warn-bg);border:1px solid var(--status-warn)}.hitl-banner.approved{background:var(--status-ok-bg);border:1px solid var(--status-ok)}.hitl-content h4{color:var(--text-main);margin-bottom:var(--space-1);font-size:15px;font-weight:700}.hitl-content p{color:var(--text-muted);font-size:12.5px;line-height:1.5}.intent-dock{background:linear-gradient(transparent, var(--bg-app) 45%);pointer-events:none;z-index:40;flex-direction:column;align-items:center;gap:10px;padding:14px 20px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.intent-dock>*{pointer-events:auto}.intent-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:820px;display:flex}.suggestion-pill{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-sm);padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .2s}.suggestion-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.intent-input-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(820px,94%);box-shadow:var(--shadow-dock);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:12px;padding:8px 10px 8px 18px;transition:all .2s;display:flex}.intent-input-bar:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-glow), var(--shadow-dock)}.intent-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.intent-run-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;place-items:center;width:38px;height:38px;font-size:16px;transition:transform .15s;display:grid}.intent-run-btn:hover{transform:scale(1.05)}.density-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:380px;display:grid}.grid-cell{aspect-ratio:1;border-radius:var(--radius-sm);font-size:12px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;border:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(600px,100%);box-shadow:var(--shadow-lg);overflow:hidden}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}.canvas-viewport{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);scrollbar-width:thin;width:100%;overflow-x:auto}.canvas-viewport::-webkit-scrollbar{height:6px}.canvas-viewport::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.split-view-layout{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:24px;margin-bottom:28px;display:grid}.mobile-bottom-nav{display:none}@media (width<=840px){.mobile-bottom-nav{height:calc(56px + var(--sab));padding-bottom:var(--sab);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:60;background:#fffffff0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}[data-theme=dark] .mobile-bottom-nav{border-top-color:var(--border-color);background:#131224f0;box-shadow:0 -4px 20px #0000004d}.mobile-nav-btn{height:100%;min-height:48px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.mobile-nav-btn.active{color:var(--brand-primary);font-weight:700}.mobile-nav-btn.active svg{color:var(--brand-primary);transform:translateY(-1px)}.mobile-nav-badge{background:var(--status-warn);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 15px);box-shadow:0 1px 3px #0003}.app-container{padding-bottom:calc(140px + var(--sab))}.intent-dock{bottom:calc(56px + var(--sab));padding:8px 12px 10px}.intent-suggestions{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:2px 8px 4px;overflow-x:auto}.intent-suggestions::-webkit-scrollbar{display:none}.suggestion-pill{white-space:nowrap;flex-shrink:0;padding:5px 12px;font-size:11.5px}.intent-input-bar{width:100%;padding:6px 8px 6px 14px}.header-center{display:none}.top-header{min-height:52px;padding:8px 14px}.user-profile-badge,.icon-btn[title=System\ Notifications]{display:none}.split-view-layout,.studio-layout{grid-template-columns:1fr;gap:16px}.canvas-panel{position:static;top:auto}}@media (width>=841px) and (width<=1080px){.user-info{display:none}.user-profile-badge{padding:3px}.nav-pill{gap:4px;padding:5px 9px;font-size:11.5px}.top-header{padding:8px 16px}}@media (width<=640px){.main-content{padding:14px 12px 140px}.landing-hero-container{padding:20px 12px 160px}.landing-h1{font-size:24px}.landing-dropzone{gap:12px;padding:14px 16px}.landing-drop-icon{width:40px;height:40px;font-size:18px}.queue-row{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 14px}.queue-right{justify-content:space-between;width:100%}.api-status-badge{padding:3px 7px;font-size:11px}.api-status-text{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.kpi-grid{grid-template-columns:1fr}.doc-sheet{min-width:320px;height:420px}}@media (pointer:coarse){.action-btn{min-height:40px;padding:8px 16px}.suggestion-pill{min-height:36px}.nav-pill{min-height:38px}.icon-btn{min-width:38px;min-height:38px}.doc-token{padding:3px 6px}}