@font-face{font-family:Studio;src:local("Avenir Next")}*{box-sizing:border-box}body{margin:0;background:#111519;color:#eeeee7;font:15px Studio,"Avenir Next",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 0,rgba(164,198,139,.07),transparent 50%)}header{max-width:1440px;margin:auto;padding:27px 40px;display:flex;gap:24px;align-items:center;border-bottom:1px solid #ffffff0d}.brand{font-size:23px;letter-spacing:-1px;color:#f1f1e9;text-decoration:none;white-space:nowrap}.brand strong{font-weight:400;color:#8a9694}.brand-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#d2e8b8;color:#182321;margin-right:10px;font-size:24px}.local{margin-left:auto;color:#8b9d96;font-size:12px}.local i{display:inline-block;width:6px;height:6px;background:#bedb9d;border-radius:50%;margin-right:7px}main{max-width:1280px;margin:auto;padding:0 32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:62px 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a8bdab;font-weight:700}h1{font-size:clamp(34px,4.6vw,61px);line-height:1.07;font-weight:500;letter-spacing:-2.4px;margin:19px 0}h1 em{font-style:normal;color:#c9dfb1}p{color:#a1aaa9;line-height:1.65}.intro-note{border-left:1px solid #52664e;padding:10px 0 10px 30px;min-width:210px;display:grid;gap:14px}.intro-note span{color:#94a78b;font-size:10px;letter-spacing:2px}.intro-note b{font-size:25px;font-weight:400;line-height:1.15}.intro-note small{color:#7c8e85;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}.card{border:1px solid #ffffff13;border-radius:21px;background:#1b2125;padding:26px;box-shadow:0 12px 40px #0000000c}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.card-heading h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.4px}.segmented{display:flex;gap:3px;padding:4px;background:#11171b;border:1px solid #ffffff08;border-radius:10px}.segmented button{padding:7px 15px;border:0;background:transparent;color:#88958f;font-size:12px}.segmented .selected{background:#354236;color:#deedce;border-radius:7px}button,.button{font:inherit;border:1px solid #ffffff20;background:#29312f;color:#e5eddf;border-radius:9px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .16s,transform .16s}button:hover,.button:hover{background:#3b493d}button:disabled{opacity:.5;cursor:wait}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;background:#cde4af;color:#182417;font-weight:700;border:0;font-size:14px;border-radius:12px}.primary:hover{background:#e0f0cb}.primary span{font-size:23px;line-height:.8}.quiet{background:transparent;border:0;color:#afbdaf;font-size:12px;padding:8px}.icon-button{font-size:23px;line-height:1;background:transparent;color:#d5e8bc;padding:8px}.danger{color:#e9b0a6}.drop{margin:25px 0 18px;min-height:218px;border:1px dashed #64796077;border-radius:14px;background:linear-gradient(150deg,#29332d80,#19222244);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;cursor:pointer;text-align:center}.drop:hover,.drop.dragging{border-color:#d2e8b8}.drop input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{font-size:33px;color:#c9dfb1;padding:4px 15px;border:1px solid #62725c55;border-radius:14px;margin-bottom:5px}.drop strong{font-size:15px}.drop>span:last-child{font-size:11px;color:#96a19a}label{display:grid;gap:8px;color:#b3beb7;font-size:12px}input,select,textarea{width:100%;font:inherit;font-size:14px;color:#e8ece5;background:#131a1e;border:1px solid #ffffff17;padding:12px;border-radius:9px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #cbe3ad;outline-offset:3px}input[type=checkbox]{width:18px;height:18px;accent-color:#cde4af}input[type=color]{height:43px;padding:5px}.field-row{margin-bottom:16px}.preset-strip{display:flex;align-items:end;gap:10px}.preset-strip label{flex:1}.preset-strip .quiet{margin-bottom:5px}.create{margin-top:24px}.pill{font-size:10px;background:#2c3730;border:1px solid #5b705b55;border-radius:20px;padding:6px 9px;color:#b9caaa;white-space:nowrap}.subtle{font-size:12px;color:#86968c;margin:12px 0 22px}.jobs{display:grid;gap:10px;max-height:680px;overflow:auto}.job{padding:15px;border:1px solid #ffffff0d;background:#151c20;border-radius:13px;display:grid;gap:7px}.job-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.job-title b{font-size:13px;overflow-wrap:anywhere}.job small{font-size:11px;color:#879b8f}.job .state{font-size:10px;white-space:nowrap;color:#c3dba8}.job button{text-align:left;border:0;background:transparent;padding:4px 0;font-size:12px;color:#cde4af}.job .error{color:#efb29f}.empty{padding:35px 16px;text-align:center;color:#7d9283;font-size:13px;border:1px dashed #ffffff12;border-radius:15px;line-height:1.8}.pro-caption{display:flex;justify-content:space-between;margin:24px 0 8px;color:#a4b59f;font-size:11px}.pro-caption span:last-child{font-size:8px;letter-spacing:1px}.pro-section{border-top:1px solid #ffffff12;margin-top:16px;padding-top:16px}.pro-section summary{cursor:pointer;font-size:13px;font-weight:600;color:#dce4d8}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.control-grid .wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.preset-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.preset-actions input{flex:1 0 100%}.preset-actions button{font-size:12px}#notice,#revision-notice{font-size:12px;line-height:1.6;margin-top:12px;color:#cde4af}.review{margin-top:28px}.review-grid{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1fr);gap:35px;margin-top:26px}.player-shell{background:#0a0e11;border-radius:15px;display:flex;justify-content:center;overflow:hidden}video{width:100%;max-height:650px;aspect-ratio:9/16;object-fit:contain}.review-detail{padding-top:13px}h3{font-size:29px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:15px 0}h4{font-size:12px;color:#adbeaa}.download-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:20px 0}#layers{display:grid;gap:7px;margin-bottom:23px}.layer{display:flex;align-items:center;gap:10px;background:#141c1f;border:1px solid #ffffff0a;border-radius:8px;padding:10px;color:#bbc6ba;font-size:12px}.layer input{width:16px;accent-color:#cde4af}.fine{font-size:11px;line-height:1.65;color:#87978c}.auth{max-width:430px;margin:80px auto}.auth h1{font-size:44px;letter-spacing:-1.7px}.auth form{display:grid;gap:18px;margin:25px 0}.auth .fine{margin-top:24px}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:14px;padding:36px 0;color:#637769;font-size:9px;letter-spacing:1.5px}
@media(max-width:850px){header{padding:20px 22px}.local{font-size:10px}main{padding:0 20px}.intro{padding:40px 0 25px}.intro-note{display:none}.workspace{grid-template-columns:1fr}.card{padding:22px}.library{max-height:none}.library .jobs{max-height:340px}.review-grid{grid-template-columns:1fr}.player-shell{max-width:400px;width:100%;margin:auto}h1{font-size:45px}.intro p{font-size:13px}.card-heading{flex-wrap:wrap}.review-detail{padding-top:0}footer{flex-direction:column;gap:10px}}
@media(max-width:400px){header{padding:18px 16px;gap:9px}.brand{font-size:19px}.brand-icon{width:26px;height:26px;font-size:21px;margin-right:6px}.local{font-size:9px}main{padding:0 14px}.card{padding:18px}.control-grid{grid-template-columns:1fr}.control-grid .wide{grid-column:auto}.preset-strip{flex-wrap:wrap}.preset-strip label{flex-basis:70%}h1{font-size:39px}.segmented button{padding:7px 11px}.auth{margin:50px auto}.drop{min-height:200px}}

.conversation-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.change-summary{padding:16px;border:1px solid #526348;border-radius:10px;color:#cde4af;font-size:13px;line-height:1.7;margin:15px 0}
.history-item{margin-top:14px;padding:13px;border-left:2px solid #607a50;color:#96aa9b;font-size:12px}
.recording{color:#ffb29c!important;border-color:#d87762!important}

.job details{font-size:11px;color:#bc9c8c}.job pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 ui-monospace,monospace} .job summary{cursor:pointer}

.control-grid fieldset{margin:0;padding:0;border:0;min-width:0}.control-grid legend{font-size:12px;color:#b3beb7;margin-bottom:8px}
.capture-stage{position:relative;margin:20px auto;background:#030708;border-radius:20px;overflow:hidden;max-width:480px;aspect-ratio:9/16}.capture-stage video{width:100%;height:100%;object-fit:cover}.capture-stage video:not([controls]){transform:scaleX(-1)}#prompter-window{position:absolute;left:6%;right:6%;top:8%;height:32%;overflow:hidden;background:#071116b8;border-radius:12px;padding:12px;pointer-events:none}#prompter-window[data-position="center"]{top:34%}#prompter-window[data-position="bottom"]{top:60%}#prompter-text{line-height:1.45;color:white;white-space:pre-wrap;text-align:center;font-size:32px;will-change:transform}#capture-panel{margin-top:24px}
#storage-panel{margin-top:24px}.storage-job{border-top:1px solid var(--line);padding:16px 0}.storage-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0}.storage-row span{flex:1;min-width:180px}.storage-job>button{margin:4px}#storage-confirm{padding:16px;border:1px solid #f5bf78;border-radius:12px;margin-top:16px}
#reference-panel{margin-top:24px}.reference-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin-top:20px}.reference-card{border:1px solid #34413e;border-radius:14px;padding:14px;overflow:hidden;min-width:0}.reference-card>img{width:100%;height:180px;object-fit:contain;background:#07110e;border-radius:10px}.reference-card video{max-width:100%;max-height:420px}.reference-card button{margin:4px 3px}.reference-card input,.reference-card textarea{margin:6px 0;max-width:100%;width:100%}.reference-card .check input{width:auto}.reference-import{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.reference-import label{flex:1;min-width:180px}.reference-confirm{padding:10px;border:1px solid #e1a75f;border-radius:9px}
.control-help{align-self:start;border:0;background:transparent;padding:0 4px;color:#b9f680;font-size:18px;line-height:1.2}.help-copy{font-size:13px;font-weight:400;line-height:1.45;color:#b9c9bf;background:#101f19;padding:10px;border-radius:8px;margin-top:4px}.help-copy.hidden{display:none}
.control-field{display:flex;flex-direction:column;gap:8px;min-width:0}.control-field>label{margin:0}.control-field.check{display:grid;grid-template-columns:1fr auto auto;align-items:center}.control-field.check>.help-copy{grid-column:1/-1}.control-field>.control-help{margin-top:-2px}

.capability-limit{display:block;color:#dbc49c;font-size:.78rem;line-height:1.5;grid-column:1/-1}#idea-evidence{overflow-wrap:anywhere}#idea-history{display:flex;flex-wrap:wrap;gap:8px}

#auth-copy.error{color:#ffd5c6;background:#3a2425;border:1px solid #b86b57;border-radius:10px;padding:12px 14px;font-weight:600}#auth-submit[aria-busy="true"]{cursor:progress}

/* Focused idea → script → recording flow. */
#idea-panel,#capture-panel{scroll-margin-top:12px}#idea-panel .card-heading h2,#capture-panel .card-heading h2{margin:8px 0}#idea-entry>label{display:block;margin:18px 0}.idea-image-picker{position:relative;display:flex!important;flex-direction:column;gap:7px;border:1px dashed #829277;border-radius:14px;padding:22px;text-align:center;background:#182222;cursor:pointer}.idea-image-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.idea-image-picker span{font-size:12px;color:#a9b7b0}.idea-options,.idea-history-details,.camera-options{margin:18px 0;border-top:1px solid #ffffff12;padding-top:16px}.idea-options summary,.idea-history-details summary,.camera-options summary{cursor:pointer;padding:8px 0;color:#c3cfc6}.idea-options label{display:block;margin:15px 0}#idea-output h3{font-size:24px}#idea-script{width:100%;font-size:18px;line-height:1.55;min-height:270px;max-height:52svh;margin:10px 0 16px}.idea-actions{display:flex;gap:10px;flex-wrap:wrap}.idea-actions .primary{flex-basis:100%}#idea-history{display:grid;gap:10px;margin-top:12px}#idea-history button{text-align:left;white-space:normal;line-height:1.45;width:100%;padding:16px}#idea-task-history{display:grid;gap:10px}#idea-conflict{border:1px solid #c7a16c;padding:14px;border-radius:12px;margin:14px 0}#idea-status.error,#idea-save-status.error,#capture-status.error{color:#ffd5c6;background:#3a2425;border:1px solid #b86b57;border-radius:10px;padding:12px}#capture-status{margin:8px 0;min-height:25px}#capture-panel .capture-stage{height:min(52svh,520px);width:auto;aspect-ratio:9/16;max-width:100%;margin:12px auto}#camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;background:#101b1d}#camera-placeholder strong{font-size:24px}#camera-placeholder p{font-size:14px}.capture-toolbar{display:flex;flex-wrap:wrap;gap:8px;position:sticky;bottom:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#171e20;z-index:4}.capture-toolbar .primary{flex:1;min-width:130px}.capture-toolbar button{min-height:48px}#capture-panel[data-camera-state="ready"] #camera-placeholder,#capture-panel[data-camera-state="recording"] #camera-placeholder,#capture-panel[data-camera-state="review"] #camera-placeholder{display:none}#prompter-window{background:#07111670;height:36%;padding:8px}#prompter-text{line-height:1.35}
@media(max-width:600px){#idea-panel,#capture-panel{padding:20px 16px}#capture-panel .card-heading h2{font-size:24px}#capture-panel .card-heading{gap:10px}#capture-panel .capture-stage{height:min(48svh,480px)}.capture-toolbar button{font-size:14px;padding:12px}.idea-actions .quiet{flex:1}#prompter-text{font-size:28px}}

.creation-focus #app>.intro,.creation-focus #app>.workspace,.creation-focus #review,.creation-focus #storage-panel,.creation-focus #reference-panel,.creation-focus #executor-status,.creation-focus #app>footer{display:none!important}.recording-focus #idea-panel{display:none!important}.creation-focus #idea-panel,.creation-focus #capture-panel{margin:20px auto;max-width:760px}.idea-nav{display:flex;gap:8px;flex-wrap:wrap}.creation-focus main{min-height:80svh}

#prompter-window{contain:layout paint}#prompter-text{backface-visibility:hidden}.capture-quality-label{display:block;margin:12px 0;font-size:13px}.capture-quality-label select{margin-top:6px;width:100%}

/* Studio audit: clear destinations, stable forms and readable mobile controls. */
:root{--line:#ffffff16}.studio-nav{display:flex;gap:6px;position:sticky;top:0;z-index:10;background:#111519f5;padding:12px 0;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.studio-nav button{flex:1;min-height:44px;font-size:13px;background:transparent;border:0;color:#aebbb1}.studio-nav button.selected{background:#334335;color:#e0efcb}.card,.workspace>*{min-width:0}button:disabled{cursor:not-allowed}button[aria-busy="true"]{cursor:progress}#notice.error,#revision-notice.error{color:#ffd2c2;border:1px solid #b86b57;background:#392427;border-radius:10px;padding:12px}#notice:not(:empty){padding:12px;border-radius:10px;background:#253127}#executor-status{min-height:20px}#open-idea,#open-camera{margin-top:12px;text-align:left;min-height:48px}#open-camera{display:block;width:100%;background:#28392d}.job a,.job button{min-height:44px;display:flex;align-items:center}.job details{padding:8px 0}.control-help{min-height:32px;min-width:32px}.remote-unavailable .reference-import,.remote-unavailable .control-grid,.remote-unavailable #references-refresh{display:none}.remote-unavailable #reference-notice{padding:20px;background:#141c20;border-radius:12px;line-height:1.65}.conditional-hidden{display:none!important}.capture-stage video{transform:none}.capture-stage video:not([controls]){transform:scaleX(-1)}
body[data-view="edit"] #storage-panel,body[data-view="edit"] #reference-panel{display:none!important}
body[data-view="library"] .compose,body[data-view="library"] .intro,body[data-view="library"] #storage-panel,body[data-view="library"] #reference-panel{display:none!important}
body[data-view="library"] .workspace{grid-template-columns:1fr}body[data-view="library"] .library .jobs{max-height:none}
body[data-view="storage"] .workspace,body[data-view="storage"] .intro,body[data-view="storage"] #reference-panel,body[data-view="references"] .workspace,body[data-view="references"] .intro,body[data-view="references"] #storage-panel,body[data-view="review"] .workspace,body[data-view="review"] .intro,body[data-view="review"] #storage-panel,body[data-view="review"] #reference-panel{display:none!important}
.creation-focus .studio-nav{display:none!important}
@media(max-width:850px){header{gap:10px;padding:16px 20px}.brand{font-size:20px}.local{max-width:90px;font-size:9px}.intro{padding:22px 0 10px}.intro h1{font-size:32px;letter-spacing:-1.4px;margin:12px 0}.intro p{margin:0 0 10px}.eyebrow{font-size:9px}.studio-nav{gap:0}.studio-nav button{font-size:12px;padding:10px 5px}input,select,textarea{font-size:16px;min-height:46px}button,.button{min-height:44px}#open-idea,#open-camera{width:100%}.drop{min-height:150px;margin-top:18px}.control-grid{grid-template-columns:1fr}.card-heading .segmented{max-width:100%;flex-wrap:wrap}.review .segmented button{font-size:12px;padding:10px}.jobs{max-height:360px}.storage-row span{min-width:0;overflow-wrap:anywhere}.storage-job>button{font-size:13px}.capture-stage{isolation:isolate}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}