/* Página: Storytelling (usa camera.css + cores.css) */
.story-hero::after{background:linear-gradient(90deg,color-mix(in oklch,var(--ink-950) 88%,transparent),transparent 62%),linear-gradient(transparent 60%,var(--bg-base))}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}
.sec{margin-top:var(--space-8)}
.srow.wide{max-width:640px;width:100%}
.stage.clickable canvas{cursor:pointer}
.stage canvas{width:100%;height:auto}
.script-lab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}
.script{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;background:#f4efe3;color:#1b1b1b;border-radius:var(--radius-lg);padding:28px 30px;box-shadow:var(--shadow-lg,0 20px 50px rgba(0,0,0,.4))}
.script p{margin:0 0 12px;padding:2px 6px;border-radius:4px;transition:background .25s,opacity .25s,outline-color .25s;outline:2px solid transparent}
.script .s-head{font-weight:700}
.script .s-char{margin-left:34%;margin-bottom:0}.script .s-par{margin-left:28%;margin-bottom:0;max-width:40%}.script .s-dia{margin-left:18%;max-width:64%}
.script .s-tr{text-align:right}
.script.has-sel p{opacity:.35}.script.has-sel p.on{opacity:1;background:rgba(235,77,29,.18);outline-color:rgba(235,77,29,.7)}
.journey-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}
.model-lab{display:flex;flex-direction:column;gap:var(--space-5)}
.logline-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:start}
.srow.sel{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center}
.srow.sel select{width:100%;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;font:inherit;font-size:var(--text-sm)}
.logline-lab .chips{margin-top:var(--space-3)}
.result{padding:var(--space-6);border:1px solid var(--border-accent);border-radius:var(--radius-xl);background:var(--accent-soft)}
.result blockquote{margin:var(--space-3) 0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.35;color:var(--text-primary)}
.result .note{margin-top:var(--space-4)}
@media (max-width:900px){.script-lab,.journey-lab,.logline-lab{grid-template-columns:minmax(0,1fr)}.script .s-char{margin-left:26%}.script .s-dia{margin-left:8%;max-width:88%}.script .s-par{margin-left:20%;max-width:70%}}
.facet{margin-top:var(--space-2)}.facet .chip{font-size:var(--text-xs)}
.script.mini{font-size:var(--text-xs);padding:16px 18px;margin:8px 0 10px}
.sub.tight{margin:0 0 var(--space-3)}