/* Shared semantic colors: day and night preserve the same graph meaning. */
body.story-graph-active {
  --scm-bg:#0d1222; --scm-surface:#141b2d; --scm-raised:#1c2438;
  --scm-text:#f0f2fb; --scm-muted:#aab5ce; --scm-line:#3d4963;
  --scm-accent:#b3a1ff; --scm-selected:#302956; --scm-focus:#856ce4;
  --scm-green:#85dcbc; --scm-amber:#f3c176; --scm-shadow:0 12px 35px #0003;
  background:var(--scm-bg);
}
html[data-theme="light"] body.story-graph-active {
  --scm-bg:#f7f8fc; --scm-surface:#fff; --scm-raised:#edf0f7;
  --scm-text:#192239; --scm-muted:#52617b; --scm-line:#a0abc0;
  --scm-accent:#6444ba; --scm-selected:#ede6ff; --scm-focus:#7854cd;
  --scm-green:#196950; --scm-amber:#875011; --scm-shadow:0 10px 30px #28334c0c;
}
body.story-graph-active .story-structure-view.active {background:var(--scm-bg);color:var(--scm-text);}
body.story-graph-active .story-structure-page-shell {padding:0 20px 16px;gap:0;}
body.story-graph-active .story-structure-page-header {min-height:86px;grid-template-columns:180px minmax(0,1fr) 170px;border-bottom:1px solid var(--scm-line);gap:12px;}
body.story-graph-active .story-structure-page-title h1 {color:var(--scm-text);font-size:25px;max-width:none;}
body.story-graph-active .story-structure-page-title p {display:none;}
body.story-graph-active .story-structure-eyebrow {color:var(--scm-accent);font-size:11px;}
body.story-graph-active .story-structure-back {background:transparent;color:var(--scm-text);border-color:var(--scm-line);}
body.story-graph-active .story-structure-coverage {color:var(--scm-green);background:transparent;border-color:var(--scm-line);}
.scm-root {background:var(--scm-bg);color:var(--scm-text);border:0;border-radius:0;box-shadow:none;font:14px/1.6 "Microsoft YaHei UI","PingFang SC",sans-serif;}
.scm-root *, .scm-root *::before,.scm-root *::after {box-sizing:border-box;}
.scm-root [hidden] {display:none!important;}
.scm-shell {height:100%;display:flex;flex-direction:column;position:relative;min-height:0;}
.scm-toolbar {display:flex;align-items:center;gap:8px;padding:16px 0;flex-shrink:0;}
.scm-toolbar-title {display:flex;gap:12px;align-items:center;margin-right:auto;}
.scm-toolbar-title strong {font-size:17px;}
.scm-toolbar-title span {color:var(--scm-muted);font-size:12px;}
.scm-button {font:inherit;color:var(--scm-text);background:transparent;border:1px solid var(--scm-line);border-radius:9px;min-height:36px;padding:6px 14px;cursor:pointer;line-height:1.5;}
.scm-button:hover {background:var(--scm-raised);border-color:var(--scm-accent);}
.scm-button:focus-visible,.scm-search:focus-visible,.scm-viewport:focus-visible, .scm-context summary:focus-visible {outline:3px solid var(--scm-focus);outline-offset:3px;}
.scm-button[aria-pressed="true"],.scm-button.primary {background:var(--scm-selected);border-color:var(--scm-focus);color:var(--scm-accent);}
.scm-search {width:230px;min-width:0;font:inherit;padding:9px 14px;background:var(--scm-surface);color:var(--scm-text);border:1px solid var(--scm-line);border-radius:20px;}
.scm-search::placeholder {color:var(--scm-muted);opacity:1;}
.scm-results {position:absolute;z-index:8;top:66px;right:10px;max-width:560px;width:calc(100% - 20px);max-height:420px;overflow:auto;background:var(--scm-surface);border:1px solid var(--scm-line);border-radius:12px;padding:14px;box-shadow:var(--scm-shadow);}
.scm-results>span {display:block;color:var(--scm-muted);margin-bottom:8px;}
.scm-results button {display:block;border:0;border-bottom:1px solid var(--scm-line);border-radius:0;width:100%;text-align:left;}
.scm-phases {display:flex;justify-content:center;gap:6px;padding:0 300px 12px 0;flex-shrink:0;overflow:auto;}
.scm-phases button {border:0;min-width:120px;background:var(--scm-surface);color:var(--scm-muted);}
.scm-phases button[aria-current="true"] {background:var(--scm-selected);color:var(--scm-accent);}
.scm-body {display:grid;grid-template-columns:minmax(0,1fr) 286px;flex:1;min-height:0;border-top:1px solid var(--scm-line);}
.scm-viewport {position:relative;min-height:350px;overflow:hidden;touch-action:none;cursor:grab;}
.scm-viewport:active {cursor:grabbing;}
.scm-world {position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;}
.scm-connections {position:absolute;inset:0;overflow:visible;pointer-events:none;}
.scm-connections path {fill:none;stroke:var(--scm-muted);stroke-width:1.4;}
.scm-connections path.sequence {stroke:var(--scm-line);stroke-dasharray:4 4;}
.scm-connections path.outcome {stroke:var(--scm-green);}
.scm-connections path.debt {stroke:var(--scm-amber);}
.scm-connections text {font-size:13px;fill:var(--scm-muted);paint-order:stroke;stroke:var(--scm-bg);stroke-width:5px;stroke-linejoin:round;}
.scm-node {position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--scm-surface);border:1px solid var(--scm-line);border-radius:56px 56px 18px 18px;box-shadow:none;cursor:pointer;}
.scm-node strong {font-size:16px;line-height:1.4;font-weight:650;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
.scm-node .scm-kicker {font-size:11px;flex-shrink:0;}
.scm-node small {flex-shrink:0;}
.scm-node.selected {background:var(--scm-selected);border:2px solid var(--scm-focus);border-radius:20px;box-shadow:0 0 0 5px color-mix(in srgb,var(--scm-focus) 9%,transparent);}
.scm-node small {font-size:12px;color:var(--scm-muted);}
.scm-kicker {font-size:12px;color:var(--scm-muted);line-height:1.4;}
.scm-node.actor,.scm-node.outcome,.scm-node.debt {border-radius:15px;gap:6px;padding:10px 16px;}
.scm-node.actor strong,.scm-node.outcome strong,.scm-node.debt strong {font-size:15px;-webkit-line-clamp:2;}
.scm-node.outcome strong {color:var(--scm-green);}
.scm-node.debt strong {color:var(--scm-amber);}
.scm-phase-node {border-radius:20px;gap:20px;}
.scm-phase-node strong {font-size:25px;color:var(--scm-accent);}
.scm-phase-node p {margin:0;color:var(--scm-muted);}
.scm-canvas-tools {position:absolute;left:12px;bottom:42px;display:flex;gap:5px;align-items:center;background:var(--scm-bg);padding:5px;border-radius:12px;}
.scm-canvas-tools button {font-size:12px;padding:5px 8px;}
.scm-zoom {font-size:12px;min-width:42px;text-align:center;color:var(--scm-muted);}
.scm-canvas-hint {position:absolute;bottom:5px;left:14px;right:14px;margin:0;font-size:12px;color:var(--scm-muted);pointer-events:none;}
.scm-inspector {overflow:auto;min-height:0;border-left:1px solid var(--scm-line);padding:22px 0 20px 24px;scrollbar-width:thin;scrollbar-color:var(--scm-line) transparent;}
.scm-inspector h2 {font-size:20px;line-height:1.5;margin:10px 0 22px;color:var(--scm-text);overflow-wrap:anywhere;}
.scm-field {margin-bottom:22px;}
.scm-inspector h3 {font-size:13px;color:var(--scm-accent);margin:0 0 9px;}
.scm-field p,.scm-excerpt {font-size:14px;line-height:1.8;color:var(--scm-muted);margin:0;overflow-wrap:anywhere;}
.scm-inspector>.scm-button {width:100%;margin:5px 0;}
.scm-related {display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--scm-line);border-radius:0;padding:10px 0;font-size:13px;overflow-wrap:anywhere;}
.scm-context {margin:20px 0;}
.scm-context summary {cursor:pointer;color:var(--scm-accent);font-size:13px;}
.scm-source {border-top:1px solid var(--scm-line);padding:14px 0;margin-top:10px;overflow-wrap:anywhere;}
.scm-source p {color:var(--scm-muted);font-size:12px;}
.scm-source code {font-size:10px;white-space:normal;color:var(--scm-muted);}
.scm-excerpt {margin:16px 0;}
.scm-footer {border-top:1px solid var(--scm-line);padding-top:14px;flex-shrink:0;}
.scm-footer-heading {display:flex;gap:16px;align-items:center;margin-bottom:12px;}
.scm-footer-heading strong {font-size:14px;}
.scm-footer-heading span {font-size:12px;color:var(--scm-muted);}
.scm-filmstrip {display:flex;gap:12px;overflow:auto;padding:3px 2px 8px;scrollbar-width:thin;}
.scm-episode {flex:1 0 62px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:75px;border:0;background:var(--scm-surface);padding:10px;}
.scm-episode strong {font-size:16px;font-weight:500;}
.scm-episode span {font-size:12px;color:var(--scm-muted);}
.scm-episode.turn span {color:var(--scm-amber);}
.scm-episode[aria-current="true"] {outline:2px solid var(--scm-focus);outline-offset:-2px;background:var(--scm-selected);}
.scm-range {padding-top:4px;}
.scm-range input {display:block;width:100%;accent-color:var(--scm-focus);height:18px;}
.scm-empty {margin:120px 80px;max-width:700px;color:var(--scm-muted);}
.scm-mobile-only {display:none;}
.scm-condensed .scm-node strong {font-size:15px;}
.scm-condensed .scm-node.actor small,.scm-condensed .scm-node.outcome small,.scm-condensed .scm-node.debt small {display:none;}
.scm-legacy {flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;}
.scm-legacy-mount {flex:1;min-height:0;}
/* Legacy canvas remains recognizable; light mode translates all its rendered layers together. */
html[data-theme="light"] .scm-legacy-mount {filter:invert(.91) hue-rotate(180deg);}
@media(max-width:1100px){
  .scm-toolbar-title span {display:none;}
  .scm-toolbar {flex-wrap:wrap;}
  .scm-body {grid-template-columns:minmax(0,1fr) 250px;}
  .scm-phases {padding-right:260px;}
  .scm-inspector {padding-left:16px;}
}
@media(max-width:760px){
  body.story-graph-active .story-structure-page-shell {padding:0 10px 10px;}
  body.story-graph-active .story-structure-page-header {grid-template-columns:120px minmax(0,1fr);min-height:72px;}
  body.story-graph-active .story-structure-page-title h1 {font-size:17px;white-space:normal;max-height:50px;}
  body.story-graph-active .story-structure-coverage {display:none;}
  .scm-toolbar {padding:10px 0;gap:6px;}
  .scm-toolbar-title {display:none;}
  .scm-search {width:100%;border-radius:9px;}
  .scm-toolbar>.scm-button {flex:1;padding:7px 6px;font-size:12px;min-height:38px;}
  .scm-phases {padding:2px 0 10px;justify-content:flex-start;}
  .scm-phases button {min-width:90px;}
  .scm-body {display:block;overflow:auto;}
  .scm-viewport {height:480px;min-height:480px;}
  .scm-mobile-only {display:inline-block;}
  .scm-node.actor small,.scm-node.outcome small,.scm-node.debt small {display:none;}
  .scm-node strong {font-size:15px;}
  .scm-inspector {border-left:0;border-top:1px solid var(--scm-line);padding:20px 10px;max-height:none;overflow:visible;}
  .scm-filmstrip {gap:8px;}
  .scm-episode {flex-basis:54px;min-height:58px;gap:4px;padding:7px;}
  .scm-footer {padding-top:8px;}
  .scm-footer-heading {margin-bottom:4px;}
  .scm-canvas-hint {font-size:11px;}
}
@media(prefers-reduced-motion:reduce){.scm-root * {scroll-behavior:auto;transition:none!important;}}
@media(max-height:850px) and (min-width:761px){
  body.story-graph-active .story-structure-page-header {min-height:64px;}
  .scm-toolbar {padding:8px 0;}
  .scm-phases {padding-bottom:8px;}
  .scm-footer {padding-top:8px;}
  .scm-footer-heading {margin-bottom:4px;}
  .scm-episode {min-height:58px;gap:4px;padding:7px;}
}