:root{color-scheme:light;--ink:#242131;--muted:#625f71;--line:#e2dfeb;--purple:#6441ce;font-family:Inter,"Segoe UI",Ebrima,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#f7f6fa;color:var(--ink);line-height:1.6}a{color:#5531bb;text-underline-offset:4px}header{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px;gap:16px}header>span{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 12px;border-radius:30px}.brand{font-size:18px;font-weight:750;text-decoration:none;color:var(--ink)}main{max-width:720px;margin:38px auto 56px;padding:0 24px}h1{font-size:clamp(28px,5vw,40px);line-height:1.2;letter-spacing:-1.2px;margin:10px 0 12px}.intro{color:var(--muted);margin:0 0 28px}.panel{background:white;padding:30px;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 35px #30204a06}label{display:block;font-size:14px;font-weight:650;margin:20px 0 9px}form>label:first-child{margin-top:0}select,textarea,button{font:inherit}select,textarea{display:block;width:100%;border:1px solid #cbc6d9;border-radius:10px;padding:13px 15px;color:var(--ink);background:white;line-height:1.7}select{font-weight:600;background:#fbfaff}textarea{resize:vertical;min-height:90px}textarea::placeholder{color:#747080}button{display:block;width:100%;min-height:50px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:650;cursor:pointer;padding:12px 18px}.primary{background:var(--purple);color:white;border-color:var(--purple);margin-top:22px}.primary:hover{background:#5433b7}.secondary{background:#f4f0ff;color:#4d2ba9;border-color:#dcd2f6;margin-top:14px}button:disabled{cursor:not-allowed;color:#726e7d;background:#f1eff5;border-color:#e2dfeb}:focus-visible{outline:3px solid #9677ee;outline-offset:4px}.field-footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px}#narration-count{white-space:nowrap;color:var(--muted)}.state{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.state-heading{display:flex;justify-content:space-between;align-items:center}.state h2{font-size:14px;margin:0}#stage-label{font-size:11px;color:var(--muted);background:#f1eff6;border-radius:20px;padding:3px 10px}#generation-status,#helper-status{font-size:13px;color:var(--muted);margin:14px 0 20px;overflow-wrap:anywhere}progress{width:100%;height:6px;accent-color:var(--purple);margin-top:18px}.footnote{text-align:center;font-size:12px;color:var(--muted);margin-top:18px}.back{display:inline-block;font-size:13px;margin-bottom:23px;text-decoration:none}.result{border-top:1px solid var(--line);margin-top:24px;padding-top:5px}.optional{font-weight:400;color:var(--muted);font-size:12px}footer{max-width:720px;margin:auto;padding:0 24px 30px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}video{width:100%;border-radius:10px;margin:15px 0}[hidden]{display:none!important}@media(max-width:520px){header{padding:18px 20px}header>span{font-size:10px;padding:3px 8px}main{margin-top:20px;padding:0 16px}.panel{padding:20px;border-radius:14px}.field-footer{flex-direction:column;gap:5px}#narration-count{align-self:flex-end}.brand{font-size:16px}footer{padding:0 20px 25px}}

#saved-preview,#video-preview,#simple-scene-plan video{display:block;width:auto;max-width:100%;height:auto;max-height:65vh;margin:15px auto;background:#0d1620}

#saved-drafts a{display:block;padding:12px 18px;border:1px solid #dcd2f6;border-radius:10px;text-align:center;font-size:14px;font-weight:650}#saved-drafts-section h2{font-size:16px;margin-top:24px}
.clip-comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.clip-comparison figure{margin:0;min-width:0}.clip-comparison figcaption{font-size:13px;font-weight:650;margin-bottom:8px}.clip-comparison img,#simple-scene-plan .clip-comparison video{display:block;width:100%;height:auto;max-height:45vh;object-fit:contain;margin:0;background:#0d1620;border-radius:10px}.clip-review-cue{padding:12px;background:#f4f0ff;border-radius:10px;overflow-wrap:anywhere;font-size:14px}.clip-review-controls{display:flex;gap:8px}.clip-review-controls button{flex:1;margin-top:0;padding:10px;font-size:13px}.clip-comparison>p[role=status]:last-of-type{font-size:13px;color:var(--muted)}
.simple-options{margin:14px 0;border-top:1px solid var(--line);padding-top:10px}.simple-options>summary{color:var(--muted);font-size:13px;cursor:pointer;padding:6px 0}.simple-stage{margin:18px 0;border:1px solid var(--line);border-radius:12px;padding:14px}.simple-stage>summary{font-weight:650;cursor:pointer;min-height:32px}.simple-help{font-size:13px;color:var(--muted)}.simple-opening-preview{display:block;max-height:50vh;object-fit:contain;margin:12px auto}.simple-options fieldset{min-width:0;border:1px solid var(--line);border-radius:10px;margin:12px 0}.simple-options input{max-width:100%;font:inherit}.simple-options p,.simple-stage p{overflow-wrap:anywhere}.simple-stage .simple-stage{border:none;padding:0}

.helper-header{flex-wrap:wrap}.helper-language{display:flex;align-items:center;gap:10px}.helper-language label{margin:0;font-size:12px}.helper-language select{width:auto;padding:6px 10px;font-size:14px;min-height:44px}html[lang=am] h1{letter-spacing:0;line-height:1.5}

#saved-list button,#saved-title,#saved-progress,#saved-status{overflow-wrap:anywhere}

/* The narration helper shares the creator palette; legacy editing pages retain their styles. */
/* Studio webfonts: generated; see tools/generate-studio-webfont.py. */
@font-face{font-family:StudioEthiopic;src:url('/fonts/NotoSansEthiopic.woff2?v=b87f1a644507bb0dd59f15e25ceb44846c3f5d4031482a831aa05ce12ff1d230') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0,U+D,U+100-107,U+10A-113,U+116-11B,U+11E-123,U+126-127,U+12A-12B,U+12E-133,U+136-137,U+139-13E,U+141-148,U+14A-14D,U+150-151,U+154-15B,U+15E-15F,U+164-165,U+16A-177,U+179-17C,U+218-21B,U+237,U+2C7,U+2C9,U+2D8-2DB,U+2DD,U+300-304,U+306-308,U+30A-30C,U+30E,U+312,U+326-328,U+1207,U+1247,U+1287,U+12AF,U+12CF,U+12EF,U+130F,U+131F,U+1337,U+1347,U+1357,U+135D-1360,U+1380-1399,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+2010,U+20AC,U+2212,U+22EE,U+25CC,U+2D80-2D96,U+2DA0-2DA6,U+2DA8-2DAE,U+2DB0-2DB6,U+2DB8-2DBE,U+2DC0-2DC6,U+2DC8-2DCE,U+2DD0-2DD6,U+2DD8-2DDE,U+AB01-AB06,U+AB09-AB0E,U+AB11-AB16,U+AB20-AB26,U+AB28-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}
@font-face{font-family:StudioEthiopic;src:url('/fonts/EthiopicZelan.woff2?v=28c3f397e217612c22055ea65b716c0f728f41692e311fbb5d64467fe06dbb60') format('woff2');font-style:normal;font-weight:400;font-display:swap;size-adjust:108%;unicode-range:U+20-7E,U+A0-FF,U+152-153,U+160-161,U+178,U+17D-17E,U+192,U+2C6,U+2DC,U+1200-1206,U+1208-1246,U+1248,U+124A-124D,U+1250-1256,U+1258,U+125A-125D,U+1260-1286,U+1288,U+128A-128D,U+1290-12AE,U+12B0,U+12B2-12B5,U+12B8-12BE,U+12C0,U+12C2-12C5,U+12C8-12CE,U+12D0-12D6,U+12D8-12EE,U+12F0-130E,U+1310,U+1312-1315,U+1318-131E,U+1320-1336,U+1338-1346,U+1348-1356,U+1358-135A,U+1361-137C,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2122}
/* End studio webfonts. */
.source-video-option{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:12px}.source-video-option summary{cursor:pointer;font-weight:600}.source-video-option input[type=file]{display:block;max-width:100%;margin:.7rem 0}.source-video-option .source-video-consent{display:flex;align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.5;margin:1rem 0}.source-video-consent input{width:1.1rem;height:1.1rem;flex-shrink:0;margin:.2rem 0}.source-video-option [role=status]{font-size:.85rem;overflow-wrap:anywhere}.source-video-option progress{width:100%}
body[data-page=helper]{color-scheme:dark;--ink:#eeeee8;--muted:#aeb4aa;--line:#353c31;--purple:#d2ed93;background:#101211;font-family:Inter,"Segoe UI",StudioEthiopic,Ebrima,sans-serif}
body[data-page=helper] main{max-width:810px}body[data-page=helper] .panel{background:#191d19;box-shadow:0 12px 35px #0002}body[data-page=helper] a{color:#d2ed93}body[data-page=helper] .brand{color:#eeeee8;letter-spacing:.1em}body[data-page=helper] select,body[data-page=helper] textarea{background:#111710;border-color:#43513a;color:#eeeee8}body[data-page=helper] textarea::placeholder{color:#a1a997}body[data-page=helper] .primary{background:#d2ed93;color:#17210e;border-color:#d2ed93}body[data-page=helper] .primary:hover{background:#c2df82}body[data-page=helper] .secondary{background:#222c1d;color:#d2ed93;border-color:#43513a}body[data-page=helper] button:disabled{background:#252c22;color:#9aa58f;border-color:#3c4634}body[data-page=helper] :focus-visible{outline-color:#b8d685}body[data-page=helper] .helper-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}body[data-page=helper] .logout-control{position:relative;flex-shrink:0}body[data-page=helper] #studio-logout{width:auto;min-height:40px;margin:0;padding:8px 14px;background:transparent;border:1px solid #43513a;color:#eeeee8;font-size:13px;white-space:nowrap}body[data-page=helper] #studio-logout:hover{background:#263021}body[data-page=helper] #logout-status{position:absolute;right:0;top:100%;width:240px;padding:12px;margin:8px 0;background:#191d19;color:#ffcbaf;border:1px solid #43513a;border-radius:8px;z-index:2;font-size:12px}
@media(max-width:600px){body[data-page=helper] .helper-actions{gap:12px;margin-left:auto}body[data-page=helper] .helper-language{gap:6px}body[data-page=helper] .helper-language label{max-width:110px}}

.source-media-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.6rem}.source-media-list li{display:flex;gap:.75rem;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:10px;min-width:0}.source-media-list li>div:first-child{min-width:0;flex:1}.source-media-list strong{display:block;font-size:.88rem;overflow-wrap:anywhere}.source-media-list small{display:block;margin-top:.25rem;opacity:.75}.source-media-actions{display:flex;gap:.35rem;flex-wrap:wrap}.source-media-actions button{width:auto;flex:1 1 auto;margin:0;font-size:.75rem;padding:.4rem .55rem;min-height:36px}.source-media-option{min-width:0}@media(max-width:600px){.source-media-list li{align-items:stretch;flex-direction:column}.source-media-actions{justify-content:flex-start}.source-media-actions button{min-height:42px}}