:root{--ink:#213138;--muted:#687575;--paper:#f7f7f2;--line:#dedfd8;--green:#315b4c;--orange:#c77e54;--radius:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #c58c57;outline-offset:4px}button{transition:background .15s,border-color .15s}a{color:var(--green)}.topbar{height:94px;padding:14px max(4vw,24px);display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#fffefb}.brand img{width:179px;height:54px;object-fit:contain}.brand-divider{height:32px;width:1px;background:var(--line)}.product-name{font-size:17px;font-weight:600}.product-name small{display:block;margin-top:6px;font-size:9px;letter-spacing:1.6px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:20px;align-items:center}.text-button{border:0;background:none;color:var(--muted);padding:6px 0;font-size:13px}.quiet-button,.small-button{border:1px solid var(--line);background:#fffefb;border-radius:8px;padding:10px 15px;color:var(--ink)}.quiet-button:hover,.small-button:hover{background:#eeefe8}.small-button{font-size:12px;padding:7px 10px;white-space:nowrap}.quiet-button span{display:inline-grid;place-items:center;min-width:19px;height:19px;background:#e8ece5;border-radius:50%;font-size:11px;margin-left:5px}main{max-width:1512px;margin:auto;padding:0 4vw}.welcome{display:flex;justify-content:space-between;align-items:center;padding:39px 0 28px;gap:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 12px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}h1{font-weight:500;font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.3px;line-height:1.1;margin:0 0 13px}.welcome p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0}.local-note{display:flex;font-size:11px;color:var(--muted);line-height:1.7;gap:12px;align-items:center}.local-note b{font-weight:500;color:#45524b}.lock-icon{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:37px;height:37px;font-size:20px;color:#5d7865}.setup-grid{display:grid;grid-template-columns:.9fr 1.25fr 1.25fr;gap:16px;margin:0 0 22px}.setup-card{background:#fffefb;border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}.step-label{display:flex;align-items:center;gap:9px;margin-bottom:15px;font-size:13px}.step-label span{border:1px solid #d4dbce;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:11px;color:#486443}.step-label b{font-weight:600}label{display:block;font-size:12px;color:#687575;margin:10px 0 6px}input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:#263a38;font-size:13px}select{padding-right:20px}.check{display:flex;align-items:center;gap:7px;font-size:11px;color:#6d7976;margin-top:11px}.check input{accent-color:var(--green);width:14px;height:14px}.small-note{font-size:10px;line-height:1.65;color:#7b8580;margin:9px 0 0}.select-pair{display:flex;gap:9px;margin-bottom:8px}.studio-options{display:flex;gap:7px;margin-top:3px}.studio-choice{border:1px solid transparent;border-radius:9px;background:transparent;padding:5px 3px 6px;flex:1;min-width:0;font-size:10px;white-space:nowrap;color:var(--muted)}.studio-choice.selected{border-color:#739278;background:#edf2e8;color:#335442}.studio-thumb{height:48px;display:block;margin-bottom:7px;border-radius:5px;background-size:cover;background-position:center 30%}.news{background-color:#12314f;background-image:url('./assets/studio-news.png')}.sports{background-color:#244c3e;background-image:url('./assets/studio-sports.png')}.magazine{background-color:#c29b89;background-image:url('./assets/studio-magazine.png')}.outdoor{background-color:#969f8b;background-image:url('./assets/studio-outdoor.png')}.workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:22px;align-items:start}.preview-panel,.prompter-panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fffefb}.panel-heading{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:51px}.panel-heading b{font-weight:500}.panel-heading #record-time{font-variant-numeric:tabular-nums;color:#75807c;font-size:12px}.tiny-dot{width:6px;height:6px;background:#8d9d84;display:inline-block;border-radius:50%;margin-right:7px}.tiny-dot.recording{background:#ca5547;box-shadow:0 0 0 4px #ca554715}.stage-wrap{background:#0e1d2e;position:relative;aspect-ratio:16/9;overflow:hidden}.stage-wrap canvas{display:block;width:100%;height:100%;object-fit:contain}.camera-welcome{position:absolute;inset:0;background:linear-gradient(180deg,#07152850,#071528b8);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:white;padding:25px}.camera-symbol{border:1px solid #ffffff60;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px;color:#fff8}.camera-welcome h2{font-size:19px;font-weight:500;margin:15px 0 6px}.camera-welcome p{font-size:12px;color:#c2ccd3;margin:0 0 20px}.primary-button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:13px 20px;font-size:13px;font-weight:500}.primary-button:hover{background:#224c3d}.camera-welcome .primary-button{background:#f3f2e8;color:#2c4338}.demo-button{border:0;background:none;color:#d7e0e4;text-decoration:underline;text-underline-offset:4px;padding:15px;font-size:11px}.stage-caption{position:absolute;left:13px;bottom:9px;color:#dce4ea;font-size:9px;text-shadow:0 1px 2px black;pointer-events:none;opacity:.7}.directing{padding:15px 17px 12px}.directing-label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:12px;color:#64756a}.directing-label span{font-size:8px;color:#58725f;letter-spacing:1px;background:#eef2e9;border-radius:4px;padding:3px 7px}.direction-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.direction{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 3px;color:#58695f;gap:4px}.direction.active{background:#eef2e8;border-color:#a8b99c;color:#2f563b}.direction>span{font-size:18px}.direction b{font-size:11px;font-weight:500}.direction small{font-size:8px;white-space:nowrap;color:#839080}.mode-help{font-size:10px;line-height:1.7;color:#7b847d;margin:12px 0 0}.mode-help button{padding:0;border:0;background:none;text-decoration:underline;color:#4e6b54;font-size:10px;float:right;margin:2px 0 0 8px}.appearance{border-top:1px solid var(--line);padding:14px 18px;font-size:11px}.appearance summary{cursor:pointer;list-style:none;color:#68786b}.appearance summary span{float:right}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;padding:5px 0}.appearance label{font-size:10px}.meter-row{display:flex;align-items:center;gap:10px;font-size:10px;color:#798475;margin-top:10px}.meter{height:4px;background:#e4e9df;flex:1;border-radius:4px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:#73946b;transition:width .1s}.appearance #camera-off{margin-top:10px}.prompter-panel .panel-heading{border-bottom:1px solid var(--line)}.prompt-info{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#91a08e;padding:15px 20px 0}.prompt-info span:first-child{color:#748463;font-weight:600}.prompt-viewport{height:348px;overflow:auto;position:relative;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#d3dbc9 transparent;overscroll-behavior:contain;margin-top:4px}.prompt-copy{font-size:30px;line-height:1.65;font-weight:450;padding:25px 26px 210px;white-space:pre-wrap;overflow-wrap:anywhere;color:#344438;letter-spacing:.05px}.prompt-copy.mirror{transform:scaleX(-1)}.reading-line{position:sticky;top:30px;float:left;left:5px;width:5px;height:28px;border-radius:3px;background:#d0aa6f;z-index:1;pointer-events:none}.prompt-controls{display:flex;gap:8px;padding:12px 20px 0}.read-button{flex:1;border:1px solid #d6dece;background:#edf2e7;color:#466044;border-radius:7px;padding:11px;font-size:12px}.reset-button{width:39px;border:1px solid var(--line);border-radius:7px;background:#fffefb;color:#72816e;font-size:22px}.speed-label{display:flex;justify-content:space-between;padding:0 20px;margin:17px 0 8px;font-size:10px}.speed-label strong{color:#6f8568;font-weight:500}input[type=range]{accent-color:#68885c;cursor:pointer;display:block}.prompter-panel>#speed{width:calc(100% - 40px);margin:0 20px}.wheel-hint{font-size:9px;color:#9a9e91;margin:8px 20px 0}.source-link{display:block;font-size:10px;margin:12px 20px 0}.prompter-tip{font-size:10px;line-height:1.65;color:#939a8b;border-top:1px solid #eceee5;margin-top:16px;padding:13px 20px;background:#f9faf4}.record-bar{margin:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;background:#e9eee4;border:1px solid #dce4d5;border-radius:12px}.record-state{font-size:15px;font-weight:500}.record-bar p{margin:7px 0 0;color:#788571;font-size:11px}.record-actions{display:flex;gap:10px;flex-shrink:0}.record-button{background:#335b48;color:#fff;border:0;border-radius:9px;font-size:13px;font-weight:550;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px}.record-button>span{display:inline-block;width:9px;height:9px;background:#e5a885;border-radius:50%}.record-button.is-recording{background:#a54e3d}.record-button.is-recording>span{background:white;border-radius:2px}.inspiration{text-align:center;padding:35px 15px 42px}.inspiration>span{font-size:8px;letter-spacing:2px;color:#a1a68f}.inspiration p{font-size:16px;font-weight:400;color:#6c7a63;line-height:1.7;max-width:620px;margin:16px auto}.inspiration b{font-size:11px;font-weight:500;color:#596e52}.inspiration small{display:block;font-size:9px;color:#a0a591;margin-top:6px}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:12px;font-size:9px;color:#9a9e91}footer img{height:28px;width:28px}footer span:last-child{margin-left:auto}.result-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:26px 0}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.result-heading h2{font-size:22px;font-weight:500;margin:0 0 20px}.result-heading>span{font-size:10px;color:#87917f}.result-panel video{width:100%;max-height:480px;background:#132132;display:block;border-radius:10px}.result-bottom{display:flex;align-items:center;gap:14px;margin-top:15px;flex-wrap:wrap}.result-bottom p{font-size:11px;color:#7b8672;line-height:1.6;margin-right:auto}.result-bottom b{font-weight:500}.result-panel #export-status{font-size:11px;color:#6c8065}.mobile-note{display:none;background:#f5ebd5;border:1px solid #dfcea5;border-radius:9px;padding:12px 15px;font-size:12px;line-height:1.6;margin-top:20px}dialog{border:1px solid #d8dece;border-radius:17px;padding:34px;max-width:560px;width:calc(100% - 32px);background:#fffefb;color:var(--ink);max-height:88vh;overflow:auto;box-shadow:0 30px 120px #17261e40}dialog::backdrop{background:#162a2690;backdrop-filter:blur(3px)}dialog h2{font-size:25px;font-weight:500;line-height:1.3;margin:10px 0 20px}dialog p,dialog li{font-size:13px;line-height:1.7;color:#6d7b70}dialog li{padding:5px 0}dialog label{margin:18px 0}dialog label select,dialog label input[type=range]{margin-top:8px;width:100%}dialog .check{font-size:13px}.dialog-close{position:absolute;right:16px;top:11px;background:transparent;border:0;color:#7b877b;font-size:27px;padding:3px 8px}.wide{width:100%;margin-top:20px}.preflight-list p{position:relative;padding-left:37px;margin:18px 0}.preflight-list p span{position:absolute;left:0;top:3px;font-size:11px;color:#9baf90}.preflight-list p b{display:block;color:#42553f;font-weight:550}.preflight-list+p{font-size:11px}.source-video{position:fixed;width:2px;height:2px;opacity:0;pointer-events:none;top:-10px;left:-10px}#start-countdown{display:block;text-align:center;font-size:70px;color:#41643d;margin-top:20px}.return-countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;background:#10203365;pointer-events:none}.return-countdown small{font-size:12px;letter-spacing:2px}.return-countdown strong{font-size:80px;font-weight:500}.return-countdown button{pointer-events:auto;border:1px solid #fff5;color:white;background:#0004;border-radius:6px;padding:6px 16px;font-size:12px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:1000;max-width:90vw;background:#263d30;color:#fff;padding:14px 22px;border-radius:10px;box-shadow:0 10px 35px #0003;font-size:13px;text-align:center;line-height:1.5}#media-inputs label{padding:12px;background:#f1f4eb;border-radius:8px;font-size:13px;color:#4a6245}#media-inputs small{display:block;font-size:10px;color:#798b70;line-height:1.6;margin:4px 0 10px}#media-inputs input{display:block;font-size:11px;margin:10px 0;max-width:100%}#media-inputs span{font-size:10px;color:#7c8b73}.saved-recording{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.saved-recording b{font-size:13px;display:block}.saved-recording small{font-size:10px;color:#87947d}.saved-recording button{font-size:11px}[hidden]{display:none!important}
@media(min-width:1550px){main{padding:0 45px}.topbar{padding-left:max(calc((100vw - 1422px)/2),45px);padding-right:max(calc((100vw - 1422px)/2),45px)}.prompt-viewport{height:425px}}
@media(max-width:1100px){.setup-grid{grid-template-columns:1fr 1.3fr}.setup-card:last-child{grid-column:1/-1}.studio-options{max-width:540px}.studio-thumb{height:55px}.studio-choice{font-size:12px}.workbench{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:15px}.prompt-copy{font-size:27px;padding-left:20px;padding-right:20px}.prompt-viewport{height:290px}.camera-welcome h2{font-size:16px}.camera-welcome p{margin-bottom:12px}.camera-welcome .primary-button{font-size:11px;padding:10px}.direction small{font-size:7px}.local-note{display:none}}
@media(max-width:760px){.topbar{height:75px;padding:12px 20px;gap:13px}.brand img{width:130px;height:42px}.brand-divider{display:none}.product-name{font-size:12px}.product-name small{font-size:7px;letter-spacing:1px}.topbar nav{gap:10px}.topbar nav .text-button{display:none}.topbar .quiet-button{font-size:10px;padding:8px}main{padding:0 18px}.welcome{padding:28px 0 23px}.welcome p:not(.eyebrow){font-size:12px;line-height:1.6}.eyebrow{font-size:8px}.setup-grid{gap:10px}.setup-card{padding:13px}.step-label{font-size:11px;margin-bottom:10px}.workbench{grid-template-columns:1fr}.prompt-viewport{height:300px}.camera-welcome{padding:15px}.camera-welcome h2{font-size:16px}.camera-symbol{height:32px;width:32px;font-size:17px}.camera-welcome p{font-size:10px}.demo-button{font-size:10px;padding:10px}.record-bar{position:sticky;bottom:8px;z-index:3;padding:15px;gap:10px;box-shadow:0 5px 25px #21382114}.record-state{font-size:11px}.record-bar p{font-size:9px;max-width:160px;line-height:1.5}.record-button{font-size:11px;padding:12px 15px}.record-actions{gap:6px}.record-actions .quiet-button{font-size:10px;padding:8px}.inspiration{padding:25px 5px}.inspiration p{font-size:14px}footer{font-size:8px}footer span:last-child{display:none}.result-panel{padding:17px}.result-heading h2{font-size:18px}.result-bottom .primary-button{width:100%}.result-bottom .quiet-button{width:100%}.mobile-note{display:block}.direction small{font-size:9px}.source-link{font-size:10px}dialog{padding:26px}.setup-card select{font-size:11px}}
@media(max-width:460px){.setup-grid{grid-template-columns:1fr}.setup-card:last-child{grid-column:auto}.setup-card{padding:14px}.topbar{gap:10px}.product-name{font-size:11px}.topbar nav .quiet-button{font-size:9px;padding:7px}.topbar .quiet-button span{display:none}.brand img{width:115px}.studio-thumb{height:46px}.studio-choice{font-size:10px}.camera-welcome h2{font-size:14px}.camera-welcome p{margin-bottom:10px}.stage-wrap{min-height:210px;aspect-ratio:16/9}.camera-symbol{display:none}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px){.workbench{grid-template-columns:1.1fr 1fr}.setup-grid{grid-template-columns:1fr 1.2fr 1.1fr}.setup-card:last-child{grid-column:auto}.mobile-note{font-size:10px;padding:8px}.prompt-viewport{height:235px}.welcome{padding:20px 0}.record-bar{position:static}.studio-options{gap:2px}.studio-thumb{height:35px}.studio-choice{font-size:8px}.direction small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.preview-tools{display:flex;align-items:center;gap:15px}.light-boost-button{font-size:10px;padding:5px 8px;border:1px solid #e2ddc5;background:#faf7e9;color:#8b7d42;border-radius:5px}
/* Keep all background thumbnails and labels aligned, including natural video. */
.studio-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:7px;max-width:none;align-items:stretch}
.studio-options .studio-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;font-size:14px;white-space:normal;line-height:1.4;overflow-wrap:normal;word-break:normal}
.studio-choice .studio-thumb{box-sizing:border-box;width:100%;height:auto;aspect-ratio:16/9;flex:none;margin:0 0 7px;border:1px solid transparent}
.studio-label{display:block;min-height:2.8em;line-height:1.4;text-align:center;overflow-wrap:normal;word-break:normal}
.studio-thumb.natural{display:grid;place-items:center;background:linear-gradient(135deg,#e8ece8,#c4d0ce);border:1px solid #a3b3b0;color:#526d68;font-size:25px}