/* Composition pass: artwork first, compact context below the board. */
@media(min-width:1051px){.living-cards[data-count="1"]{grid-template-columns:minmax(0,660px);justify-content:center}.living-cards[data-count="2"],.living-cards[data-count="3"]{grid-template-columns:var(--few-shot-columns)}.living-cards[data-count="1"]>.living-card.selected,.living-cards[data-count="2"]>.living-card.selected,.living-cards[data-count="3"]>.living-card.selected{grid-column:span 1;grid-row:auto}}
.living-cards{position:relative}.living-cards>.living-card{z-index:1}.living-sequence-lines{position:absolute;inset:0;width:100%;height:100%;max-width:100%;overflow:hidden;pointer-events:none;z-index:0}.living-sequence-lines path{fill:none;stroke:#5d8bc56b;stroke-width:1.25}.living-sequence-lines path.selected{stroke:#9b94f9ad;stroke-width:1.6}
body.living-active .production-main{padding-top:0}
.living-storyboard{position:relative;isolation:isolate;padding-top:4px}
.living-storyboard::before{content:"";position:absolute;inset:-32px -8px auto;height:520px;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,#0b0d139c,#0b0d13 92%),var(--story-scene);background-size:cover;background-position:center 40%;filter:blur(18px) saturate(.8);opacity:.45}
.living-intro{margin:0 0 20px;align-items:flex-start}.living-intro h1{font-size:clamp(30px,3.1vw,44px);font-weight:720;letter-spacing:-.04em}.living-intro .living-eyebrow{font-size:9px;letter-spacing:.2em;color:#8cafd1;margin-bottom:9px}.living-intro p{font-size:13px;margin-top:9px;color:#c0ccdf}.living-save{margin-top:18px}
.living-project-bar{padding:13px 16px;gap:18px;background:linear-gradient(110deg,#132135d9,#0c1421ed);backdrop-filter:blur(10px);border-color:#7397d033;box-shadow:0 12px 40px #0000001a}.living-project-name{font-size:17px;letter-spacing:.01em}.living-project-name>.living-image{width:84px;aspect-ratio:16/9}.living-progress{width:190px}.living-modes{margin-left:auto}.living-modes button{padding:10px 13px;font-size:11px}.living-modes button.selected{border-color:#69a3f5;background:linear-gradient(135deg,#2859b2,#494594);box-shadow:0 0 0 1px #729cfd25,0 0 18px #416eff26}
.living-message:empty{min-height:12px}.living-toolbar{margin:10px 0 16px}.living-toolbar h2{font-size:13px;color:#c5d3e8;letter-spacing:.03em}.living-toolbar input{width:200px;background:#101a2980;font-size:11px}.living-toolbar>button{font-size:11px}.living-board-layout{display:block}.living-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;grid-auto-flow:row}
.living-card{position:relative;background:linear-gradient(145deg,#17283bba,#101823ee);border-color:#6d87b93b;border-radius:12px;overflow:hidden}.living-card-head{height:42px;padding:10px 12px;font-size:11px}.living-card-head>span:first-child{font-variant-numeric:tabular-nums;letter-spacing:.05em}.living-card-select .living-image{margin:0 8px;aspect-ratio:16/10;border-radius:6px}.living-card-select>strong{font-size:13px;margin:11px 12px 7px}.living-card-select>p{font-size:11px;min-height:37px;-webkit-line-clamp:2;margin:0 12px}.living-card-foot{padding:9px 12px}.living-card.selected{grid-column:span 2;grid-row:span 2;border-color:#7aa8ff;box-shadow:0 0 0 1px #9b78f94d,0 0 30px #3c59bd29;background:linear-gradient(145deg,#223252,#151a30)}
.living-card.selected .living-card-head{height:44px;padding:11px 16px;font-size:13px}.living-card.selected .living-card-select .living-image{margin:0 9px;aspect-ratio:16/9}.living-card.selected .living-card-select>strong{font-size:18px;margin:15px 16px 8px}.living-card.selected .living-card-select>p{font-size:12px;min-height:0;margin:0 16px;line-height:1.8;-webkit-line-clamp:3}.living-card.selected .living-card-foot{padding:14px 16px}.living-card.selected .living-card-foot button{border-color:#7797e175;color:#d6e6ff;padding:7px 14px}.living-card-media-controls{position:absolute;top:44px;left:9px;right:9px;aspect-ratio:16/9;display:grid;place-items:center;pointer-events:none}.living-storyboard .living-card-play{pointer-events:auto;display:grid;place-items:center;border-radius:50%;width:54px;height:54px;border:1px solid #c8dbff99;background:#101f3fbb;color:white;font-size:27px;padding:0;backdrop-filter:blur(8px);box-shadow:0 0 24px #4476d333}.living-storyboard .living-card-play:hover{background:#31548edb;border-color:#c2dbff}
.living-inspector{display:grid;grid-template-columns:minmax(170px,.85fr) minmax(200px,1.2fr) minmax(200px,1fr) minmax(220px,1.05fr);gap:0 20px;position:static;max-height:none;overflow:visible;margin-top:22px;padding:17px 20px;border-radius:14px;background:linear-gradient(110deg,#142237eb,#101a2ce8);border-color:#719ae34d;box-shadow:0 8px 30px #0003}.living-inspector-heading{grid-column:1/-1;padding:0 0 13px;margin:0 0 13px;border-bottom:1px solid #93b0dc22}.living-inspector-heading .living-eyebrow{font-size:9px;letter-spacing:.14em}.living-inspector-media{min-width:0}.living-inspector-media .living-image{aspect-ratio:16/10}.living-inspector-media .living-video{max-height:200px;aspect-ratio:16/10;object-fit:contain}.living-inspector-media .living-media-meta{font-size:9px;padding:7px 0;line-height:1.6}.living-shot-summary{min-width:0}.living-shot-summary>.living-eyebrow{font-size:9px;margin:0 0 8px}.living-shot-summary>h2{font-size:18px;margin:0 0 10px}.living-shot-summary>.living-scene{font-size:12px;line-height:1.8;max-height:95px;overflow:auto}.living-shot-summary .living-edit{padding:10px 0;margin-top:10px}.living-shot-summary .living-inline{margin:3px 0 0;flex-wrap:wrap}.living-shot-summary .living-inline button{font-size:9px;padding:6px 8px}
.living-inspector>.living-dna{margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid #93b0dc22;min-width:0}.living-inspector>.living-dna>h3{font-size:12px}.living-inspector>.living-dna>.living-muted{font-size:10px;line-height:1.7;margin:6px 0 10px!important}.living-inspector .living-dna-images{margin:10px 0}.living-inspector .living-dna figure{width:58px}.living-inspector .living-dna figure .living-image{height:50px}.living-inspector .story-dna-resolved{padding:7px 0}.living-inspector .story-dna-resolved>small{font-size:9px}.living-inspector .story-dna-resolved>.living-image{width:68px;height:45px;margin-top:5px}.living-inspector .story-dna-resolved>.living-muted{font-size:10px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.living-inspector .story-dna-editor,.living-inspector .story-scene-editor{margin-top:10px;padding-top:10px}.living-inspector summary{font-size:11px}.living-inspector .living-dna>button{font-size:10px;padding:7px 9px}.living-shot-next{min-width:0;border-left:1px solid #93b0dc22;padding-left:18px}.living-shot-next .living-production-actions{margin:0;gap:8px}.living-shot-next .living-production-actions>button{font-size:10px;padding:9px 10px}.living-shot-next .living-production-actions>button:nth-child(n+3){background:transparent;border-color:#6e87b938}.living-shot-next .living-ai{margin-top:15px;padding-top:13px}.living-shot-next .living-ai>.living-eyebrow{font-size:9px;margin-bottom:8px}.living-shot-next .living-ai>p{font-size:11px}.living-shot-next .stage-coach{margin-top:10px}.living-inspector .living-ai .stage-hint{font-size:10px}
.living-filmstrip{padding:10px 12px;gap:9px;margin-top:18px;background:#0c1724c9;border-color:#6e8dbc30}.living-filmstrip>button{width:106px}.living-filmstrip .living-image{height:54px}.living-filmstrip>button>span{padding:7px;font-size:9px}.story-rhythm{padding:13px 16px;margin-top:16px;background:#0d1826c9;border-color:#6e8dbc30}.story-rhythm h3{font-size:12px;margin-bottom:7px}.story-rhythm>.living-muted{font-size:10px;margin-bottom:8px!important}.story-rhythm-settings{margin-top:10px;padding-top:10px}.story-rhythm-settings>summary{font-size:11px}
.story-flow-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.story-flow{grid-template-columns:minmax(170px,.7fr) minmax(0,1.2fr);gap:36px;padding:20px;min-height:460px;background-color:#0b1521b0;background-image:radial-gradient(#6f9ed72d .7px,transparent .7px);background-size:18px 18px}.story-flow-origin{padding:12px;top:20px;border-color:#7297d15c;background:#112031ed}.story-flow-origin h2{font-size:16px}.story-flow-origin .living-scene{font-size:11px}.story-flow-origin .living-muted{font-size:10px}.story-branch-column{gap:18px}.story-branch{background:linear-gradient(140deg,#233051cf,#131c2de8);padding:12px;border-color:#9778dc59}.story-branch::before{width:36px;left:-36px}.story-branch>.living-image{aspect-ratio:16/9}.story-branch .living-scene{font-size:11px}.story-flow-inspector{background:linear-gradient(145deg,#17243c,#101a2c);border-color:#7997d047;padding:17px}.story-flow-inspector h2{font-size:18px;line-height:1.6;margin-bottom:14px}.story-branch-create{border:1px solid #7195c331;border-radius:8px;padding:11px;background:#0e1825;margin:0 0 18px}.story-branch-create>summary{font-size:11px}.story-branch-create>button{font-size:11px;margin:8px 0}.story-flow-inspector>h3{font-size:12px;color:#c7d9f5}.story-flow-inspector>.living-eyebrow{font-size:9px}.story-flow-inspector .living-ai{margin-top:18px;padding-top:15px}.story-flow-take .living-compare{flex:1;white-space:nowrap}.story-flow-inspector p,.living-ai p,.story-dna-resolved p{overflow-wrap:anywhere}
.story-canvas-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.story-canvas{background:#0c1522d9;border-color:#7297d147}.story-canvas-toolbar{background:#111e30b8;padding:10px 12px}.story-canvas-toolbar h2{font-size:13px}.story-canvas-viewport{height:clamp(400px,calc(100dvh - 345px),680px);max-height:none}.story-canvas-node{background:#101b2cf0;border-color:#6388bc80}.story-canvas-node.center{background:#121a2af2;border-color:#a28bff;box-shadow:0 0 0 1px #6c5eea40,0 0 32px #6a47c933}.story-canvas-node-head{background:linear-gradient(110deg,#19324a,#34254b);font-size:12px;padding:11px 14px}.story-canvas-inspector{max-height:clamp(460px,calc(100dvh - 290px),740px);background:linear-gradient(145deg,#1c2340,#0f1c2b);border-color:#8c7bce4a;padding:15px}.story-canvas-inspector .living-ai{margin-top:18px;padding-top:15px}.story-canvas-candidates{padding:13px 16px;margin-top:16px;background:#0d1725d9}.story-canvas-candidates h3{font-size:12px;margin-bottom:12px}.living-storyboard button.story-canvas-candidate{width:175px}.story-canvas-candidate>.living-image{height:94px}.story-canvas-candidate>small{font-size:9px;padding:8px}.story-canvas-candidates>button{font-size:11px;padding:8px 12px}
.living-cinema{border-color:#729ce257;background:linear-gradient(120deg,#101b2b,#070d16)}.living-cinema-top{padding:13px 18px}.living-cinema-screen{background:#03060b}.living-cinema-screen>.living-video{max-height:66dvh}.living-cinema-controls{padding:13px;gap:10px}.living-cinema-controls button{font-size:11px}.living-cinema-below{padding:15px 18px;background:#101b2b;border:1px solid #7894c333;border-radius:12px;gap:16px}.living-cinema-below .living-dna{max-width:70%}.living-review-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:22px;align-items:stretch}.living-review-screen h2{font-size:22px}.living-review-player{border-color:#81a9e777}.living-review-choices{max-height:none;overflow-y:auto;scrollbar-width:thin;padding-right:6px;display:flex;flex-direction:column}.living-candidate{background:linear-gradient(120deg,#182334db,#101a29);border-color:#728bac40;gap:14px}.living-candidate.selected{border-color:#9b7ce5;background:linear-gradient(120deg,#3e2d603b,#14263a)}
.production-nav .living-signature{padding:28px 10px 4px;margin-top:auto;color:#a5b8d4}.living-signature small{font-size:9px;letter-spacing:.18em;color:#7499c0}.production-nav .living-signature p{display:block;font-size:12px;line-height:1.8;letter-spacing:.04em;margin:9px 0 0;color:#cad6e9}
@media(min-width:1251px){.living-cards{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1650px){.story-flow{grid-template-columns:230px minmax(0,1fr)}.story-branch-column{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start}}
@media(max-width:1250px){.living-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.living-inspector{grid-template-columns:190px minmax(200px,1fr) minmax(220px,1fr)}.living-inspector>.living-dna{grid-column:1/3;grid-row:3;border-left:0;border-top:1px solid #93b0dc22;padding:15px 0 0;margin-top:16px}.living-shot-next{grid-column:3;grid-row:2/4}.living-progress{width:160px}.living-project-bar{gap:14px}.living-project-name{min-width:190px}.living-modes{margin-left:0}.living-cinema-below .living-dna{max-width:100%}}
@media(max-width:1050px){.living-inspector{grid-template-columns:180px minmax(0,1fr);gap:16px}.living-inspector>.living-dna{grid-column:1;grid-row:3;margin-top:0;padding-top:16px}.living-shot-next{grid-column:2;grid-row:3;border-left:0;padding:16px 0 0;border-top:1px solid #93b0dc22}.story-flow-layout,.story-canvas-layout{grid-template-columns:minmax(0,1fr)}.story-flow-inspector{max-height:none;overflow:visible}.story-flow{grid-template-columns:220px minmax(0,1fr);min-height:350px}.story-canvas-inspector{max-height:none}.living-review-layout{grid-template-columns:minmax(0,1fr)}.living-review-choices{max-height:none;overflow:visible;padding:0}.living-review-screen{position:static}.living-modes{width:100%;justify-content:space-between}.living-intro h1{font-size:34px}}
@media(max-width:650px){.living-storyboard::before{inset:-15px 0 auto;height:350px;filter:blur(10px)}.living-intro{gap:10px;margin-bottom:17px}.living-intro h1{font-size:27px}.living-intro p{font-size:11px;max-width:220px}.living-intro .living-eyebrow{font-size:8px}.living-save{margin-top:14px}.living-project-bar{padding:12px}.living-project-name{font-size:14px}.living-project-name>.living-image{width:65px}.living-progress{width:100%}.living-modes{justify-content:start;overflow-x:auto}.living-modes button{flex:0 0 auto;font-size:10px;padding:9px 11px}.living-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.living-card.selected{grid-column:1/-1;grid-row:auto}.living-card-head{padding:8px;font-size:10px}.living-card-select>strong{font-size:12px;margin:10px}.living-card-select>p{font-size:10px;margin:0 10px}.living-card.selected .living-card-select>strong{font-size:17px}.living-card.selected .living-card-select>p{font-size:11px}.living-card-foot{padding:9px}.living-inspector{display:grid;grid-template-columns:minmax(0,1fr);padding:15px;gap:15px}.living-inspector-heading{margin-bottom:0;padding-bottom:11px}.living-inspector-media{grid-column:1;grid-row:2}.living-inspector-media .living-video{max-height:230px}.living-shot-summary{grid-column:1;grid-row:3}.living-inspector>.living-dna{grid-column:1;grid-row:4;margin:0;padding-top:15px}.living-shot-next{grid-column:1;grid-row:5}.living-shot-next .living-production-actions{display:grid;grid-template-columns:1fr 1fr}.living-shot-next .living-production-actions>button:last-child{grid-column:1/-1}.living-inspector .living-dna-images{flex-wrap:wrap}.living-toolbar{gap:8px;flex-wrap:wrap}.living-toolbar h2{width:100%}.living-toolbar>select{max-width:100%}.story-flow{grid-template-columns:minmax(0,1fr);gap:22px;padding:14px}.story-branch::before{width:1px;height:22px;top:-22px;left:50%}.story-canvas-layout{gap:14px}.story-canvas-viewport{height:440px}.story-canvas-inspector{max-height:none}.story-rhythm{padding:12px}.living-cinema-below{padding:13px}.living-cinema-below .living-dna{min-width:0;width:100%;flex-basis:100%}.production-nav .living-signature{display:none}}
@media(prefers-reduced-motion:reduce){.living-storyboard::before{filter:none;opacity:.15}.living-project-bar{backdrop-filter:none}.living-card-play{backdrop-filter:none}}
.living-inspector>.living-dna>.living-muted{display:none}.living-inspector .story-dna-resolved:has(>.living-image){display:grid;grid-template-columns:65px minmax(0,1fr);gap:3px 9px;align-items:start}.living-inspector .story-dna-resolved:has(>.living-image)>small{grid-column:2;grid-row:1}.living-inspector .story-dna-resolved:has(>.living-image)>.living-muted{grid-column:2;grid-row:2;margin:0!important}.living-inspector .story-dna-resolved:has(>.living-image)>.living-image{grid-column:1;grid-row:1/span 2;margin:0;width:65px;height:44px}
.story-rhythm:not(:has(>canvas)){display:flex;align-items:center;gap:16px;flex-wrap:wrap}.story-rhythm:not(:has(>canvas))>h3{margin:0}.story-rhythm:not(:has(>canvas))>.living-muted{display:none}.story-rhythm:not(:has(>canvas))>.story-rhythm-settings{border:0;padding:0;margin:0 0 0 auto}.story-rhythm:has(>canvas){display:grid;grid-template-columns:180px minmax(0,1fr);gap:5px 16px}.story-rhythm:has(>canvas)>h3{grid-column:1;grid-row:1;margin:0}.story-rhythm:has(>canvas)>p:first-of-type{grid-column:1;grid-row:2;margin:0!important;font-size:9px}.story-rhythm:has(>canvas)>audio{grid-column:1;grid-row:3;width:180px;height:28px;margin:3px 0}.story-rhythm:has(>canvas)>canvas{grid-column:2;grid-row:1/span 3;height:75px}.story-rhythm:has(>canvas)>p:last-of-type{grid-column:2;grid-row:4;margin:0!important;font-size:9px}.story-rhythm:has(>canvas)>.story-rhythm-markers{grid-column:1/-1;margin:0}.story-rhythm:has(>canvas)>.story-rhythm-markers>button{font-size:9px;padding:4px 8px;background:transparent}.story-rhythm:has(>canvas)>.story-rhythm-settings{grid-column:1/-1;margin-top:6px;padding-top:8px}
@media(max-width:950px){.living-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.living-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.story-rhythm:has(>canvas){display:block}.story-rhythm:has(>canvas)>canvas{margin-top:10px}.story-rhythm:has(>canvas)>p:last-of-type{margin-top:7px!important}.story-rhythm:not(:has(>canvas))>.story-rhythm-settings{margin-left:0}.story-rhythm:has(>canvas)>.story-rhythm-settings{margin-top:10px}.living-inspector>.living-dna>.living-muted{display:block}}