:root{--plot-bg:#f8f9fb;--plot-ink:#17181c;--plot-muted:#5f6673;--plot-soft:#eef1f6;--plot-panel:#fff;--plot-line:#d9dee7;--plot-blue:#2457ff;--plot-red:#d94c3d;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--plot-bg);min-height:100%;color:var(--plot-ink);font-family:var(--font-sans)}body{background:var(--plot-bg);min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.editorWorkspace,.mobileWorkspace{background:var(--plot-bg);gap:18px;min-height:100dvh;padding:14px;display:grid}.mobileWorkspace{align-content:start;max-width:760px;margin:0 auto}.editorMain,.projectRail{align-content:start;gap:12px;display:grid}.editorHeader,.mobileHeader,.railHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.editorHeader p,.mobileHeader p,.railHeader p,.modal p,.seedPanelHeader p,.seedPreview p,.roleButton span{color:var(--plot-muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:850;line-height:1.2}.editorHeader h1,.mobileHeader h1,.seedPanelHeader h2,.modal h2{color:var(--plot-ink);letter-spacing:0;margin:0;font-size:22px;font-weight:900;line-height:1.1}.introBlock{gap:10px;max-width:720px;display:grid}.introBlock p,.qualitySummary{color:var(--plot-muted);margin:0;font-size:13px;font-weight:650;line-height:1.5}.stepTabs,.inlineActions,.startActions{flex-wrap:wrap;gap:6px;display:flex}.stepTab,.textButton{min-height:32px;color:var(--plot-muted);text-transform:capitalize;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 9px;font-size:12px;font-weight:850}.stepTab.isSelected,.textButton.isSelected{border-color:var(--plot-line);background:var(--plot-panel);color:var(--plot-ink)}.primaryButton,.secondaryButton,.primaryLink,.textLink{text-decoration:none}.primaryButton,.secondaryButton,.primaryLink{border-radius:8px;width:fit-content;min-height:38px;padding:0 12px;font-size:13px;font-weight:850}.primaryButton,.primaryLink{border:1px solid var(--plot-blue);background:var(--plot-blue);color:#fff;justify-content:center;align-items:center;display:inline-flex}.secondaryButton{border:1px solid var(--plot-line);background:var(--plot-panel);color:var(--plot-ink)}.stepTab:focus-visible,.primaryButton:focus-visible,.secondaryButton:focus-visible,.textButton:focus-visible,.textLink:focus-visible,.primaryLink:focus-visible,.roleButton:focus-visible,.motiveButton:focus-visible,.searchField:focus-visible,.detailTextArea:focus-visible,.exportBox:focus-visible{outline-offset:2px;outline:3px solid #2457ff2e}.editorPanel,.mobilePanel,.railSection{border:1px solid var(--plot-line);background:#ffffffb8;border-radius:8px;gap:12px;padding:12px;display:grid}.seedPanelHeader{gap:2px;display:grid}.roleList,.motiveList,.sliderList,.characterList,.relationshipList,.eventList{gap:8px;display:grid}.roleButton,.motiveButton,.metricSlider,.characterCard,.relationshipCard,.eventCard{border:1px solid var(--plot-line);background:var(--plot-panel);width:100%;color:var(--plot-ink);text-align:left;border-radius:8px;gap:6px;padding:12px;display:grid}.roleButton.isSelected,.motiveButton.isSelected{border-color:var(--plot-blue);background:#f3f6ff}.roleButton strong,.motiveButton strong,.metricSlider strong,.characterCard strong,.relationshipCard strong,.eventCard strong{font-size:13px;font-weight:900;line-height:1.35}.roleButton small,.motiveButton small,.characterCard span,.relationshipCard span,.eventCard span{color:var(--plot-muted);font-size:12px;font-weight:650;line-height:1.45}.motiveGrid{gap:12px;display:grid}.motiveGroup{gap:8px;display:grid}.motiveGroup h3{color:var(--plot-ink);margin:0;font-size:13px;font-weight:900}.metricSlider span{justify-content:space-between;align-items:center;gap:12px;display:flex}.metricSlider em{color:var(--plot-blue);font-size:12px;font-style:normal;font-weight:900}.seedPreview{border-left:3px solid var(--plot-blue);background:var(--plot-soft);gap:10px;padding:12px;display:grid}.seedPreview strong{font-size:14px;line-height:1.45}.seedPreview dl{gap:8px;margin:0;display:grid}.seedPreview div{gap:2px;display:grid}.seedPreview dt{color:var(--plot-muted);text-transform:uppercase;font-size:11px;font-weight:850;line-height:1.2}.seedPreview dd{color:var(--plot-ink);margin:0;font-size:13px;font-weight:650;line-height:1.4}.seedPreview span,.seedPreview small,.relationshipReason{color:var(--plot-muted);font-size:12px;font-weight:700;line-height:1.45}.qualityBadge,.characterCard .qualityBadge{border:1px solid var(--plot-line);background:var(--plot-soft);width:fit-content;color:var(--plot-muted);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:900;line-height:1.2}.qualityBadge.isReady,.characterCard .qualityBadge.isReady{color:var(--plot-blue);background:#eef3ff;border-color:#2457ff47}.relationshipControls{gap:8px;display:grid}.searchField,.exportBox{border:1px solid var(--plot-line);background:var(--plot-panel);width:100%;color:var(--plot-ink);border-radius:8px;font-size:13px}.searchField{min-height:38px;padding:0 10px}.exportBox{resize:vertical;min-height:180px;padding:10px;line-height:1.45}.characterCard p{color:var(--plot-blue);margin:0;font-size:12px;font-weight:900}.textLink{width:fit-content;min-height:32px;color:var(--plot-blue);align-items:center;font-size:12px;font-weight:900;display:inline-flex}.fieldStack{gap:6px;display:grid}.fieldStack span{color:var(--plot-muted);text-transform:uppercase;font-size:11px;font-weight:850;line-height:1.2}.detailTextArea{border:1px solid var(--plot-line);background:var(--plot-panel);width:100%;min-height:132px;color:var(--plot-ink);resize:vertical;border-radius:8px;padding:10px;font-size:13px;line-height:1.45}.modalLayer{background:#17181c2e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--plot-line);background:var(--plot-panel);border-radius:8px;gap:12px;width:min(100%,380px);padding:16px;display:grid}.modal span{color:var(--plot-muted);font-size:13px;font-weight:650;line-height:1.45}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:720px){.motiveGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:980px){.editorWorkspace{grid-template-columns:minmax(0,1fr) 360px;padding:18px}.mobileWorkspace{padding:18px}}