@font-face{font-family:Pretendard;src:url('./font.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#23352e;background:#f6f5f0;font-synthesis:none;--ink:#23352e;--muted:#687169;--line:#dcded5;--sage:#dfe6d9}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #779582;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{max-width:1216px;padding:28px 40px 24px;margin:auto;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:26px}.wordmark{display:flex;align-items:center;gap:8px;font-size:29px;font-weight:820;letter-spacing:-1.5px}.wordmark svg{width:25px;height:25px}.brand-line{font-size:13px;letter-spacing:.02em;color:var(--muted)}.language{margin-left:auto}.language select{font-size:13px;color:#4c5b51;background:transparent;border:1px solid #d7dbd0;padding:9px 25px 9px 12px;border-radius:8px}
main{max-width:1216px;padding:0 40px;margin:auto}.intro{padding:46px 0 36px}.eyebrow{font-size:13px;letter-spacing:.08em;color:#667c66;margin:0 0 17px;font-weight:600}.intro h1{font-size:46px;line-height:1.13;letter-spacing:-2.2px;font-weight:670;margin:0 0 17px}.intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.88fr);gap:82px;align-items:start}.editor{max-width:570px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.section-head h2{font-size:17px;font-weight:620;letter-spacing:-.35px;margin:0}.section-number{color:#889281;font-size:12px;font-variant-numeric:tabular-nums}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.style-option{padding:0;background:transparent;text-align:left;border-radius:10px}.style-thumb{position:relative;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#e9e9de;aspect-ratio:1.1;padding:3px;transition:border-color .15s}.style-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 41%;border-radius:5px;display:block}.style-option[aria-pressed=true] .style-thumb{border-color:#365442}.selected-mark{display:none;position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:#fff;color:#2f523c;align-items:center;justify-content:center}.selected-mark svg{width:13px;height:13px}.style-option[aria-pressed=true] .selected-mark{display:flex}.style-option strong{display:block;margin:10px 0 3px;font-size:14px;font-weight:600}.style-option small{font-size:12px;color:var(--muted)}.style-detail{font-size:13px;color:var(--muted);line-height:1.6;margin:17px 0 29px;min-height:21px}.scenes-heading{border-top:1px solid var(--line);padding-top:25px}.upload-zone{width:100%;border:1px dashed #aebba9;min-height:113px;background:#eef1e8;border-radius:10px;display:grid;justify-items:center;align-content:center;gap:7px}.upload-zone:hover{background:#e6ecdf}.upload-zone svg{width:26px;height:26px}.upload-zone strong{font-size:14px;font-weight:600}.upload-zone span{font-size:12px;color:var(--muted)}.sample-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:14px 0 0;font-size:12px;color:var(--muted)}.text-button{background:transparent;font-size:12px;padding:7px 0;text-decoration:underline;text-underline-offset:4px;min-height:32px}.file-note{font-size:12px;line-height:1.7;color:#707b70;margin:10px 0 0}.shot-list{display:grid;gap:10px;margin:18px 0}.shot{border:1px solid var(--line);padding:12px;border-radius:10px;background:#fbfaf6;display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px}.shot img{width:60px;height:78px;object-fit:cover;border-radius:6px}.shot-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.shot-title{font-size:13px;margin:0;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:210px}.shot-tools{display:flex;gap:4px}.icon-button{width:30px;min-width:30px;height:30px;border-radius:6px;background:#edf0e7;display:grid;place-items:center}.icon-button svg{width:15px;height:15px}.shot-fields{display:flex;gap:12px;align-items:center;margin-top:7px;flex-wrap:wrap}.shot-fields label{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}.shot-fields select{font-size:12px;padding:5px;border:1px solid var(--line);border-radius:5px;background:#fff}.shot-fields input[type=number]{width:57px;font-size:12px;padding:5px;border:1px solid var(--line);border-radius:5px;background:#fff}.focus-control{grid-column:1/-1;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.focus-control input{flex:1;min-width:50px;accent-color:#486949}.fields{display:grid;grid-template-columns:1fr;gap:13px;margin:24px 0 20px}.fields label{display:grid;gap:8px;font-size:13px}.fields input{width:100%;padding:12px 13px;border:1px solid #d6dacd;border-radius:7px;background:#fffefb;color:var(--ink);font-size:14px}.fields input::placeholder{color:#8c9388}.music-option{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.music-option strong{font-size:13px;font-weight:550}.music-option small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.music-option input{width:20px;height:20px;accent-color:#3c6145}.edit-summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin:12px 0}.primary{width:100%;background:#284b37;color:#fff;border-radius:9px;padding:16px 20px;font-size:14px;font-weight:570;min-height:51px}.primary:hover:not(:disabled){background:#1d3d2c}.primary-wrap{margin-top:22px}.primary-wrap p{font-size:12px;color:var(--muted);text-align:center;line-height:1.7;margin:11px 8px}.feedback{background:#fae8dc;border:1px solid #dbb79e;padding:13px;border-radius:7px;color:#7b3d20;font-size:13px;line-height:1.6;margin:15px 0}.render-progress{margin:22px 0}.progress-head{display:flex;align-items:center;justify-content:space-between;font-size:13px}progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;margin-top:9px}progress::-webkit-progress-bar{background:#dce1d4}progress::-webkit-progress-value{background:#466b48;transition:width .4s}.preview-pane{position:sticky;top:24px;margin-top:-196px;background:#ebece4;border-radius:15px;padding:22px 27px 20px;max-width:430px;justify-self:end;width:100%}.preview-meta{display:flex;gap:7px;align-items:center;font-size:12px;color:#6b766a;margin:0 0 15px}.dot{width:5px;height:5px;border-radius:50%;background:#788b70}.preview-meta span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.screen{position:relative;aspect-ratio:9/16;border-radius:5px;overflow:hidden;background:#1e2921;box-shadow:0 8px 26px #28362c18}.screen video,.screen>img{width:100%;height:100%;display:block;object-fit:contain}.screen video{background:#15231e}.screen #preview-message{position:absolute;left:20px;right:20px;bottom:35px;text-align:center;border-radius:8px;padding:14px;background:#f8f6f1ed;font-size:13px;line-height:1.6;color:#354a3d;pointer-events:none}.preview-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:19px 0 12px}.preview-name{font-size:16px;font-weight:600;margin:0 0 5px}.preview-bottom p:last-child{color:#75806f;font-size:12px;margin:0}.save-button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;background:#f8f8f0;border:1px solid #d1d8c8;border-radius:7px;padding:10px 12px;font-size:12px;white-space:nowrap}.save-button svg{width:17px;height:17px}.save-button[aria-disabled=true]{opacity:.45;pointer-events:none}.preview-note{font-size:12px;color:#7b8378;line-height:1.6;margin:14px 0 0}.workspace footer{grid-column:1/-1}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 32px;margin-top:65px;color:#8a9286;font-size:12px}
@media(min-width:1300px){.intro h1{font-size:51px}.workspace{gap:110px}}
@media(max-width:850px){.workspace{gap:32px;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.preview-pane{padding:18px;margin-top:-172px}.intro h1{font-size:38px}.intro>p:last-child{max-width:340px;font-size:14px}.style-options{gap:8px}.style-option strong{font-size:13px}.style-option small{font-size:12px}.sample-row{align-items:flex-start;flex-direction:column;gap:0}.shot{grid-template-columns:48px minmax(0,1fr);gap:8px}.shot img{width:48px}.shot-head{align-items:flex-start;flex-direction:column}.shot-title{max-width:160px}}
@media(max-width:650px){.site-header{padding:20px 20px 17px}.wordmark{font-size:26px}.brand-line{display:none}.language select{font-size:12px}main{padding:0 20px}.intro{padding:28px 0 25px}.eyebrow{font-size:12px;margin-bottom:13px}.intro h1{font-size:37px;line-height:1.15;letter-spacing:-1.7px}.intro>p:last-child{font-size:13px;max-width:none}.workspace{display:flex;flex-direction:column;gap:30px}.preview-pane{order:0;position:static;margin:0;max-width:100%;padding:17px 20px 15px;display:grid;grid-template-columns:1fr;justify-items:center}.preview-meta,.preview-bottom,.preview-note{width:100%}.screen{width:min(100%,240px)}.preview-bottom{margin-top:17px}.preview-note{margin-top:3px}.editor{order:1;width:100%;max-width:none}.style-thumb{aspect-ratio:1}.style-options{gap:12px}.sample-row{flex-direction:row;align-items:center;gap:5px}.shot{grid-template-columns:54px minmax(0,1fr);gap:10px}.shot img{width:54px}.shot-head{flex-direction:row;align-items:center}.shot-title{max-width:150px}.shot-tools{gap:3px}.icon-button{width:29px;min-width:29px}.primary-wrap{position:sticky;bottom:0;padding:12px 0 8px;background:#f6f5f0ed;backdrop-filter:blur(12px);z-index:2}.primary-wrap p{font-size:12px;margin-top:8px}.section-head h2{font-size:16px}footer{margin-top:35px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.shot-media{padding:0;background:transparent;align-self:start;border-radius:6px}.shot-media[aria-pressed=true]{outline:2px solid #6e8b70;outline-offset:2px}.screen[data-framing=fill] video{object-fit:cover}

.full-width,.candidates,.shot-options{grid-column:1/-1}.candidates{display:flex;gap:8px}.candidates button{flex:1;min-width:0;padding:3px;border:1px solid var(--line);border-radius:7px;background:#f1f1e9}.candidates button[aria-pressed=true]{border:2px solid #37593f;padding:2px}.candidates img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:4px}.candidates span{font-size:11px;display:block;margin:5px 0}.shot-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.shot-options label{display:flex;align-items:center;gap:5px;min-height:32px}.shot-options input{accent-color:#37593f;width:17px;height:17px}.plan-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.timeline{display:flex;gap:4px;margin:16px 0 20px;overflow:hidden}.timeline button{min-width:0;flex-basis:0;padding:10px 4px;display:grid;gap:6px;background:#dde6d9;border-radius:5px;border-bottom:3px solid #7a9275}.timeline span{font-size:12px;font-weight:600}.timeline small{font-size:10px;white-space:nowrap}.comparison{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;width:100%}.comparison>div{display:flex;gap:3px;background:#dce0d3;border-radius:7px;padding:3px}.comparison button{padding:8px 10px;border-radius:5px;background:transparent;font-size:11px}.comparison button[aria-pressed=true]{background:#fffef6;box-shadow:0 1px 3px #263b2420}.selection-play{width:100%;padding:11px;background:#dce4d6;margin-top:12px;border-radius:7px;font-size:12px}.shot-fields input[type=number]{width:63px}.style-thumb{aspect-ratio:1.7}.style-detail{margin-bottom:23px}.intro>p:last-child{max-width:510px}.preview-pane{margin-top:-196px}.shot-title{font-size:12px}.shot-list{gap:14px}
@media(max-width:650px){.preview-pane{margin-top:0}.timeline small{font-size:9px}.plan-actions .text-button{font-size:11px}.shot{grid-template-columns:44px minmax(0,1fr)}.shot-media img{width:44px;height:62px}.shot-head{align-items:flex-start;flex-wrap:wrap}.shot-fields{gap:9px}.intro h1{font-size:34px}.style-thumb{aspect-ratio:1.4}}

@media(min-width:651px){.screen{width:min(100%,calc((100dvh - 270px)*9/16));margin-inline:auto}.preview-pane{max-width:430px}.intro>p:last-child{max-width:510px}}

.soundtrack{display:grid;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.soundtrack>label{font-size:14px;font-weight:600}.soundtrack select{width:100%;padding:11px;background:#fffefb;border:1px solid var(--line);border-radius:7px;color:var(--ink)}.soundtrack audio{width:100%;height:36px}.soundtrack small{font-size:11px;color:var(--muted)}.waveform{display:flex;height:42px;align-items:center;gap:2px;overflow:hidden}.waveform i{flex:1;background:#668579;min-width:1px;border-radius:1px}.music-controls{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:8px;color:var(--muted)}.music-controls label{display:flex;align-items:center;gap:7px}.music-controls input{width:75px;padding:7px;border:1px solid var(--line);border-radius:5px}.screen[data-aspect=wide]{aspect-ratio:16/9;width:100%;}.style-thumb{aspect-ratio:1.25}.style-thumb img{object-fit:contain;background:#202921}.preview-pane:has(.screen[data-aspect=wide]){max-width:520px}.shot-list .shot-title{max-width:none}.soundtrack .text-button{justify-self:start}.soundtrack .file-note{margin:0}

.shot details{grid-column:1/-1;font-size:12px}.shot summary{cursor:pointer;color:#607165;min-height:27px;padding:4px 0}.shot details[open] summary{margin-bottom:10px}.shot .range-label{font-size:12px;color:var(--muted);margin:7px 0 0}.shot .candidates{margin-top:12px}.shot .shot-options{margin:12px 0}.shot-media img{height:56px}.shot{gap:7px 12px}.shot .shot-title{font-size:12px}

.beta-gate{max-width:760px;margin:20px auto;padding:24px;border:1px solid #738771;border-radius:16px;background:#fff}.beta-gate p{font-size:14px;line-height:1.7}.beta-gate input:not([type=checkbox]){display:block;width:100%;padding:12px;margin:8px 0}.beta-consent{display:flex;gap:12px;font-size:14px;margin:16px 0}.beta-consent input{flex-shrink:0}#studio-back{display:inline-block;margin:12px 0}[hidden]{display:none!important}