/* A deterministic product film, using the same Corvana glass and typography. */
.demo-mode a { text-decoration:none; }
.demo-mode .sidebar { width:248px; }
.demo-sidebar-glyph { margin-left:auto;color:#787878; }
.demo-sidebar-glyph .icon { width:17px; }
.demo-mode .section-label>.icon { width:13px;height:13px; }
.demo-mode .topbar { height:68px;padding:0 28px; }
.demo-product-label { display:flex;align-items:center;gap:7px;font-size:11px;color:#737373; }
.demo-product-label i { height:5px;width:5px;border-radius:50%;background:#99978a;box-shadow:0 0 0 3px #87878609; }
.demo-illustrative { border:1px solid #b6b6b52e;border-radius:5px;font-size:9px;padding:4px 7px;color:#818181; }
.demo-mode .demo-exit { width:28px;height:28px; }
.demo-mode .demo-exit>.icon { width:16px; }
#main-content.demo-main { display:flex;flex-direction:column;padding:0 28px;overflow:auto;scroll-behavior:auto; }
.demo-scene { position:relative;width:100%;max-width:1110px;margin:auto;flex-shrink:0; }
.demo-home { max-width:840px;padding:25px 0 19px; }
.demo-welcome { text-align:center; }
.demo-welcome .welcome-meta { margin-bottom:26px;gap:15px; }
.demo-welcome .hero-mark { width:59px;height:59px; }
.demo-welcome .hero-mark .brand-icon { width:44px;height:37px; }
.demo-welcome h1 { font-size:38px;line-height:1.32;letter-spacing:-1.8px;font-weight:420;color:#353535; }
.demo-welcome h1>span { color:#919191;display:block; }
.demo-welcome p { margin-top:15px;font-size:12px;color:#7c7c7c; }
.demo-composer { margin-top:30px;min-height:181px;padding:24px 25px 20px; }
.demo-composer .composer-bottom { margin-top:20px; }
.demo-prompt-line { min-height:70px;line-height:1.65;font-size:19px;letter-spacing:-.25px;color:#4a4a49; }
.demo-prompt-line.is-placeholder { color:#888888; }
.demo-caret { display:inline-block;background:#626261;width:1.5px;height:1.1em;margin-left:2px;vertical-align:-.15em; }
.is-placeholder .demo-caret { display:none; }
.demo-source-rail { display:flex;gap:7px;overflow:visible; }
.demo-source-tile { display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:8px;background:#e4e4e48a;border:1px solid #ffffff70;border-radius:11px; }
.demo-source-tile .file-type-icon { width:32px;height:35px;flex-shrink:0; }
.demo-source-tile>span { min-width:0; }
.demo-source-tile strong { display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:480;color:#545554; }
.demo-source-tile small { display:block;font-size:9px;color:#888888;margin-top:4px;white-space:nowrap; }
.demo-source-tile>.icon { width:12px;height:12px;margin-left:auto;color:#7b7c7b; }
.demo-source-tile.is-small { height:58px; }
.demo-composer .source-count { margin-left:1px; }
.demo-composer .send-button { background:linear-gradient(135deg,#cfcfcf,#b6b7b6);color:white; }
.demo-composer .send-button.is-ready { background:linear-gradient(145deg,#777776,#4d4d4c); }
.demo-send.is-pressed,.demo-approve.is-pressed { transform:scale(.94);filter:brightness(.85); }
.demo-home .suggestions { margin-top:21px; }
.demo-sample-note { text-align:center;font-size:10px;letter-spacing:.12px;color:#8d8d8d;margin-top:25px; }
.demo-cursor { position:absolute;width:23px;height:29px;z-index:7;pointer-events:none;filter:drop-shadow(0 2px 2px #20202028); }
.demo-cursor svg { width:100%;height:100%; }
.demo-cursor i { position:absolute;left:-11px;top:-11px;height:28px;width:28px;border-radius:50%;border:1px solid #838483;box-shadow:0 0 0 8px #83848316;opacity:0; }
.demo-cursor.is-clicking i { opacity:.8; }
.demo-cursor.is-clicking svg { transform:scale(.9); }
.demo-scene-heading { display:flex;justify-content:space-between;align-items:center;color:#676766;font-size:12px;margin:0 6px 16px; }
.demo-scene-heading>span:first-child { display:flex;gap:7px;align-items:center; }
.demo-scene-heading .icon { width:15px;height:15px; }
.demo-scene-meta { color:#919190;font-size:10px; }
.demo-plan-scene { max-width:840px;padding:16px 0; }
.demo-plan-room { padding:21px 26px 17px;border-radius:29px; }
.demo-user-message { display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-bottom:21px; }
.demo-user-message .avatar { width:25px;height:25px;font-size:8px; }
.demo-user-message p { background:#dfdfdf85;border:1px solid #dfdfdf5c;padding:12px 17px;border-radius:22px;color:#454645;font-size:13px;line-height:1.55;max-width:87%; }
.demo-sent-sources { display:flex;gap:8px;flex-wrap:wrap; }
.demo-sent-sources>span { display:flex;align-items:center;gap:3px;font-size:9px;color:#888888; }
.demo-sent-sources .icon { width:10px;height:10px; }
.demo-agent-line { display:flex;align-items:center;gap:8px;font-size:12px;font-weight:450;color:#6b6c6b; }
.demo-agent-logo { width:25px;height:22px;flex-shrink:0;mix-blend-mode:multiply; }
.demo-agent-state { font-size:10px;margin-left:auto;color:#737373;display:flex;align-items:center;gap:6px;font-weight:400; }
.demo-spinner { display:block;height:13px;width:13px;border:1.5px solid #b7b7b775;border-top-color:#7b7b7a;border-radius:50%;flex-shrink:0; }
.demo-plan-intro { font-size:15px;color:#4d4d4d;line-height:1.55;min-height:47px;margin:11px 0 14px; }
.demo-review-plan { border-radius:21px;border:1px solid #ffffffed;background:#ffffff45;box-shadow:0 0 0 1px #acacac25,0 7px 16px -12px #50514f37,inset 0 1px 1px #fff; }
.demo-plan-file { display:flex;gap:8px;align-items:center;padding:10px 14px;color:#606160;font-size:11px; }
.demo-plan-file .file-type-icon { width:28px;height:30px; }
.demo-plan-file small { display:block;color:#737373;font-size:9px;margin-top:3px; }
.demo-plan-file>.icon { margin-left:auto;width:16px;height:16px;color:#8f908f; }
.demo-plan-inner { border-top:1px solid white;border-radius:20px;padding:15px 18px;background:linear-gradient(125deg,#ffffff69,#ffffff2b); }
.demo-plan-inner h2 { font-size:17px;letter-spacing:-.3px;color:#454544; }
.demo-plan-steps { margin:13px 0; }
.demo-plan-step { display:flex;align-items:center;gap:11px;min-height:48px;border-bottom:1px solid #cdcdcd21;padding:7px 0; }
.demo-plan-step>span { font-size:10px;font-variant-numeric:tabular-nums;color:#7a7a7a;border:1px solid #cbcccb80;border-radius:50%;width:24px;height:24px;display:grid;place-items:center; }
.demo-plan-step strong { font-size:12px;font-weight:450;color:#656665; }
.demo-plan-step small { display:block;font-size:10px;color:#878786;margin-top:4px; }
.demo-plan-step>.icon { margin-left:auto;width:13px;height:13px;color:#8d8d8c; }
.demo-plan-bottom { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px; }
.demo-plan-bottom>span { display:flex;align-items:center;gap:5px;font-size:10px;color:#7e7e7e; }
.demo-plan-bottom>span>.icon { width:11px;height:11px; }
.demo-approve { padding:0 21px;min-height:38px; }
.demo-quiet-reply { display:flex;align-items:center;gap:12px;font-size:11px;color:#818280;padding:14px 2px 0; }
.demo-quiet-reply>.icon { margin-left:auto;width:16px;height:16px; }
.demo-quiet-reply .demo-agent-logo { width:19px;height:19px; }
.demo-work-scene,.demo-clarify-scene { padding:21px 0; }
.demo-work-heading { display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 24px;gap:20px; }
.demo-eyebrow { font-size:9px;font-weight:500;color:#8a8a89;letter-spacing:1.3px;display:block;margin-bottom:9px; }
.demo-work-heading h1 { font-size:31px;letter-spacing:-1px;font-weight:430;color:#3c3c3c; }
.demo-working-pill { display:flex;align-items:center;gap:7px;color:#818280;font-size:10px;padding-bottom:4px; }
.demo-work-layout { display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start; }
.demo-result-column { min-width:0; }
.demo-comparison,.demo-source-viewer,.demo-letter,.demo-decision-brief { border-radius:22px;border:1px solid #ffffffd6;background:linear-gradient(115deg,#ffffffb5,#ffffff66);box-shadow:0 0 0 1px #9fa09f25,0 14px 28px -23px #57575660,inset 0 1px 1px #ffffff;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px); }
.demo-panel-title { display:flex;align-items:center;gap:11px;padding:20px 21px 17px; }
.demo-panel-title>.premium-icon { width:21px;height:21px; }
.demo-panel-title h2 { font-size:16px;font-weight:470;letter-spacing:-.2px;color:#4d4d4c; }
.demo-panel-title div>span { display:block;font-size:10px;color:#8b8c8a;margin-top:5px; }
.demo-small-count { margin-left:auto;font-size:9px;white-space:nowrap;color:#747574; }
.demo-baseline { display:flex;align-items:center;gap:15px;border-top:1px solid #cfd0cf27;border-bottom:1px solid #cfd0cf38;padding:12px 20px;font-size:10px;color:#818280;background:#ffffff24; }
.demo-baseline span,.demo-baseline strong { display:inline-flex;align-items:center;gap:4px;white-space:nowrap; }
.demo-baseline strong { font-weight:450;margin-left:auto;color:#6d6e6c; }
.demo-baseline .icon { height:12px;width:12px; }
.demo-table-wrap { padding:0 17px;overflow-x:auto; }
.demo-bid-table { width:100%;border-collapse:collapse;table-layout:fixed; }
.demo-bid-table th { text-align:left;padding:16px 5px 12px;color:#8b8c8a;font-size:9px;font-weight:450;border-bottom:1px solid #c9c9c848; }
.demo-bid-table th:first-child { width:23%; }
.demo-bid-table th:nth-child(2) { width:17%; }
.demo-bid-table th:nth-child(3) { width:22%; }
.demo-bid-table th:nth-child(4) { width:32%; }
.demo-bid-table th:last-child { width:6%; }
.demo-bid-table td { border-bottom:1px solid #c9c9c848;padding:17px 5px;font-size:11px;color:#585957;vertical-align:middle;height:101px; }
.demo-bid-table tbody tr:last-child td { border-bottom:0; }
.demo-bid-table td:first-child>.demo-supplier-letter { float:left;margin-right:7px;margin-top:1px;width:25px;height:25px;font-size:10px; }
.demo-bid-table td strong { font-size:11px;display:block;font-weight:470; }
.demo-bid-table td small { display:block;font-size:8px;line-height:1.55;color:#787978;margin-top:6px; }
.demo-bid-table td:first-child small { clear:both;padding-top:3px; }
.demo-supplier-letter { display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(130deg,#f5f5f5,#e5e5e4e0);border:1px solid #ffffffa3;color:#7e7f7d;font-size:12px;box-shadow:0 1px 2px #5c5d5b14,inset 0 1px 1px #fff;flex-shrink:0; }
.demo-bid-table td.demo-price { font-variant-numeric:tabular-nums;color:#6d6e6c; }
.demo-lead-track { display:block;position:relative;height:4px;background:#d4d4d345;border-radius:4px;margin-top:10px;width:87%; }
.demo-lead-track i { display:block;height:100%;border-radius:4px;background:#afb0ae; }
.demo-lead-track b { position:absolute;left:66.667%;top:-3px;height:10px;width:1px;background:#81828099; }
.demo-lead.is-late { color:#a38251; }
.is-late+.demo-lead-track i { background:#c1a878; }
.demo-exception { display:flex;align-items:flex-start;gap:4px;line-height:1.5;font-size:10px;color:#70716f; }
.demo-exception .icon { width:12px;height:12px;margin-top:2px;color:#afa281; }
.demo-citation { display:grid;place-items:center;height:21px;width:21px;border:1px solid #c8c8c799;background:#ffffff80;border-radius:6px;font-size:9px;color:#8e8f8d; }
.demo-citation:hover { background:white;border-color:#8d8e8c; }
.demo-table-footer { display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #c9c9c835;padding:13px 19px;font-size:9px;color:#7a7b7a; }
.demo-table-footer span { display:flex;align-items:center;gap:5px; }
.demo-table-footer .icon { width:12px;height:12px; }
.demo-finding-strip { margin-top:17px;display:flex;gap:10px;align-items:center;padding:15px 16px;border:1px solid #ffffff9c;border-radius:16px;background:linear-gradient(115deg,#f8f7f0ad,#edebe133);box-shadow:inset 0 1px 1px #fff; }
.demo-finding-symbol { width:29px;height:29px;display:grid;place-items:center;background:#e5e5d952;border-radius:50%;color:#757574;flex-shrink:0; }
.demo-finding-symbol .icon { height:17px;width:17px; }
.demo-finding-strip strong { font-size:11px;font-weight:450;color:#686867;display:block; }
.demo-finding-strip p>span { font-size:9px;color:#8f908e;display:block;margin-top:5px; }
.demo-finding-count { margin-left:auto;font-size:22px;color:#797a78;text-align:center; }
.demo-finding-count small { display:block;font-size:8px;color:#7e7e7c; }
.demo-source-viewer { border-radius:18px;overflow:hidden; }
.demo-source-viewer-head { display:flex;align-items:center;gap:7px;padding:13px 14px;border-bottom:1px solid #d6d6d652;font-size:10px;color:#828381; }
.demo-source-viewer-head>.icon { width:13px;height:13px; }
.demo-source-viewer-head>span { margin-left:auto;color:#8b8c8a;font-size:9px; }
#demo-source-paper { position:relative;min-height:317px;padding:19px 16px 11px;background:linear-gradient(110deg,#fffffff0,#ffffff9c);overflow:hidden; }
.demo-paper-caption { display:flex;align-items:center;gap:8px;font-size:12px;color:#6a6c69; }
.demo-paper-caption .file-type-icon { height:30px;width:28px; }
.demo-paper-caption small { display:block;font-size:9px;color:#898989;margin-top:4px; }
.demo-paper-lines { margin:20px 0 16px; }
.demo-paper-lines span { height:3px;width:100%;display:block;margin-top:6px;background:#e2e3e27d;border-radius:3px; }
.demo-paper-lines span:nth-child(2) { width:87%; }.demo-paper-lines span:nth-child(3) { width:66%; }
.demo-source-viewer dl { margin:0;position:relative;z-index:1; }
.demo-source-viewer dl>div { display:flex;justify-content:space-between;gap:13px;font-size:9px;margin:0 -5px;padding:9px 5px;border-bottom:1px solid #dadad95c; }
.demo-source-viewer dt { color:#888987;flex-shrink:0; }
.demo-source-viewer dd { margin:0;text-align:right;color:#717371;line-height:1.5; }
.demo-source-viewer dl>div.is-highlighted { background:#f1eace69;border-radius:4px;border-bottom-color:transparent; }
.demo-source-open { display:flex;gap:5px;align-items:center;font-size:9px;color:#818280;padding:14px 0 0;position:relative;z-index:2; }
.demo-source-open>.icon { width:10px;height:10px; }
.demo-paper-scan { position:absolute;left:0;right:0;height:44px;pointer-events:none;background:linear-gradient(0deg,#afafae18,transparent);border-bottom:1px solid #b7b7b642; }
.demo-source-dots { display:flex;align-items:center;justify-content:center;gap:5px;padding:11px; }
.demo-source-dots span { width:4px;height:4px;background:#d0d1cf;border-radius:50%; }
.demo-source-dots .is-active { width:14px;background:#9b9c9a;border-radius:4px; }
.demo-tool-log { padding:18px 5px 0; }
.demo-tool-log .demo-agent-line { font-size:10px; }.demo-tool-log .demo-agent-state { display:none; }
.demo-tool-log .demo-agent-logo { width:20px;height:18px; }
.demo-log-steps { margin-top:14px; }
.demo-log-steps>div { display:flex;align-items:center;gap:7px;font-size:10px;color:#888887;margin-top:11px; }
.demo-log-status { width:5px;height:5px;background:#c4c4c3;border-radius:50%; }
.demo-log-steps .is-active { color:#7c7d7b; }.demo-log-steps .is-active .demo-log-status { background:#959694;box-shadow:0 0 0 3px #acacab20; }
.demo-log-steps>div>.icon { width:11px;height:11px;margin-left:auto;opacity:0;color:#8e908d; }.demo-log-steps .is-done>.icon { opacity:1; }
.demo-agent-progress { height:3px;background:#d6d7d668;border-radius:3px;overflow:hidden;margin-top:18px; }.demo-agent-progress i { display:block;height:100%;background:#a3a4a2; }
#demo-activity-detail { color:#898988;font-size:8px;line-height:1.6;margin-top:8px;min-height:25px; }
.demo-clarify-layout { display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:38px; }
.demo-letter { overflow:hidden; }
.demo-letter-top { display:flex;align-items:center;gap:10px;padding:14px 20px;background:#f0f0f065;border-bottom:1px solid #d7d7d659;font-size:12px;color:#70726f; }
.demo-letter-top .file-type-icon { width:32px;height:36px; }
.demo-letter-top small { display:block;font-size:9px;color:#878887;margin-top:4px; }
.demo-document-tag { font-size:8px;color:#868785;margin-left:auto;border:1px solid #c2c3c1;padding:4px 5px;border-radius:4px; }
.demo-letter-body { padding:23px 26px; }
.demo-letter-eyebrow { color:#828382;letter-spacing:1.6px;font-size:8px;margin-bottom:13px; }
.demo-letter-body h2 { color:#575956;font-size:21px;letter-spacing:-.4px;font-weight:450; }
.demo-letter-subtitle { color:#767876;font-size:10px;margin-top:7px;margin-bottom:21px; }
.demo-clarification { border-top:1px solid #d4d4d35c;padding:15px 0 11px; }
.demo-clarification>div { display:flex;align-items:center;gap:8px; }
.demo-clarification .demo-supplier-letter { height:24px;width:24px;font-size:10px; }
.demo-clarification h3 { font-size:12px;color:#757775;font-weight:450; }
.demo-clarification>div>span:last-child { margin-left:auto;font-size:9px;color:#848683; }
.demo-clarification p { font-size:12px;line-height:1.65;color:#6a6c69;min-height:40px;margin:9px 0 5px; }
.demo-inline-source { display:flex;align-items:center;gap:4px;color:#868685;font-size:8px;padding:3px 0; }
.demo-inline-source .icon { width:10px;height:10px; }
.demo-drafting-aside { padding-top:32px; }
.demo-drafting-aside .demo-agent-state { display:none; }
.demo-drafting-aside h2 { font-size:27px;font-weight:430;letter-spacing:-.7px;line-height:1.25;color:#686967;margin-top:27px; }
.demo-drafting-aside>p { font-size:12px;line-height:1.8;color:#777976;margin-top:15px;max-width:240px; }
.demo-linked-output { display:flex;align-items:center;gap:10px;border:1px solid #ffffffb5;border-radius:12px;background:#ffffff65;padding:15px 12px;margin-top:25px;box-shadow:inset 0 1px 1px #fff; }
.demo-linked-output>.premium-icon { width:19px;height:19px; }.demo-linked-output span { font-size:11px;color:#8c8d8a; }.demo-linked-output small { display:block;font-size:8px;color:#898a89;margin-top:4px; }.demo-linked-output>.icon { margin-left:auto;width:12px;height:12px;color:#757674; }
.demo-draft-progress { margin-top:25px;font-size:10px;color:#777876; }.demo-draft-progress>div { height:3px;background:#dadbda80;border-radius:3px;margin-top:10px;overflow:hidden; }.demo-draft-progress i { display:block;height:100%;background:#a2a3a1; }
.demo-draft-note { display:flex;gap:7px;font-size:10px;line-height:1.7;color:#848583;margin-top:25px; }.demo-draft-note>.icon { width:12px;height:12px;margin-top:3px; }
.demo-deliver-scene { max-width:950px;padding:22px 0; }
.demo-deliver-intro { text-align:center;margin-bottom:27px; }
.demo-complete-mark { display:grid;place-items:center;width:40px;height:40px;margin:0 auto 16px;border:1px solid white;border-radius:50%;background:linear-gradient(130deg,#f7f7f7,#e4e4e4);box-shadow:0 4px 9px -3px #7b7c7933,inset 0 1px 1px #fff;color:#7a7c79; }.demo-complete-mark>.icon { width:21px;height:21px; }
.demo-deliver-intro h1 { font-size:34px;letter-spacing:-1.2px;font-weight:440;color:#515250; }
.demo-deliver-intro p { font-size:13px;line-height:1.75;color:#747573;margin-top:13px; }
.demo-deliver-grid { display:grid;grid-template-columns:1.25fr 1fr;gap:23px;align-items:start; }
.demo-decision-brief .demo-panel-title { padding:19px 19px 0;gap:8px; }.demo-decision-brief h2 { font-size:14px; }.demo-brief-label { margin-left:auto;font-size:9px;color:#7e7f7e; }
.demo-decision-metrics { display:flex;justify-content:space-between;gap:15px;margin:22px 21px;padding-bottom:19px;border-bottom:1px solid #cecfcd6e; }
.demo-decision-metrics strong { display:block;font-size:30px;font-weight:430;color:#767874;letter-spacing:-1px; }.demo-decision-metrics span { display:block;font-size:10px;color:#828381;margin-top:5px; }
.demo-final-findings { margin:0 21px; }.demo-final-findings>div { display:flex;align-items:center;gap:10px;margin-bottom:17px; }.demo-final-findings strong { font-size:11px;color:#747673;font-weight:450; }.demo-final-findings strong small { font-size:9px;color:#8a8b89;font-weight:400;margin-left:6px; }.demo-final-findings p { font-size:10px;color:#797a77;margin-top:4px; }.demo-final-findings .demo-citation { margin-left:auto;flex-shrink:0; }
.demo-decision-note { margin:0 20px 18px;padding-top:12px;border-top:1px solid #cecfcd6e;font-size:10px;line-height:1.6;color:#818280; }
.demo-output-stack { display:flex;flex-direction:column;gap:11px; }
.demo-output-card { display:flex;align-items:center;gap:12px;padding:16px 17px;min-height:80px;text-align:left;border:1px solid #ffffffd9;border-radius:16px;background:linear-gradient(130deg,#ffffffce,#ffffff68);box-shadow:0 0 0 1px #adaeac24,0 6px 15px -10px #5a5c583d,inset 0 1px 1px #fff; }.demo-output-card:hover { background:#fff; }.demo-output-card .file-type-icon { width:39px;height:43px;flex-shrink:0; }.demo-output-card strong { display:block;font-size:13px;color:#696a67;font-weight:450; }.demo-output-card small { display:block;font-size:9px;color:#7c7d7a;margin-top:6px; }.demo-output-card>.icon { width:16px;height:16px;margin-left:auto;color:#7b7c7a; }
.demo-review-pack { margin-top:4px;height:43px;gap:8px; }.demo-final-note { font-size:9px;text-align:center;color:#7e7e7d; }
/* Controller stays stable while the story changes above it. */
.workspace-footer.demo-controller { padding:0 28px 14px;flex-shrink:0;display:block; }
.demo-playback { display:grid;grid-template-columns:37px 1fr 30px auto 34px;gap:0 12px;align-items:center;border-top:1px solid #c6c6c645;padding:13px 0 0; }
.demo-play { height:36px;width:36px;display:grid;place-items:center;border:1px solid #fffffff2;border-radius:50%;background:linear-gradient(145deg,#ffffffd9,#e9eae98a);box-shadow:0 2px 4px #54555416,inset 0 1px 1px #fff;color:#686967; }
.demo-play .icon { width:16px;height:16px; }
.demo-caption strong { display:block;font-size:11px;font-weight:450;color:#686967; }.demo-caption>span { display:block;font-size:8px;color:#878887;letter-spacing:.2px;margin-top:4px; }
.demo-controller .demo-replay { width:28px;height:28px;margin:0;color:#767675; }.demo-controller .demo-replay .icon { width:16px;height:16px; }
.demo-clock { display:flex;gap:6px;font-variant-numeric:tabular-nums;font-size:9px;color:#757674; }.demo-clock>span:last-child { color:#8e8e8d; }
.demo-speed { font-size:10px;color:#90918f;padding:7px 0; }
.demo-scrubber { grid-column:1/-1;appearance:none;-webkit-appearance:none;border:0;width:100%;height:3px;background:linear-gradient(to right,#919290 var(--played,0%),#d4d4d360 var(--played,0%));border-radius:3px;cursor:pointer;margin:12px 0 0;padding:0; }
.demo-scrubber::-webkit-slider-thumb { appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#919290;border:1px solid #ffffff;box-shadow:0 1px 3px #38393720; }.demo-scrubber::-moz-range-thumb { width:8px;height:8px;border-radius:50%;background:#919290;border:1px solid white; }
.demo-scrubber:focus-visible { outline:1px solid #919290;outline-offset:5px; }
.demo-chapters { grid-column:1/-1;display:flex;justify-content:space-between;margin-top:5px; }
.demo-chapters button { font-size:8px;color:#878887;padding:4px 0 0; }.demo-chapters button>span { margin-right:5px;font-size:7px;opacity:.65; }.demo-chapters button.is-active { color:#777876; }
.demo-capture .demo-exit { visibility:hidden; }
.demo-modal { width:min(710px,calc(100vw - 30px)); }
.demo-excerpt-label { display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:20px; }.demo-excerpt-label>.file-type-icon { width:38px;height:42px; }.demo-excerpt-label small { font-size:10px;color:#898989;display:block;margin-top:5px; }.demo-source-excerpt { margin:0;font-size:15px;line-height:1.85;padding:22px;background:#ffffff7a;border-radius:14px;border:1px solid white;color:#575756; }.demo-modal-note { font-size:10px;color:#787878;margin-top:17px; }.demo-pack-summary { display:flex;align-items:center;gap:7px;font-size:11px;color:#8a8b8a;margin-bottom:17px; }.demo-pack-summary .icon { width:16px;height:16px; }.demo-pack-questions { margin-top:20px; }.demo-pack-questions section { padding:15px 0;border-top:1px solid #d4d5d470; }.demo-pack-questions h3 { font-size:13px;margin-bottom:7px; }.demo-pack-questions p { font-size:12px;line-height:1.8; }
.demo-launcher { display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff;border-radius:20px;padding:8px 13px;background:linear-gradient(130deg,#ffffffe0,#ffffff60);box-shadow:var(--shadow-control);font-size:11px;color:#717170; }.demo-launcher .icon { width:13px;height:13px; }.demo-launcher:hover { background:white;transform:translateY(-1px); }.demo-launcher-row { text-align:center;margin-top:18px; }.demo-launcher small { font-size:9px;opacity:.65;border-left:1px solid #d5d5d5;padding-left:8px;margin-left:2px; }
@media(min-width:1600px){.demo-mode .sidebar{width:270px}.demo-scene{max-width:1230px}.demo-home{max-width:890px}.demo-plan-scene{max-width:880px}.demo-work-layout{grid-template-columns:minmax(0,1fr) 285px;gap:24px}.demo-bid-table td{height:112px}.demo-bid-table td strong{font-size:12px}.demo-bid-table td{font-size:12px}.demo-bid-table td small{font-size:9px}.demo-exception{font-size:11px}.demo-deliver-scene{max-width:1010px}}
@media(max-height:820px) and (min-width:901px){.demo-mode .topbar{height:57px}.demo-home{padding:14px 0}.demo-welcome .welcome-meta{margin-bottom:19px}.demo-welcome .hero-mark{width:48px;height:48px}.demo-welcome h1{font-size:33px}.demo-welcome p{margin-top:11px}.demo-composer{margin-top:22px;padding:20px;min-height:162px}.demo-prompt-line{font-size:17px;min-height:58px}.demo-sample-note{margin-top:14px}.demo-plan-scene{padding:13px 0}.demo-plan-room{padding:17px 24px 14px}.demo-user-message{margin-bottom:15px}.demo-user-message .avatar{display:none}.demo-plan-intro{margin:9px 0 10px;font-size:14px;min-height:42px}.demo-plan-steps{margin:8px 0}.demo-plan-step{min-height:42px;padding:5px 0}.demo-plan-inner{padding:13px 17px}.demo-plan-file{padding:8px 13px}.demo-quiet-reply{padding-top:10px}.demo-work-heading{margin-bottom:18px}.demo-work-heading h1{font-size:28px}.demo-work-scene,.demo-clarify-scene{padding:16px 0}.demo-bid-table td{height:88px;padding:12px 4px}.demo-panel-title{padding:17px 18px 14px}.demo-baseline{padding:10px 17px}.demo-tool-log{padding-top:14px}.demo-finding-strip{margin-top:13px;padding:12px}.demo-letter-body{padding:18px 23px}.demo-letter-subtitle{margin-bottom:13px}.demo-clarification{padding:12px 0 8px}.demo-clarification p{font-size:11px;min-height:34px}.demo-deliver-intro{margin-bottom:23px}.demo-complete-mark{margin-bottom:12px;width:34px;height:34px}.demo-deliver-intro h1{font-size:30px}.demo-deliver-intro p{font-size:12px;margin-top:10px}.demo-decision-metrics{margin:17px 21px;padding-bottom:15px}.demo-output-card{min-height:73px;padding:13px 15px}}
@media(max-width:1100px){.demo-mode .sidebar{width:212px;padding-left:11px;padding-right:11px}.demo-mode .brand-wordmark{font-size:18px}.demo-mode .brand-icon{width:28px}.demo-mode .nav-item{font-size:12px;gap:9px}.demo-mode .project-children .nav-item{font-size:12px}.demo-mode .demo-main{padding:0 22px}.demo-product-label{display:none}.demo-work-layout{grid-template-columns:minmax(0,1fr) 215px;gap:13px}.demo-bid-table th:nth-child(2),.demo-bid-table td:nth-child(2){display:none}.demo-bid-table th:first-child{width:29%}.demo-bid-table th:nth-child(3){width:25%}.demo-bid-table th:nth-child(4){width:39%}.demo-bid-table th:last-child{width:7%}.demo-baseline{gap:10px;font-size:8px}.demo-panel-title{padding:15px}.demo-panel-title div>span{font-size:9px}.demo-table-wrap{padding:0 12px}.demo-small-count{display:none}.demo-clarify-layout{grid-template-columns:minmax(0,1fr) 205px;gap:23px}.demo-drafting-aside h2{font-size:24px}.demo-clarification>div>span:last-child{display:none}.demo-deliver-grid{gap:16px}.demo-output-card{gap:8px;padding:13px}.demo-output-card strong{font-size:11px}.demo-output-card small{font-size:8px}.demo-work-heading h1{font-size:26px}.demo-working-pill{font-size:9px}.demo-finding-count{display:none}}
@media(max-width:800px){.demo-mode .sidebar{display:none}.demo-mode .workspace{width:100%}.demo-mode .topbar{padding:0 20px;height:60px}.demo-mode .demo-main{padding:0 20px}.demo-mode .demo-controller{padding:0 20px 12px}.demo-scene{padding-top:25px;padding-bottom:25px}.demo-welcome h1{font-size:34px}.demo-work-layout{grid-template-columns:minmax(0,1fr) 225px}.demo-bid-table th:nth-child(2),.demo-bid-table td:nth-child(2){display:table-cell}.demo-bid-table th:first-child{width:23%}.demo-bid-table th:nth-child(2){width:17%}.demo-bid-table th:nth-child(3){width:22%}.demo-bid-table th:nth-child(4){width:32%}.demo-bid-table th:last-child{width:6%}.demo-working-pill{display:none}.demo-clarify-layout{grid-template-columns:minmax(0,1fr) 220px;gap:23px}.demo-deliver-intro h1{font-size:30px}}
@media(max-width:600px){.demo-mode .app-shell{margin:0;height:100dvh;border-radius:0}.demo-mode .workspace::after{border-radius:0}.demo-mode .topbar{padding:0 15px;height:56px}.demo-mode .topbar-tools{gap:7px}.demo-mode .demo-main{padding:0 15px}.demo-mode .space-name{font-size:11px;gap:6px}.demo-mode .space-name span span{display:none}.demo-mode .demo-illustrative{font-size:8px}.demo-welcome .welcome-meta{gap:10px;margin-bottom:25px}.demo-welcome .updated{display:none}.demo-welcome .meta-divider:last-of-type{display:none}.demo-welcome .hero-mark{height:51px;width:51px}.demo-welcome h1{font-size:30px;letter-spacing:-1.4px;line-height:1.3}.demo-welcome h1>span{font-size:27px;margin-top:5px}.demo-welcome p{font-size:10px;margin-top:15px}.demo-composer{padding:20px 17px 16px;margin-top:28px;min-height:210px;border-radius:23px}.demo-prompt-line{font-size:16px;min-height:92px}.demo-composer .composer-bottom{margin-top:20px;gap:5px}.demo-composer .composer-toolset{gap:5px}.demo-composer .circle-button,.demo-composer .composer-utility,.demo-composer .composer-tool-divider{display:none}.demo-composer .sources-button{font-size:11px;min-height:34px;padding:0 10px;gap:5px}.demo-composer .mode-button{font-size:11px;min-height:34px;padding:0 10px}.demo-composer .source-count{width:13px;height:13px;font-size:8px}.demo-composer .sources-button>.icon{width:16px}.demo-composer .send-button{width:33px;height:33px}.demo-source-rail{gap:4px}.demo-source-tile{padding:4px;gap:3px;flex-direction:column;justify-content:center}.demo-source-tile .file-type-icon{width:25px;height:25px}.demo-source-tile strong{font-size:8px}.demo-source-tile small{display:none}.demo-source-tile.is-small{height:55px}.demo-home .suggestions{gap:5px}.demo-home .suggestion{font-size:9px;padding:7px;gap:4px}.demo-home .suggestion>.icon{width:11px;height:11px}.demo-sample-note{font-size:8px;margin-top:19px}.demo-scene-heading{font-size:10px;gap:5px}.demo-scene-meta{font-size:8px}.demo-plan-room{padding:17px 16px;border-radius:23px}.demo-user-message p{max-width:100%;font-size:11px;border-radius:18px;padding:11px 13px}.demo-user-message{margin-bottom:22px}.demo-sent-sources{gap:6px}.demo-sent-sources>span{font-size:8px}.demo-agent-line{font-size:10px}.demo-agent-state{font-size:8px}.demo-plan-intro{font-size:13px;min-height:61px;margin:12px 0}.demo-plan-file{font-size:10px;padding:9px 11px}.demo-plan-inner{padding:14px 12px}.demo-plan-inner h2{font-size:15px}.demo-plan-step{gap:8px;min-height:56px}.demo-plan-step>span{width:21px;height:21px;flex-shrink:0;font-size:9px}.demo-plan-step strong{font-size:11px}.demo-plan-step small{font-size:9px;line-height:1.5}.demo-plan-step>.icon{display:none}.demo-plan-bottom>span{font-size:8px}.demo-approve{font-size:10px;padding:0 13px;min-height:40px;gap:5px}.demo-quiet-reply{font-size:9px;gap:7px}.demo-quiet-reply>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.demo-work-heading{margin-bottom:20px}.demo-work-heading h1{font-size:28px;line-height:1.2}.demo-eyebrow{font-size:8px;letter-spacing:1px}.demo-work-layout{grid-template-columns:1fr}.demo-evidence-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-tool-log{padding:12px 0}.demo-source-viewer-head{font-size:9px;padding:10px}.demo-source-viewer-head>.icon{width:11px}#demo-source-paper{min-height:245px;padding:14px 11px 8px}.demo-source-viewer dl>div{font-size:8px;gap:6px;padding:7px 4px}.demo-source-viewer dt{flex-shrink:1}.demo-paper-caption{font-size:10px;gap:6px}.demo-paper-caption .file-type-icon{height:25px;width:25px}.demo-paper-caption small{font-size:8px}.demo-paper-lines{margin:14px 0}.demo-source-open{font-size:8px}.demo-source-dots{padding:9px}.demo-log-steps>div{font-size:9px;gap:5px;line-height:1.5}.demo-tool-log .demo-agent-line{font-size:9px;gap:5px}.demo-tool-log .demo-agent-logo{width:18px}.demo-agent-progress{margin-top:17px}#demo-activity-detail{font-size:8px}.demo-panel-title{padding:16px 13px;gap:8px}.demo-panel-title h2{font-size:14px}.demo-panel-title div>span{font-size:8px;line-height:1.5}.demo-baseline{padding:10px 12px;gap:8px;font-size:8px}.demo-baseline>.icon{width:10px}.demo-table-wrap{padding:0 9px}.demo-bid-table th:nth-child(2),.demo-bid-table td:nth-child(2){display:none}.demo-bid-table th:first-child{width:28%}.demo-bid-table th:nth-child(3){width:25%}.demo-bid-table th:nth-child(4){width:39%}.demo-bid-table th:last-child{width:8%}.demo-bid-table th{font-size:8px;padding:12px 3px}.demo-bid-table td{height:108px;padding:13px 3px}.demo-bid-table td strong{font-size:10px}.demo-bid-table td:first-child>.demo-supplier-letter{float:none;margin:0 0 7px;width:23px;height:23px;font-size:9px}.demo-bid-table td small{font-size:7px}.demo-bid-table td:first-child small{display:none}.demo-exception{font-size:9px;gap:3px;line-height:1.5}.demo-exception>.icon{display:none}.demo-citation{width:19px;height:22px;font-size:8px}.demo-table-footer{font-size:8px;padding:11px 12px}.demo-table-footer>span:last-child{display:none}.demo-finding-strip{margin:13px 0 5px;padding:12px 10px;gap:8px}.demo-finding-strip strong{font-size:10px;line-height:1.6}.demo-finding-strip p>span{font-size:8px;line-height:1.5}.demo-finding-symbol{width:23px;height:23px}.demo-clarify-layout{grid-template-columns:1fr;gap:12px}.demo-letter-top{padding:13px 15px;font-size:11px}.demo-letter-top small{font-size:8px}.demo-letter-body{padding:22px 18px}.demo-letter-body h2{font-size:19px;line-height:1.3}.demo-letter-subtitle{font-size:9px;line-height:1.7;margin-bottom:16px}.demo-clarification{padding:15px 0 11px}.demo-clarification p{font-size:11px;min-height:60px}.demo-clarification h3{font-size:11px}.demo-drafting-aside{padding:6px 4px}.demo-drafting-aside h2,.demo-drafting-aside>p,.demo-linked-output,.demo-draft-note{display:none}.demo-draft-progress{margin-top:13px}.demo-deliver-intro h1{font-size:29px;line-height:1.2}.demo-deliver-intro p{font-size:11px}.demo-deliver-grid{grid-template-columns:1fr;gap:17px}.demo-decision-brief .demo-panel-title{padding-top:20px}.demo-output-card{padding:14px 16px}.demo-output-card strong{font-size:12px}.demo-output-card small{font-size:9px}.demo-decision-metrics strong{font-size:29px}.demo-decision-metrics span{font-size:9px}.demo-final-findings strong{font-size:11px}.demo-final-findings p{font-size:9px}.demo-decision-note{font-size:9px}.demo-mode .demo-controller{padding:0 15px 13px;background:linear-gradient(0deg,#efefef,#f0f0f0eb);z-index:10}.demo-playback{grid-template-columns:33px 1fr 24px auto 25px;column-gap:7px;padding-top:12px}.demo-play{width:33px;height:33px}.demo-caption strong{font-size:9px;line-height:1.45;max-width:180px}.demo-caption>span{font-size:7px}.demo-clock{font-size:8px;gap:3px}.demo-speed{font-size:9px}.demo-controller .demo-replay{width:24px}.demo-controller .demo-replay .icon{width:14px}.demo-chapters button{font-size:8px;padding-top:6px;min-height:25px}.demo-chapters button>span{display:none}.demo-scrubber{height:4px;margin-top:12px}.demo-modal .form-actions{flex-wrap:wrap}.demo-source-excerpt{font-size:13px;padding:17px}.demo-cursor{width:18px;height:23px}}
@media(prefers-reduced-motion:reduce){.demo-cursor,.demo-caret,.demo-paper-scan{display:none}.demo-mode *{scroll-behavior:auto!important}.demo-mode .demo-launcher:hover{transform:none}}

/* Readable film typography and a controller that overrides footer button defaults. */
.demo-controller .demo-play { width:36px;height:36px;margin:0;display:grid; }
.demo-controller .demo-speed { width:34px;height:34px;margin:0;display:block; }
.demo-controller .demo-chapters button { display:flex;align-items:center;justify-content:center;width:auto;height:24px;margin:0;gap:0;min-width:48px; }
.demo-controller .demo-chapters button>span { display:inline; }
.demo-scrubber { height:16px;background:transparent;margin:5px 0 0; }
.demo-scrubber::-webkit-slider-runnable-track { height:3px;border-radius:3px;background:linear-gradient(to right,#8a8c87 var(--played,0%),#cbd0c960 var(--played,0%)); }
.demo-scrubber::-webkit-slider-thumb { margin-top:-2.5px; }
.demo-scrubber::-moz-range-track { height:3px;border-radius:3px;background:linear-gradient(to right,#8a8c87 var(--played,0%),#cbd0c960 var(--played,0%)); }
.demo-chapters { margin-top:0; }
.demo-caption strong { font-size:12px; }
.demo-caption>span { font-size:9px; }
.demo-clock { font-size:10px; }
.demo-chapters button { font-size:9px; }
@media(min-width:1101px) {
 .demo-bid-table th { font-size:10px; }
 .demo-bid-table td { height:94px;font-size:13px; }
 .demo-bid-table td strong { font-size:12px; }
 .demo-bid-table td small { font-size:9px; }
 .demo-exception { font-size:11px; }
 .demo-baseline { font-size:11px; }
 .demo-source-viewer dl>div { font-size:10px; }
 .demo-table-footer { font-size:10px; }
 .demo-finding-strip strong { font-size:12px; }
 .demo-finding-strip p>span { font-size:10px; }
 .demo-clarification p { font-size:13px;line-height:1.65; }
 .demo-clarification { padding:13px 0 9px; }
 .demo-final-findings strong { font-size:12px; }
 .demo-final-findings p { font-size:11px; }
 .demo-decision-metrics span { font-size:11px; }
 .demo-decision-note { font-size:11px; }
 .demo-plan-step strong { font-size:13px; }
 .demo-plan-step small { font-size:11px; }
}
@media(max-width:600px) {
 .demo-cursor { display:none; }
 .demo-controller .demo-play { width:36px;height:36px; }
 .demo-controller .demo-speed { width:28px;height:36px; }
 .demo-controller .demo-chapters button { min-width:45px;height:30px;font-size:8px; }
 .demo-controller .demo-chapters button>span { display:none; }
 .demo-caption strong { font-size:9px; }
 .demo-caption>span { font-size:7px; }
 .demo-clock { font-size:8px; }
}

/* The video carries a quiet chapter strip; transport controls stay in the live demo. */
.demo-export .demo-play,.demo-export .demo-replay,.demo-export .demo-speed { display:none; }
.demo-export .demo-playback { grid-template-columns:1fr auto; }
.demo-export .demo-caption { grid-column:1; }
.demo-export .demo-clock { grid-column:2; }
.demo-export .demo-chapters button { pointer-events:none; }
.demo-export .demo-scrubber::-webkit-slider-thumb { opacity:0; }

.demo-mode .demo-download { width:28px;height:28px; }.demo-mode .demo-download>.icon { width:16px;height:16px; }.demo-capture .demo-download { display:none; }