-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyles.css
More file actions
74 lines (73 loc) · 45.6 KB
/
Copy pathstyles.css
File metadata and controls
74 lines (73 loc) · 45.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
:root { --canvas:#111312; --surface:#171a18; --surface-raised:#1c201d; --surface-soft:#212620; --ink:#f3f0e8; --subtle:#a9aea5; --faint:#737971; --line:#30352f; --accent:#e8b35a; --accent-bright:#ffd889; --accent-soft:#382e1e; --sage:#9dc4a9; --danger:#e1876d; --paper:#e9e4d7; --paper-ink:#22241f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
*,*::before,*::after { box-sizing:border-box; }
body { min-width:320px; margin:0; color:var(--ink); background:var(--canvas); font-family:Sora,Arial,sans-serif; }
button { font:inherit; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid var(--accent-bright); outline-offset:3px; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:245px minmax(0,1fr); background:var(--canvas); }
.sidebar { display:flex; flex-direction:column; min-height:100vh; padding:28px 18px 21px; background:#151815; border-right:1px solid var(--line); position:sticky; top:0; height:100vh; }.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; }.brand-mark { display:grid; width:35px; height:35px; place-items:center; color:#171815; background:var(--accent); border-radius:50%; font:500 9px "JetBrains Mono",monospace; letter-spacing:-.16em; }.brand-name { font:600 15px/.87 Sora,sans-serif; letter-spacing:-.08em; }
nav { display:grid; gap:4px; margin-top:53px; }.nav-item { color:var(--subtle); padding:11px 10px; border-left:2px solid transparent; font-size:11px; text-decoration:none; transition:.18s; }.nav-item span { display:inline-block; width:28px; color:#686e67; font:9px "JetBrains Mono",monospace; }.nav-item:hover,.nav-item.active { color:var(--ink); border-color:var(--accent); background:rgba(232,179,90,.07); }.nav-item.active span { color:var(--accent); }
.project-card { margin-top:auto; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }.eyebrow { margin:0 0 8px; color:var(--subtle); font:500 9px/1.2 "JetBrains Mono",monospace; letter-spacing:.09em; }.project-card h2 { margin:0 0 6px; font:500 15px Lora,Georgia,serif; }.project-card p:not(.eyebrow) { margin:0; color:var(--faint); font-size:10px; }.project-stats { display:flex; justify-content:space-between; margin-top:15px; padding-top:11px; border-top:1px solid var(--line); color:var(--sage); font:9px "JetBrains Mono",monospace; }.series-library { display:grid; gap:5px; margin-top:11px; color:#8e968d; font:8px/1.3 "JetBrains Mono",monospace; }.series-source { display:flex; justify-content:space-between; gap:8px; overflow:hidden; }.series-source span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.series-source b { color:var(--accent); font-weight:500; }.clear-project { margin-top:12px; color:var(--danger); }.privacy-note { margin:17px 4px 0; color:#747a73; font-size:9px; line-height:1.5; }.lock { color:var(--accent); }
.workspace { width:100%; max-width:1500px; margin:auto; padding:49px clamp(22px,5vw,76px) 76px; }.topbar { display:flex; align-items:end; justify-content:space-between; gap:24px; }.topbar h1 { margin:0; font:400 clamp(44px,5vw,76px)/.91 Lora,Georgia,serif; letter-spacing:-.06em; }.topbar h1 em,.section-heading h2 em,.impact-head h2 em { color:var(--accent-bright); font-style:italic; }.audience-line { margin:12px 0 0; color:var(--subtle); font:9px "JetBrains Mono",monospace; letter-spacing:.02em; }.top-actions { display:flex; gap:9px; align-items:center; }.primary-button,.secondary-button { padding:12px 14px; border-radius:5px; font-size:10px; font-weight:700; cursor:pointer; white-space:nowrap; transition:.18s; }.primary-button { color:#1c1a15; background:var(--accent); border:1px solid var(--accent); box-shadow:0 8px 22px rgba(232,179,90,.13); }.primary-button:hover { background:var(--accent-bright); transform:translateY(-1px); }.primary-button:disabled { cursor:wait; opacity:.55; }.secondary-button { color:var(--subtle); border:1px solid var(--line); background:transparent; }.secondary-button:hover { color:var(--accent-bright); border-color:#6a5636; background:var(--accent-soft); }.spark { color:#7a5b27; margin-right:4px; }
.theme-button { padding:9px 7px; color:var(--subtle); border:0; background:transparent; font:9px "JetBrains Mono",monospace; cursor:pointer; }.theme-button span { color:var(--accent); font-size:14px; vertical-align:-1px; }.theme-button:hover { color:var(--accent-bright); }
.cloud-button { color:var(--sage); }.cloud-consent { display:flex; align-items:flex-start; gap:9px; margin:19px 0 0; color:#c1c8c0; font-size:11px; line-height:1.5; }.cloud-consent input { width:15px; height:15px; margin-top:2px; accent-color:var(--accent); }
.status-strip { display:flex; align-items:center; gap:9px; margin:32px 0 30px; padding:11px 13px; color:var(--subtle); border:1px solid var(--line); border-radius:6px; background:var(--surface); font-size:10px; }.pulse { width:7px; height:7px; background:var(--sage); border-radius:50%; box-shadow:0 0 0 4px rgba(157,196,169,.11); }.status-meta { margin-left:auto; color:#747a73; font:9px "JetBrains Mono",monospace; }
.workflow-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:-13px 0 30px; overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--line); }.workflow-step { display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 9px; padding:11px; background:var(--surface); }.workflow-step>span { grid-row:span 2; color:var(--faint); font:9px "JetBrains Mono",monospace; }.workflow-step b,.workflow-step small { display:block; }.workflow-step b { color:var(--subtle); font-size:10px; }.workflow-step small { min-height:25px; margin-top:3px; color:var(--faint); font-size:8px; line-height:1.4; }.workflow-step .text-button { grid-column:2; justify-self:start; }.workflow-step.done>span,.workflow-step.done b { color:var(--sage); }.workflow-step.done { background:linear-gradient(130deg,var(--surface),rgba(157,196,169,.06)); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr); overflow:hidden; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:0 18px 50px rgba(0,0,0,.18); }.scene-panel,.agent-panel { padding:27px; }.scene-panel { border-right:1px solid var(--line); }.section-heading { display:flex; align-items:start; justify-content:space-between; gap:14px; }.section-heading h2,.impact-head h2 { margin:0; font:400 30px/.98 Lora,Georgia,serif; letter-spacing:-.04em; }.page-chip { padding:5px 7px; color:var(--subtle); border:1px solid var(--line); border-radius:4px; font:9px "JetBrains Mono",monospace; white-space:nowrap; }.script-paper { min-height:356px; margin:24px 0 0; padding:30px clamp(22px,4vw,53px); color:var(--paper-ink); border-radius:5px; background:var(--paper); box-shadow:0 7px 20px rgba(0,0,0,.16); font:13px/1.85 Georgia,serif; }.script-paper p { margin:0 0 13px; }.script-paper .slug,.script-paper .character { font:500 10px "JetBrains Mono",monospace; letter-spacing:.03em; }.script-paper .character { margin-bottom:1px; margin-left:47%; }.script-paper .dialogue { max-width:44%; margin-left:42%; }.claim { padding:0 2px; background:linear-gradient(transparent 50%,#ffd889 50%); cursor:pointer; transition:.18s; }.claim.active { color:#fff8e7; background:#745521; border-radius:2px; }.scene-footer { display:flex; align-items:center; justify-content:space-between; padding-top:19px; color:#858b82; font:9px "JetBrains Mono",monospace; }.scene-footer i { display:inline-block; width:7px; height:7px; background:var(--accent); border-radius:50%; }.text-button { padding:0; color:var(--accent); border:0; background:transparent; font:9px "JetBrains Mono",monospace; cursor:pointer; }
.agent-panel { background:linear-gradient(150deg,#1c211e,#181b19); }.agent-orb { width:30px; height:30px; border-radius:50%; background:radial-gradient(circle at 33% 30%,#fff7d7 0 8%,var(--accent-bright) 9% 22%,var(--accent) 23% 56%,#714e1c 57%); box-shadow:0 4px 13px rgba(232,179,90,.25); }.compact { align-items:center; }.agent-response { min-height:86px; margin:26px 0 21px; padding:2px 0 2px 13px; border-left:2px solid var(--accent); }.response-kicker { color:var(--accent); font:9px "JetBrains Mono",monospace; letter-spacing:.1em; }.agent-response p { margin:8px 0 0; color:#c3c8c0; font-size:12px; line-height:1.57; }.fact-list { border-top:1px solid var(--line); }.fact { display:grid; grid-template-columns:26px 1fr auto; gap:7px; width:100%; padding:14px 0; color:var(--ink); border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; transition:.18s; }.fact:hover,.fact.active { padding-left:8px; background:rgba(232,179,90,.07); }.fact-index { color:var(--accent); font:9px "JetBrains Mono",monospace; }.fact b { display:block; margin-bottom:3px; font-size:10px; }.fact small { color:#838b82; font-size:9px; }.fact-arrow { align-self:center; color:var(--accent); }.fact-state { align-self:center; padding:4px 5px; color:var(--accent); border:1px solid #5e4a29; border-radius:3px; font:8px "JetBrains Mono",monospace; }.fact-state.locked { color:var(--sage); border-color:#42624b; }
.impact-section { margin-top:51px; }.impact-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }.impact-head h2 { font-size:43px; }.impact-legend { color:#7e857d; font:9px "JetBrains Mono",monospace; }.legend-dot { display:inline-block; width:7px; height:7px; margin:0 5px 0 12px; background:#515850; border-radius:50%; }.legend-dot.selected { margin-left:0; background:var(--accent); }.impact-layout { display:grid; grid-template-columns:290px 1fr; min-height:380px; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:var(--surface); }.issues { padding:10px; border-right:1px solid var(--line); background:#151815; display:grid; align-content:start; gap:4px; }.issue { padding:14px 13px; color:var(--subtle); border:1px solid transparent; border-radius:5px; background:transparent; text-align:left; cursor:pointer; transition:.18s; }.issue:hover,.issue.active { color:var(--ink); border-color:#5c4828; background:var(--accent-soft); }.issue-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }.issue-number { color:var(--accent); font:9px "JetBrains Mono",monospace; }.issue-severity { padding:3px 5px; color:#f2ae9a; border-radius:3px; background:rgba(225,135,109,.11); font:8px "JetBrains Mono",monospace; }.issue h3 { margin:0 0 6px; font-size:11px; }.issue p { margin:0; color:#828981; font-size:9px; line-height:1.46; }.impact-canvas { position:relative; min-height:380px; overflow:hidden; background:#1a1e1b; }.canvas-grid { position:absolute; inset:0; background-image:radial-gradient(#3e453e .75px,transparent .75px); background-size:15px 15px; opacity:.6; }.impact-copy { position:absolute; z-index:2; top:28px; left:30px; }.impact-copy h3 { margin:0 0 8px; font:400 26px/.96 Lora,Georgia,serif; }.impact-copy p { max-width:390px; margin:0; color:#aeb6ad; font-size:10px; line-height:1.55; }.impact-nodes { position:absolute; inset:0; z-index:2; }.node { position:absolute; width:155px; padding:11px 12px; border:1px solid #3a423a; border-radius:5px; background:#222621; box-shadow:0 6px 16px rgba(0,0,0,.17); }.node.primary { border-color:#8e6c36; background:#312918; box-shadow:0 6px 18px rgba(232,179,90,.12); }.node-kicker { display:block; margin-bottom:4px; color:var(--accent); font:8px "JetBrains Mono",monospace; }.node b { display:block; font-size:10px; line-height:1.28; }.node small { display:block; margin-top:4px; color:#899189; font-size:9px; }.impact-lines { position:absolute; inset:0; z-index:1; width:100%; height:100%; overflow:visible; }.impact-lines path { fill:none; stroke:#687268; stroke-width:1.4; stroke-dasharray:4 5; }.impact-lines path:first-child { stroke:var(--accent); stroke-width:1.7; }
.story-map-section { margin-top:51px; }.graph-legend { color:#7e857d; font:9px "JetBrains Mono",monospace; }.legend-line { display:inline-block; width:18px; height:1px; margin:0 6px; vertical-align:middle; }.legend-line.order { margin-left:0; background:var(--accent); }.legend-line.character { background:var(--sage); border-top:1px dashed var(--sage); }.story-graph-panel { position:relative; z-index:0; display:flex; min-height:560px; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:radial-gradient(circle at 50% 45%,rgba(232,179,90,.07),transparent 31%),#171b18; }.story-graph-panel::before { position:absolute; inset:0; content:""; background-image:radial-gradient(#3d443d .7px,transparent .7px); background-size:16px 16px; opacity:.65; pointer-events:none; }.story-graph-viewport { position:relative; z-index:1; flex:1 1 430px; min-height:430px; overflow:hidden; }.story-graph-lines,.story-graph-nodes { position:absolute; inset:0; width:100%; height:100%; }.story-graph-lines { z-index:1; overflow:visible; }.graph-edge { stroke-width:1.4; }.graph-edge.order { stroke:var(--accent); stroke-dasharray:5 5; }.graph-edge.character { stroke:var(--sage); stroke-dasharray:2 8; opacity:.6; }.story-graph-nodes { z-index:2; }.story-node { position:absolute; width:142px; min-height:61px; padding:10px; color:#f3f0e8; border:1px solid #424a42; border-radius:6px; background:#202620; box-shadow:0 7px 18px rgba(0,0,0,.24); cursor:pointer; text-align:left; transform:translate(-50%,-50%); transition:.18s; }.story-node:hover,.story-node.active { border-color:#ad843f; background:#302817; box-shadow:0 8px 24px rgba(232,179,90,.16); }.story-node span,.story-node small { display:block; color:var(--accent); font:8px "JetBrains Mono",monospace; }.story-node b { display:block; margin:4px 0; font-size:10px; line-height:1.2; }.story-node small { overflow:hidden; color:#a9c4ae; text-overflow:ellipsis; white-space:nowrap; }.story-graph-detail { position:relative; z-index:2; flex:0 0 auto; width:auto; max-width:none; min-height:112px; margin:0; padding:16px 20px 17px; color:#f3f0e8; border:0; border-top:1px solid #3d443d; border-radius:0; background:rgba(20,24,21,.96); box-shadow:none; }.story-graph-detail .eyebrow { color:#aeb6ad; }.story-graph-detail h3 { margin:0 0 7px; font:400 21px/.98 Lora,Georgia,serif; }.story-graph-detail p:not(.eyebrow) { max-width:720px; margin:0; color:#adb5ac; font-size:10px; line-height:1.5; }.story-graph-detail span { display:block; margin-top:9px; color:var(--sage); font:8px "JetBrains Mono",monospace; }.story-graph-detail .graph-lock { margin-top:9px; }.graph-note { margin:10px 2px 0; color:#7f877e; font:9px "JetBrains Mono",monospace; }
.atlas-explainer { display:flex; align-items:baseline; gap:8px; margin:0 0 13px; padding:12px 15px; color:var(--subtle); border:1px solid var(--line); border-left:2px solid var(--accent); border-radius:6px; background:var(--surface); font-size:10px; line-height:1.5; }.atlas-explainer strong { color:var(--ink); font-size:11px; }.atlas-explainer b { color:var(--accent); font:8px "JetBrains Mono",monospace; letter-spacing:.06em; }.atlas-layout { display:grid; grid-template-columns:270px minmax(0,1fr); gap:10px; align-items:stretch; }.scene-index { min-height:560px; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:var(--surface); }.scene-index-head { display:flex; align-items:center; justify-content:space-between; padding:15px 14px 5px; }.scene-index-head .eyebrow { margin:0; }.scene-index-head>span:last-child { color:var(--sage); font:8px "JetBrains Mono",monospace; }.scene-index-help { margin:0; padding:0 14px 12px; color:var(--faint); font-size:9px; line-height:1.4; }.scene-index-list { max-height:493px; overflow:auto; border-top:1px solid var(--line); }.scene-index-row { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:7px; width:100%; padding:10px 12px; color:var(--subtle); border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; transition:.15s; }.scene-index-row:hover,.scene-index-row.active { color:var(--ink); background:var(--accent-soft); }.scene-index-number { color:var(--faint); font:8px "JetBrains Mono",monospace; }.scene-index-copy { min-width:0; }.scene-index-copy b,.scene-index-copy strong,.scene-index-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.scene-index-copy b { color:var(--accent); font:8px "JetBrains Mono",monospace; }.scene-index-copy strong { margin-top:3px; color:inherit; font-size:10px; }.scene-index-copy small { margin-top:3px; color:var(--faint); font-size:8px; }.scene-index-arrow { align-self:center; color:var(--faint); font-size:12px; }.graph-panel-label { position:absolute; z-index:4; top:13px; right:16px; left:18px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--faint); font:8px "JetBrains Mono",monospace; pointer-events:none; }.graph-panel-label .eyebrow { margin:0; color:var(--subtle); }
.character-browser { display:grid; grid-template-columns:minmax(150px,.55fr) minmax(0,1.4fr) minmax(190px,.75fr); align-items:center; gap:16px; margin:0 0 13px; padding:13px 15px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.character-browser .eyebrow { margin-bottom:4px; }.character-browser-copy { margin:0; color:var(--subtle); font-size:10px; line-height:1.45; }.character-filters { display:flex; gap:6px; max-height:72px; overflow:auto; padding:2px; }.character-filter { flex:0 0 auto; padding:7px 8px; color:var(--subtle); border:1px solid var(--line); border-radius:4px; background:transparent; font:9px "JetBrains Mono",monospace; cursor:pointer; }.character-filter span { color:var(--sage); }.character-filter:hover,.character-filter.active { color:var(--ink); border-color:#9b763b; background:var(--accent-soft); }.character-inspector { min-width:0; padding-left:14px; border-left:1px solid var(--line); }.character-inspector strong,.character-inspector span,.character-inspector small { display:block; }.character-inspector strong { font:500 13px Lora,Georgia,serif; }.character-inspector span { margin-top:3px; color:var(--sage); font:8px "JetBrains Mono",monospace; }.character-inspector small { margin-top:5px; overflow:hidden; color:var(--subtle); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.atlas-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:-3px 1px 12px; }.atlas-modes { display:flex; flex-wrap:wrap; gap:6px; }.atlas-mode { padding:7px 9px; color:var(--subtle); border:1px solid var(--line); border-radius:999px; background:transparent; font:8px "JetBrains Mono",monospace; cursor:pointer; transition:.18s; }.atlas-mode:hover,.atlas-mode.active { color:var(--ink); border-color:#9b763b; background:var(--accent-soft); }.atlas-expand { flex:0 0 auto; white-space:nowrap; }
.ai-readiness { display:grid; gap:7px; margin:18px 0 0; }.ai-requirement { display:flex; align-items:start; gap:9px; padding:9px 10px; border:1px solid var(--line); border-radius:5px; background:var(--surface-soft); }.ai-requirement>span { width:13px; color:var(--faint); font:12px/1 Sora,sans-serif; }.ai-requirement.ready>span { color:var(--sage); }.ai-requirement b,.ai-requirement small { display:block; }.ai-requirement b { color:var(--ink); font-size:10px; }.ai-requirement small { margin-top:2px; color:var(--subtle); font-size:9px; line-height:1.4; }.ai-next-step { margin-top:12px; }
.import-dialog { width:min(720px,calc(100vw - 30px)); max-height:calc(100vh - 30px); padding:0; color:var(--ink); border:1px solid #3a403b; border-radius:8px; background:var(--surface); box-shadow:0 22px 80px rgba(0,0,0,.55); }.import-dialog::backdrop { background:rgba(0,0,0,.63); backdrop-filter:blur(5px); }.dialog-topline { display:flex; align-items:center; justify-content:space-between; padding:14px 17px; color:#a7afa6; border-bottom:1px solid var(--line); font:9px "JetBrains Mono",monospace; letter-spacing:.08em; }.close-dialog { padding:0; color:#b6bcb5; border:0; background:transparent; font:26px/.7 Lora,serif; cursor:pointer; }.import-content { padding:29px clamp(20px,5vw,42px) 22px; }.import-content h2 { max-width:570px; margin:0; font:400 45px/.88 Lora,Georgia,serif; letter-spacing:-.05em; }.import-content h2 em { color:var(--accent-bright); }.import-intro { max-width:570px; margin:18px 0 16px; color:#aab1a9; font-size:12px; line-height:1.58; }.import-role { display:grid; gap:6px; margin-bottom:16px; color:#aab1a9; font:9px "JetBrains Mono",monospace; letter-spacing:.07em; }.import-role select { padding:10px; color:var(--ink); border:1px solid var(--line); border-radius:5px; background:var(--surface-soft); font:11px Sora,sans-serif; }.drop-zone { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:164px; padding:24px; border:1.5px dashed #665433; border-radius:6px; background:#1b1f1c; text-align:center; cursor:pointer; transition:.18s; }.drop-zone:hover,.drop-zone.dragging { border-color:var(--accent); background:var(--accent-soft); }.drop-zone input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }.upload-icon { display:grid; width:32px; height:32px; margin-bottom:10px; place-items:center; color:#1c1a15; border-radius:50%; background:var(--accent); font-size:20px; }.upload-title { font-size:13px; font-weight:700; }.upload-help { max-width:410px; margin-top:6px; color:#838b82; font:9px/1.45 "JetBrains Mono",monospace; }.import-queue { min-height:45px; max-height:180px; margin-top:14px; overflow:auto; border-top:1px solid var(--line); }.empty-queue { margin:13px 0; color:#838b82; font:10px "JetBrains Mono",monospace; }.queued-file { display:flex; align-items:center; gap:9px; padding:10px 2px; border-bottom:1px solid var(--line); }.file-type { flex:0 0 auto; padding:4px 5px; color:var(--accent-bright); border-radius:3px; background:var(--accent-soft); font:8px "JetBrains Mono",monospace; }.file-detail { min-width:0; flex:1; }.file-name { overflow:hidden; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.file-status { display:block; margin-top:2px; color:#80887f; font:9px "JetBrains Mono",monospace; }.remove-file { padding:4px; color:var(--danger); border:0; background:transparent; font:16px/.7 sans-serif; cursor:pointer; }.import-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:18px; color:#838b82; font:9px "JetBrains Mono",monospace; }.import-footer i { display:inline-block; width:7px; height:7px; margin-right:4px; border-radius:50%; background:var(--sage); }
.import-error { margin:12px 0 0; padding:9px 10px; color:#ffb3a0; border:1px solid rgba(225,135,109,.35); border-radius:5px; background:rgba(225,135,109,.09); font-size:10px; line-height:1.45; }
.story-overview { display:grid; align-content:start; gap:4px; }.story-overview p { max-width:640px; }.story-overview strong { color:#313128; }.story-overview .overview-next { margin-top:13px; padding-top:14px; border-top:1px solid rgba(50,48,37,.16); }
.add-manual-fact { margin:0 0 14px; }.manual-fact-form { display:grid; gap:15px; }.manual-fact-form label { display:grid; gap:6px; color:#aab1a9; font:9px "JetBrains Mono",monospace; letter-spacing:.07em; }.manual-fact-form input,.manual-fact-form textarea { box-sizing:border-box; width:100%; padding:11px; color:var(--ink); border:1px solid var(--line); border-radius:5px; outline:0; background:var(--surface-soft); font:12px Sora,sans-serif; letter-spacing:normal; }.manual-fact-form textarea { min-height:95px; resize:vertical; line-height:1.45; }.manual-fact-form input:focus,.manual-fact-form textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
@media (max-width:980px) { .app-shell { grid-template-columns:1fr; }.sidebar { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; min-height:72px; height:auto; padding:16px 21px; gap:18px; }.sidebar nav { display:flex; justify-content:center; margin:0; }.project-card,.privacy-note { display:none; }.workspace { padding-top:34px; }.impact-layout { grid-template-columns:245px 1fr; }.workflow-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }.atlas-layout { grid-template-columns:220px minmax(0,1fr); } }
@media (max-width:690px) { .sidebar { display:flex; }.sidebar nav { display:none; }.workspace { padding:28px 16px 44px; }.topbar,.impact-head { align-items:start; flex-direction:column; }.topbar h1 { font-size:53px; }.top-actions { width:100%; flex-wrap:wrap; }.top-actions button { min-width:0; flex:1 1 0; padding:11px 8px; white-space:normal; }.top-actions .theme-button { flex:0 0 100%; text-align:right; }.top-actions #open-upload,.top-actions #run-analysis { flex:0 0 100%; }.top-actions .cloud-button { flex:1 1 42%; }.status-meta { display:none; }.workflow-rail { grid-template-columns:1fr 1fr; margin-top:-13px; }.workflow-step { padding:10px; }.workflow-step small { min-height:34px; }.atlas-explainer { align-items:flex-start; flex-direction:column; gap:2px; }.hero-grid { grid-template-columns:1fr; }.scene-panel { border-right:0; border-bottom:1px solid var(--line); padding:19px; }.agent-panel { padding:19px; }.script-paper { padding:21px; font-size:12px; }.script-paper .dialogue { max-width:59%; }.impact-head h2 { font-size:38px; }.impact-layout { grid-template-columns:1fr; }.issues { border-right:0; border-bottom:1px solid var(--line); }.impact-canvas { min-height:445px; }.node { width:130px; }.character-browser { grid-template-columns:1fr; gap:11px; padding:14px; }.character-filters { max-height:none; padding-bottom:4px; }.character-inspector { padding:10px 0 0; border-top:1px solid var(--line); border-left:0; }.atlas-toolbar { align-items:start; flex-direction:column; }.atlas-expand { padding-left:0; }.atlas-layout { grid-template-columns:1fr; }.scene-index { min-height:0; }.scene-index-list { max-height:280px; }.story-graph-panel { min-height:0; }.story-graph-viewport { min-height:390px; flex-basis:390px; }.graph-panel-label { align-items:flex-start; flex-direction:column; gap:2px; }.story-node { width:105px; min-height:54px; padding:8px; }.story-node b { font-size:9px; }.story-node small { font-size:7px; }.story-graph-detail { min-height:0; padding:14px 15px 16px; }.story-graph-detail h3 { font-size:19px; }.import-content h2 { font-size:39px; }.import-footer { align-items:stretch; flex-direction:column; }.import-footer .primary-button { width:100%; } }
/* Repair simulator: the decision surface for each evidence-backed break. */
.repair-simulator { position:relative; width:min(560px,100%); margin:14px 0 0 auto; padding:14px; color:var(--ink); border:1px solid #574a31; border-radius:7px; background:rgba(25,29,25,.96); box-shadow:0 14px 34px rgba(0,0,0,.25); }
.repair-sim-head { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.repair-sim-head h3 { margin:3px 0 0; font:400 20px/.98 Lora,Georgia,serif; }
.repair-score { padding:4px 6px; color:var(--sage); border:1px solid #42624b; border-radius:3px; font:8px "JetBrains Mono",monospace; }
.repair-sim-intro { margin:9px 0 10px; color:#aeb6ad; font-size:9px; line-height:1.45; }
.repair-options { display:grid; gap:5px; }
.repair-option { display:grid; grid-template-columns:20px 1fr; gap:2px 7px; padding:8px; color:var(--subtle); border:1px solid #353c35; border-radius:4px; background:rgba(255,255,255,.02); text-align:left; cursor:pointer; }
.repair-option:hover,.repair-option.active { color:var(--ink); border-color:#a78042; background:var(--accent-soft); }
.repair-option>span { grid-row:span 2; color:var(--accent); font:8px "JetBrains Mono",monospace; }
.repair-option b { font-size:9px; line-height:1.3; }
.repair-option small { color:#858e84; font-size:8px; line-height:1.3; }
.repair-preview { margin-top:10px; padding-top:9px; border-top:1px solid #353c35; }
.repair-label { color:var(--accent); font:8px "JetBrains Mono",monospace; }
.repair-preview p { margin:5px 0 8px; color:#d5dbd2; font-size:9px; line-height:1.4; }
.repair-preview .text-button { color:var(--accent-bright); }
.feedback-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; padding-top:9px; border-top:1px solid #353c35; }
.feedback-actions .text-button { padding:6px 7px; border:1px solid #42624b; border-radius:3px; color:var(--sage); font-size:8px; }
.feedback-actions .text-button:hover { border-color:var(--accent); color:var(--accent-bright); background:var(--accent-soft); }
.feedback-saved { display:block; margin-top:8px; color:var(--sage); font:8px "JetBrains Mono",monospace; }
@media(max-width:690px){.repair-simulator{width:100%;margin:12px 0 0;}.repair-sim-head h3{font-size:18px;}}
body[data-theme="light"] .repair-simulator{color:var(--ink);border-color:#d8c18f;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(25,28,24,.1);}
body[data-theme="light"] .repair-sim-intro,body[data-theme="light"] .repair-preview p{color:#596158;}
.review-inbox{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-14px 0 30px;padding:13px 15px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;background:var(--surface);}.review-inbox-copy{display:grid;gap:3px;min-width:0}.review-inbox-copy .eyebrow{margin:0;color:var(--accent)}.review-inbox-copy strong{font-size:13px}.review-inbox-copy small{color:var(--subtle);font-size:9px;line-height:1.35}.review-inbox-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}.inbox-chip{padding:5px 7px;color:var(--sage);border:1px solid #42624b;border-radius:3px;font:8px "JetBrains Mono",monospace;white-space:nowrap}.inbox-chip.has-findings{color:#f2ae9a;border-color:#714538;background:rgba(225,135,109,.08)}
@media(max-width:690px){.review-inbox{align-items:flex-start;flex-direction:column;gap:10px;margin:-10px 0 25px}.review-inbox-actions{width:100%;justify-content:space-between}.review-inbox-copy strong{font-size:12px}}
body[data-theme="light"] .review-inbox{background:#fff}.review-inbox[hidden]{display:none}
.story-ci{margin:0 0 30px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:radial-gradient(circle at 13% 0,rgba(157,196,169,.1),transparent 31%),var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.16)}.story-ci-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid var(--line)}.story-ci-head h2{margin:0;font:400 38px/.95 Lora,Georgia,serif;letter-spacing:-.04em}.story-ci-head h2 em{color:var(--sage);font-style:italic}.story-ci-head p:not(.eyebrow){max-width:680px;margin:10px 0 0;color:var(--subtle);font-size:10px;line-height:1.55}.story-ci-actions{display:flex;gap:8px;flex:0 0 auto}.story-ci-grid{display:grid;grid-template-columns:250px 180px minmax(0,1fr);min-height:215px}.story-ci-verdict{display:flex;flex-direction:column;justify-content:center;padding:24px;border-right:1px solid var(--line)}.story-ci-state{width:max-content;margin-bottom:12px;padding:6px 8px;color:var(--accent-bright);border:1px solid #80632f;border-radius:3px;font:700 9px "JetBrains Mono",monospace;letter-spacing:.08em}.story-ci-verdict[data-verdict="PASS"] .story-ci-state{color:var(--sage);border-color:#42624b}.story-ci-verdict[data-verdict="BLOCK"] .story-ci-state{color:#f2ae9a;border-color:#714538;background:rgba(225,135,109,.08)}.story-ci-verdict strong{font:500 24px/1.05 Lora,Georgia,serif}.story-ci-verdict small{margin-top:10px;color:var(--faint);font:8px/1.5 "JetBrains Mono",monospace}.story-ci-metrics{display:grid;align-content:center;gap:7px;padding:18px;border-right:1px solid var(--line)}.story-ci-metrics div{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft)}.story-ci-metrics span{color:var(--faint);font:8px "JetBrains Mono",monospace}.story-ci-metrics strong{font:600 17px Sora,sans-serif}.story-ci-checks{display:grid;align-content:start;gap:6px;max-height:260px;padding:14px;overflow:auto}.story-ci-checks article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;padding:9px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.015)}.story-ci-checks article>span{padding-top:2px;color:var(--sage);font:8px "JetBrains Mono",monospace}.story-ci-checks article[data-outcome="BLOCK"]>span{color:var(--danger)}.story-ci-checks article[data-outcome="REVIEW"]>span{color:var(--accent)}.story-ci-checks b,.story-ci-checks small{display:block}.story-ci-checks b{font-size:9px}.story-ci-checks small{margin-top:3px;color:var(--faint);font-size:8px;line-height:1.4}.story-ci-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:var(--faint);border-top:1px solid var(--line);font:8px "JetBrains Mono",monospace}.story-ci-footer>div{display:flex;gap:14px}.story-ci-footer .text-button{font-size:8px}@media(max-width:980px){.story-ci-grid{grid-template-columns:1fr 170px}.story-ci-checks{grid-column:span 2;border-top:1px solid var(--line)}.story-ci-verdict{border-right:1px solid var(--line)}}@media(max-width:690px){.story-ci-head{align-items:stretch;flex-direction:column;padding:18px}.story-ci-head h2{font-size:33px}.story-ci-actions{display:grid;grid-template-columns:1fr 1fr}.story-ci-grid{grid-template-columns:1fr}.story-ci-verdict,.story-ci-metrics{border-right:0;border-bottom:1px solid var(--line)}.story-ci-metrics{grid-template-columns:repeat(3,1fr)}.story-ci-metrics div{align-items:flex-start;flex-direction:column}.story-ci-checks{grid-column:auto}.story-ci-footer{align-items:flex-start;flex-direction:column}.story-ci-footer>div{width:100%;justify-content:space-between}}
.story-ci-explainer{display:flex;align-items:baseline;gap:10px;padding:12px 24px;color:var(--subtle);border-bottom:1px solid var(--line);font-size:10px;line-height:1.5}.story-ci-explainer strong{flex:0 0 auto;color:var(--accent-bright);font:700 8px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.story-ci-lab{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:520px;border-bottom:1px solid var(--line);background:#131714}.story-ci-map-wrap{min-width:0;overflow:hidden;border-right:1px solid var(--line)}.story-ci-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}.story-ci-legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--faint);font:8px "JetBrains Mono",monospace}.story-ci-legend span:before{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--subtle);content:""}.story-ci-legend .canon:before{background:var(--sage)}.story-ci-legend .finding:before{background:var(--danger)}.story-ci-legend .impact:before{background:var(--accent)}.story-ci-legend .gate:before{background:#eef1eb}.story-ci-stage{height:30px;margin:0;padding:9px 14px;color:var(--sage);border-bottom:1px solid var(--line);font:8px "JetBrains Mono",monospace}.story-ci-map{position:relative;height:475px;overflow:hidden;background-image:radial-gradient(#3b443c .8px,transparent .8px),radial-gradient(circle at 86% 10%,rgba(157,196,169,.1),transparent 22%);background-size:17px 17px,auto}.story-ci-edges,.story-ci-nodes{position:absolute;inset:0;width:100%;height:100%}.story-ci-edges{z-index:1;overflow:visible;pointer-events:none}.story-ci-edge line{stroke:#535e55;stroke-width:1.25;stroke-dasharray:4 6;transition:.2s}.story-ci-edge text{fill:#89928a;paint-order:stroke;stroke:#131714;stroke-width:5px;text-anchor:middle;font:700 7px "JetBrains Mono",monospace;letter-spacing:.04em}.story-ci-edge.evidence line{stroke:var(--sage)}.story-ci-edge.block line{stroke:var(--danger)}.story-ci-edge.impact line{stroke:var(--accent)}.story-ci-edge.is-active line{stroke:var(--accent-bright);stroke-width:2.5;stroke-dasharray:none;filter:drop-shadow(0 0 5px rgba(255,216,137,.65))}.story-ci-edge.is-active text{fill:var(--accent-bright)}.story-ci-nodes{z-index:2}.story-ci-node{position:absolute;width:145px;max-height:82px;padding:9px 10px;overflow:hidden;color:var(--ink);border:1px solid #414a42;border-radius:7px;background:#202620;box-shadow:0 9px 20px rgba(0,0,0,.27);cursor:grab;text-align:left;touch-action:none;transform:translate(-50%,-50%);transition:border-color .18s,background .18s,box-shadow .18s,opacity .18s}.story-ci-node:active,.story-ci-node.is-dragging{cursor:grabbing}.story-ci-node:hover,.story-ci-node.is-selected{z-index:3;border-color:var(--accent-bright);background:#302817;box-shadow:0 10px 25px rgba(232,179,90,.18)}.story-ci-node.is-active{z-index:4;border-color:var(--accent-bright);box-shadow:0 0 0 4px rgba(232,179,90,.13),0 10px 27px rgba(232,179,90,.25);animation:story-ci-pulse .7s ease-in-out infinite alternate}.story-ci-node span,.story-ci-node small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-ci-node span{color:var(--accent);font:700 7px "JetBrains Mono",monospace;letter-spacing:.05em}.story-ci-node b{display:block;margin:4px 0;font-size:9px;line-height:1.2}.story-ci-node small{color:#9da69e;font-size:7px}.story-ci-node.canon{border-color:#52705b}.story-ci-node.canon span{color:var(--sage)}.story-ci-node.finding.block{border-color:#7b493c}.story-ci-node.finding.block span{color:#f0a994}.story-ci-node.gate{border-color:#8d733f;background:#29261c}.story-ci-node.gate.pass{border-color:#52705b}.story-ci-inspector{padding:22px;background:linear-gradient(155deg,#1c211e,#161917)}.story-ci-inspector h3{margin:0 0 18px;font:400 24px/.98 Lora,Georgia,serif}.story-ci-inspector strong{display:block;margin-top:14px;color:var(--accent-bright);font:700 8px "JetBrains Mono",monospace;letter-spacing:.05em;text-transform:uppercase}.story-ci-inspector p:not(.eyebrow){margin:6px 0 0;color:var(--subtle);font-size:10px;line-height:1.55}.story-ci-inspector>span{display:block;margin-top:19px;padding-top:12px;color:var(--sage);border-top:1px solid var(--line);font:8px/1.5 "JetBrains Mono",monospace}@keyframes story-ci-pulse{to{transform:translate(-50%,-50%) scale(1.035)}}
body[data-theme="light"] .story-ci-lab,body[data-theme="light"] .story-ci-map{background-color:#f7f8f4}body[data-theme="light"] .story-ci-map{background-image:radial-gradient(#d9ddd7 .8px,transparent .8px),radial-gradient(circle at 86% 10%,rgba(71,119,92,.1),transparent 22%)}body[data-theme="light"] .story-ci-node{color:var(--ink);border-color:#ccd3cc;background:#fff;box-shadow:0 7px 18px rgba(25,28,24,.09)}body[data-theme="light"] .story-ci-node:hover,body[data-theme="light"] .story-ci-node.is-selected{background:#fff4df}body[data-theme="light"] .story-ci-node.gate{background:#fff8e9}body[data-theme="light"] .story-ci-inspector{background:#fff}body[data-theme="light"] .story-ci-edge text{stroke:#f7f8f4}
@media(max-width:980px){.story-ci-lab{grid-template-columns:minmax(0,1fr) 225px}.story-ci-node{width:130px}.story-ci-inspector{padding:18px}}
@media(max-width:690px){.story-ci-explainer{align-items:flex-start;flex-direction:column;padding:13px 18px}.story-ci-lab{grid-template-columns:1fr}.story-ci-map-wrap{overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.story-ci-map-toolbar,.story-ci-stage{position:sticky;left:0;width:100vw;max-width:calc(100vw - 34px);z-index:5;background:var(--surface)}.story-ci-map{width:700px;height:480px}.story-ci-inspector{min-height:230px;padding:18px}.story-ci-node{width:132px}.story-ci-map-toolbar{align-items:flex-start;flex-direction:column}.story-ci-map-toolbar .text-button{align-self:flex-end}}
body[data-theme="light"] { --canvas:#f5f3ee; --surface:#ffffff; --surface-raised:#fbfaf6; --surface-soft:#f0eee8; --ink:#1a1c18; --subtle:#626961; --faint:#80867d; --line:#e0e0d8; --accent:#b87319; --accent-bright:#8f5912; --accent-soft:#fff4df; --sage:#47775c; --danger:#bd5c46; --paper:#fbf8ef; --paper-ink:#22231f; background:var(--canvas); }
body[data-theme="light"] .sidebar,body[data-theme="light"] .issues { background:#fbfaf7; } body[data-theme="light"] .nav-item:hover,body[data-theme="light"] .nav-item.active { background:#f3eee4; } body[data-theme="light"] .project-card,body[data-theme="light"] .hero-grid,body[data-theme="light"] .status-strip,body[data-theme="light"] .impact-layout,body[data-theme="light"] .import-dialog { background:#fff; box-shadow:none; } body[data-theme="light"] .agent-panel { background:#f9f8f4; } body[data-theme="light"] .impact-canvas { background:#fafaf7; } body[data-theme="light"] .canvas-grid { background-image:radial-gradient(#d9ddd7 .75px,transparent .75px); } body[data-theme="light"] .node { color:var(--ink); border-color:#dcded8; background:#fff; box-shadow:0 6px 16px rgba(25,28,24,.06); } body[data-theme="light"] .node.primary { border-color:#d7ae70; background:#fff4df; } body[data-theme="light"] .issue { color:#596159; } body[data-theme="light"] .issue:hover,body[data-theme="light"] .issue.active { color:var(--ink); border-color:#e3cc9d; background:#fff4df; } body[data-theme="light"] .issue p { color:#7b827a; } body[data-theme="light"] .agent-response p,body[data-theme="light"] .impact-copy p { color:#596158; } body[data-theme="light"] .drop-zone { background:#faf8f2; border-color:#d7c293; } body[data-theme="light"] .drop-zone:hover,body[data-theme="light"] .drop-zone.dragging { background:#fff4df; } body[data-theme="light"] .dialog-topline { color:#697168; } body[data-theme="light"] .file-status,body[data-theme="light"] .upload-help { color:#747c73; }
/* Living series timeline */
.series-timeline{margin:0 0 30px;padding:18px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.timeline-list{display:grid;gap:0;margin-top:14px}.timeline-item{display:grid;grid-template-columns:28px 14px minmax(0,1fr);gap:0 10px;min-height:72px}.timeline-index{padding-top:3px;color:var(--faint);font:9px "JetBrains Mono",monospace}.timeline-marker{position:relative;width:10px;height:10px;margin-top:4px;border:2px solid var(--sage);border-radius:50%;background:var(--surface)}.timeline-item:not(:last-child) .timeline-marker:after{position:absolute;top:8px;left:2px;width:2px;height:73px;background:var(--line);content:""}.timeline-item.revision .timeline-marker{border-color:var(--accent)}.timeline-body{padding:0 0 17px}.timeline-topline{display:flex;justify-content:space-between;gap:12px;color:var(--faint);font:8px "JetBrains Mono",monospace;text-transform:uppercase}.timeline-kind{color:var(--sage)}.timeline-item.revision .timeline-kind{color:var(--accent)}.timeline-body h3{margin:6px 0 3px;font:500 14px Lora,Georgia,serif}.timeline-body p{margin:0;color:var(--faint);font-size:10px}.timeline-empty{display:flex;flex-direction:column;gap:4px;padding:18px 0 4px;color:var(--faint);font-size:11px}.timeline-empty b{color:var(--subtle)}.timeline-note{color:var(--faint);font:9px "JetBrains Mono",monospace}.series-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:0 0 5px}.series-fields label{display:grid;gap:5px;color:#aab1a9;font:8px "JetBrains Mono",monospace;letter-spacing:.06em}.series-fields input{min-width:0;padding:9px 10px;color:var(--ink);border:1px solid var(--line);border-radius:5px;background:var(--surface-soft);font:11px Sora,sans-serif}.series-field-help{margin:7px 0 15px;color:#747c73;font:9px/1.4 "JetBrains Mono",monospace}@media(max-width:690px){.series-fields{grid-template-columns:1fr 1fr}.series-fields label:first-child,.series-fields label:last-child{grid-column:span 2}.timeline-topline{align-items:flex-start;flex-direction:column;gap:3px}}
.agent-trace{margin:0 0 20px;padding:12px 0 0;border-top:1px solid var(--line)}.trace-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.trace-badge{padding:4px 6px;color:var(--sage);border:1px solid #42624b;border-radius:3px;font:8px "JetBrains Mono",monospace}.trace-steps{display:grid;gap:8px;margin-top:11px}.trace-step{display:grid;grid-template-columns:22px 10px minmax(0,1fr);align-items:start;gap:7px}.trace-number{color:var(--faint);font:8px "JetBrains Mono",monospace}.trace-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 3px rgba(157,196,169,.1)}.trace-step b,.trace-step small{display:block}.trace-step b{color:#c8cec6;font-size:9px}.trace-step small{margin-top:2px;color:#818a80;font:8px/1.35 "JetBrains Mono",monospace}.trace-footnote{margin:12px 0 0;color:var(--accent);font:8px "JetBrains Mono",monospace}.agent-trace[hidden]{display:none}@media(max-width:690px){.trace-heading{align-items:flex-start;flex-direction:column;gap:6px}body[data-theme="light"] .trace-step b{color:var(--ink)}}
.canon-question-label{display:grid;gap:6px;color:#aab1a9;font:9px "JetBrains Mono",monospace;letter-spacing:.07em}.canon-question-label textarea{width:100%;min-height:78px;padding:11px;color:var(--ink);border:1px solid var(--line);border-radius:5px;background:var(--surface-soft);font:12px/1.5 Sora,sans-serif;resize:vertical}.answer-citations{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.answer-citation{margin-top:8px;padding:8px 9px;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft)}.answer-citation b,.answer-citation small,.answer-citation p{display:block}.answer-citation b{font-size:10px}.answer-citation small{margin-top:2px;color:var(--faint);font:8px "JetBrains Mono",monospace}.answer-citation p{margin:5px 0 0;color:var(--subtle);font-size:10px;line-height:1.4}.answer-unknown{margin-top:10px;color:var(--accent)!important;font:9px/1.4 "JetBrains Mono",monospace}
/* Continuity map labels: every line has an explicit reason. */
.graph-edge-label { paint-order:stroke; stroke:#171b18; stroke-width:5px; text-anchor:middle; font:700 7px "JetBrains Mono",monospace; letter-spacing:.08em; }
.graph-edge-label.order { fill:var(--accent); }
.graph-edge-label.character { fill:var(--sage); }
.export-list { display:grid; gap:8px; margin-top:18px; }.export-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid var(--line); border-radius:6px; background:var(--surface-soft); }.export-row-copy { min-width:0; }.export-row-copy b,.export-row-copy small { display:block; }.export-row-copy b { color:var(--ink); font-size:11px; }.export-row-copy small { margin-top:3px; color:var(--subtle); font-size:9px; line-height:1.4; }.export-row button { flex:0 0 auto; }.export-row[aria-disabled="true"] { opacity:.48; }.export-row[aria-disabled="true"] button { pointer-events:none; }
@media (max-width:690px) { .export-row { align-items:flex-start; flex-direction:column; }.export-row button { width:100%; } }