.save-draft{border:0;background:none;color:#92929d;font-size:9px;padding:5px 0 0;text-decoration:underline;text-underline-offset:3px}
.storyboard{margin-top:24px;border-top:1px solid #292932;padding-top:22px}.storyboard.hidden{display:none}
.storyboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.storyboard-head span{font-size:8px;letter-spacing:1.5px;color:var(--lime)}.storyboard-head h3{font-family:Manrope;margin:3px 0 0;font-size:16px}.storyboard-head button{background:none;border:1px solid #34343e;color:#94949f;border-radius:7px;padding:7px 9px;font-size:9px}
.scene-list{display:grid;gap:7px}.scene{display:grid;grid-template-columns:38px 56px 1fr auto;align-items:center;gap:10px;padding:7px;background:#0e0e14;border:1px solid #292932;border-radius:9px}.scene-number{font:700 9px Manrope;color:#656570;text-align:center}.scene-thumb{height:42px;border-radius:6px;background:linear-gradient(145deg,#4d365e,#db7254);position:relative;overflow:hidden}.scene:nth-child(2) .scene-thumb{background:linear-gradient(145deg,#193758,#bd8050)}.scene:nth-child(3) .scene-thumb{background:linear-gradient(145deg,#2e254c,#ca4f71)}.scene:nth-child(4) .scene-thumb{background:linear-gradient(145deg,#443028,#d5a34c)}.scene-thumb:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.55)}
.scene-copy input{width:100%;border:0;background:transparent;color:#e7e7ea;font:600 10px 'DM Sans';outline:none}.scene-copy span{display:block;color:#6e6e79;font-size:8px;margin-top:4px}.scene-time{color:var(--lime);font-size:9px;padding-right:7px}
.audio-settings{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin-top:10px}.audio-settings>label{font-size:8px;color:#777782;background:#13131a;border:1px solid #292932;border-radius:8px;padding:9px}.audio-settings select{display:block;width:100%;margin-top:5px;border:0;background:#1d1d25;color:#e3e3e7;border-radius:5px;padding:6px;font:9px 'DM Sans';outline:none}.caption-toggle{display:flex;align-items:center!important;justify-content:space-between}.caption-toggle span{color:#ddd;font-size:9px}.caption-toggle small{display:block;color:#70707b;margin-top:2px}.caption-toggle input{display:none}.caption-toggle i{width:27px;height:15px;border-radius:10px;background:#34343e;position:relative}.caption-toggle i:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:white;top:2px;left:2px;transition:.2s}.caption-toggle input:checked+i{background:var(--lime)}.caption-toggle input:checked+i:after{left:14px;background:#121312}.saved-state{text-align:center;color:#60606c;font-size:8px;margin:-5px 0 10px}.saved-state.saved{color:#92b53c}
@media(max-width:560px){.audio-settings{grid-template-columns:1fr}.scene{grid-template-columns:30px 42px 1fr auto}}
.generated-video{position:absolute;inset:0 0 40px;width:100%;height:calc(100% - 40px);object-fit:cover;z-index:3;background:#050507}.generated-video.hidden{display:none}
.narration-box{margin-top:9px;padding:11px;background:#0e0e14;border:1px solid #292932;border-radius:9px}.narration-box>label{font-size:9px;color:#b6b6be}.narration-box textarea{height:62px;margin-top:7px;padding:9px;font-size:10px}.audio-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:8px}.audio-actions button{border:1px solid #3a3a44;background:#1c1c24;border-radius:7px;padding:7px 10px;font-size:9px}.audio-actions button:first-child{border-color:var(--lime);color:var(--lime)}.audio-actions button:disabled{opacity:.45;cursor:wait}.audio-previews{display:grid;gap:7px;margin-top:8px}.audio-preview{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;color:#888894;font-size:9px}.audio-preview audio{width:100%;height:28px}
@media(max-width:820px){.audio-settings{grid-template-columns:1fr 1fr}.caption-toggle{grid-column:1/-1;min-height:48px}}
@media(max-width:600px){.audio-settings{grid-template-columns:1fr}.caption-toggle{grid-column:auto}.scene{grid-template-columns:28px 42px minmax(0,1fr) auto;gap:7px}.scene-copy{min-width:0}.scene-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storyboard-head{align-items:flex-start;gap:10px}.storyboard-head button{min-height:36px;white-space:nowrap}}
@media(max-width:380px){.scene{grid-template-columns:24px 36px minmax(0,1fr) auto}.scene-thumb{height:38px}.scene-copy span{display:none}.storyboard-head button{white-space:normal;max-width:110px}}