.studio .header-actions #production{background:#fff4ea17;border-color:#fff4ea55}.studio #job-badge:not(:empty){display:inline-flex;align-items:center;justify-content:center;background:var(--coral);border-radius:20px;min-width:16px;height:16px;font:9px var(--mono);margin-left:3px}.studio .transport .capture-shot{background:var(--coral);border-color:var(--coral);color:var(--linen)}.focus-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.focus-fields label{font:8px var(--mono);color:var(--muted)}.focus-fields input{display:block;width:100%;border:1px solid var(--line);border-radius:4px;background:#fff4ea55;padding:5px;margin-top:5px;font:11px var(--mono)}
#production-dialog{width:min(1100px,calc(100vw - 40px));max-width:none;height:min(800px,calc(100dvh - 60px));max-height:none;padding:0;overflow:hidden;border-radius:12px;background:var(--linen)}#production-dialog[open]{display:flex;flex-direction:column}.production-head{padding:20px 25px 15px;background:var(--carbon);color:var(--linen);display:flex;justify-content:space-between;align-items:center}.production-head h2{margin:3px 0 0;font-size:29px;font-weight:600}.production-head .eyebrow{font-size:8px;color:#d9cec4}.production-head>button{font-size:27px;line-height:1;padding:5px}.production-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:10px 24px}.production-tabs button{padding:6px 13px;border-radius:5px;font-size:16px}.production-tabs button:last-child{margin-left:auto}.production-tabs .active{background:var(--coral);color:var(--linen)}.production-body{padding:22px 25px;overflow-y:auto;flex:1;min-height:0}.production-body section{border:0;padding:0;margin:0}.production-body h3{font-size:27px;font-weight:600;margin:0 0 7px;line-height:1}.production-body h4{font-size:20px;font-weight:600;line-height:1.2;margin:0}.production-body p{font-size:16px;line-height:1.35;margin:7px 0;color:#796f65}.production-intro{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.production-intro>div{max-width:670px}.production-intro>button{flex-shrink:0}.production-body button{padding:6px 12px;border:1px solid var(--line);border-radius:5px;line-height:1.2}.accent-button{background:var(--coral)!important;border-color:var(--coral)!important;color:var(--linen)!important}.production-body label:not(.selection-row){display:block;font:10px var(--mono);color:#72685f;margin:12px 0 6px}.production-body input:not([type=checkbox]),.production-body textarea,.production-body select{border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:#fffaf4;color:var(--carbon);font:12px/1.6 var(--mono);max-width:100%}.production-body textarea{width:100%;min-height:90px;resize:vertical}.production-body input[type=text]{width:100%}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.media-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fffaf3}.media-card>video,.media-card>img{display:block;aspect-ratio:16/9;width:100%;object-fit:cover;background:#d1d2c9}.media-card>h4{font-size:18px;margin:11px 11px 5px;overflow-wrap:anywhere}.media-card>p{font:9px var(--mono);margin:7px 11px}.card-actions{display:flex;gap:7px;align-items:center;padding:10px;flex-wrap:wrap}.download-link{font:10px var(--mono);color:#a94e43;text-decoration:none;border:1px solid var(--line);padding:5px 9px;border-radius:4px}.empty-library{grid-column:1/-1;border:1px dashed var(--line);border-radius:8px;padding:30px;color:var(--muted);font:12px/1.7 var(--mono)}.location-generator{padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.location-generator h3{font-size:23px}.inline-controls{display:flex;align-items:center;gap:14px;justify-content:flex-start}.inline-controls label{display:flex!important;gap:8px;align-items:center}.inline-controls>span{font:9px var(--mono);color:var(--muted)}.inline-controls>button{margin-left:auto}.batch-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.selection-box{border:1px solid var(--line);border-radius:6px;margin-bottom:15px;padding:12px}.selection-box>b{font-size:19px;font-weight:600}.selection-row{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:16px;cursor:pointer}.selection-row input{accent-color:var(--coral)}.selection-row span{flex:1}.selection-row small{font:9px var(--mono);color:var(--muted)}.prompt-panel{padding:16px;background:#efe7df;border-radius:8px}.prompt-panel .section-title{font-size:20px}.prompt-panel pre{font:10px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow-y:auto;margin:0}.prompt-panel button{font:9px var(--mono)}.production-body .hint{font:9px/1.7 var(--mono)}.batch-card{border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:18px;background:#fffaf3}.batch-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.batch-head h4{font-size:23px}.batch-head p{font:9px var(--mono)}.production-body .batch-cost{font:9px/1.5 var(--mono);margin:12px 0 16px;color:#9c6751}.take-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.job-card{background:#f1e9e0;border-radius:6px;padding:12px;overflow:hidden}.job-heading{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.job-heading b{font-size:17px;line-height:1.2;font-weight:600}.job-status{font:7px var(--mono);padding:4px 6px;border-radius:4px;background:#e0d6cb;white-space:nowrap}.status-completed{background:#79b79140;color:#386b42}.status-failed,.status-unknown{background:#f2615740;color:#a1362d}.status-in_progress,.status-in_queue,.status-uploading,.status-submitting{background:#e8a83840;color:#8f6420}.job-card .job-error{font:9px/1.5 var(--mono);color:#a33f35;white-space:pre-wrap;overflow-wrap:anywhere}.job-card .request-id{font:7px var(--mono);overflow-wrap:anywhere}.job-card>video,.job-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#222;border-radius:4px;margin:9px 0}.job-card summary{cursor:pointer;font-size:15px;margin-top:10px}.job-card details textarea{min-height:200px;font-size:9px;line-height:1.6}.job-card details p{font:9px/1.5 var(--mono);white-space:pre-wrap}.job-card .card-actions{padding:8px 0 0}.job-card .card-actions button{font-size:13px}.production-footer{display:flex;justify-content:space-between;gap:15px;padding:12px 24px;border-top:1px solid var(--line);font:8px var(--mono);color:var(--muted)}#production-error{background:#f261571b;color:#9d4139;border-bottom:1px solid #f2615755;padding:10px 24px;font:11px/1.5 var(--mono)}.key-row{display:flex;gap:8px;align-items:center}.key-row input{flex:1}#fal-key-status{font:11px/1.5 var(--mono);margin-top:15px}.production-body a{color:#bb5549}#batch-estimate{font:11px/1.6 var(--mono);margin:14px 0}
@media(max-width:1000px){.studio .header-actions #help{display:none}.production-head{padding:16px 20px}.production-body{padding:20px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .transport #capture-shot{font-size:11px}.production-intro{align-items:flex-start}.production-intro p{font-size:14px}}
@media(max-width:760px){#production-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.production-tabs{padding:8px;gap:1px}.production-tabs button{font-size:13px;padding:6px 7px}.production-head h2{font-size:25px}.batch-layout,.take-grid{grid-template-columns:1fr}.production-intro{flex-wrap:wrap}.production-footer{font-size:6px;padding:9px 12px}.production-head .eyebrow{font-size:6px}.key-row{flex-wrap:wrap}.key-row input{width:100%;flex-basis:100%}.studio .transport #capture-shot{font-size:0}.studio .transport #capture-shot::after{content:'Capture';font-size:10px}.studio .header-actions button{padding:5px;font-size:11px}.studio .header-actions #json{display:none}}

/* Generation lives beside the scene, with the same floating-panel geometry. */
body.studio{--generation-width:400px}
#production-dialog.generation-dock{position:fixed;inset:76px 12px 168px auto;width:var(--generation-width);height:auto;margin:0;max-height:none;z-index:26;display:flex;flex-direction:column;border:1px solid #fff4eaa8;border-radius:9px;background:#fff4eaf5;backdrop-filter:blur(18px);box-shadow:0 5px 24px #19191922;overflow:hidden;padding:0}
#production-dialog[hidden]{display:none!important}
#production-dialog .production-head{background:transparent;color:var(--carbon);padding:17px 18px 13px;align-items:flex-start}
#production-dialog .production-head .eyebrow{color:var(--muted);font:7px var(--mono);letter-spacing:.35px}
#production-dialog .production-head h2{font-size:29px;letter-spacing:-.4px;margin-top:5px;line-height:1}
#production-dialog .production-head h2 span{color:var(--coral)}
#production-dialog .production-head>button{padding:0 3px;font-size:24px;color:var(--muted)}
#production-dialog .production-tabs{gap:3px;padding:0 14px 12px;display:grid;grid-template-columns:repeat(4,1fr)}
#production-dialog .production-tabs button{font-size:15px;padding:7px 3px;margin:0;line-height:1;border:1px solid transparent;border-radius:5px}
#production-dialog .production-tabs button.active{color:var(--carbon);border-color:var(--coral);background:#f2615714}
#production-dialog .production-body{padding:16px 18px;scrollbar-width:thin;overscroll-behavior:contain}
#production-dialog .production-body h3{font-size:23px;line-height:1.1;letter-spacing:-.3px}
#production-dialog .production-body p{font-size:15px;line-height:1.3;margin:6px 0 12px}
#production-dialog .production-intro{display:block;margin-bottom:15px}
#production-dialog .production-intro>button{margin-top:6px}
#production-dialog .production-body button{font-size:14px;padding:7px 11px}
#production-dialog .production-body .hint,#production-dialog .take-settings{font:9px/1.6 var(--mono);color:#897d73}
#production-dialog .production-body input:not([type=checkbox]),#production-dialog .production-body textarea,#production-dialog .production-body select{padding:7px 8px;font:10px/1.6 var(--mono)}
#production-dialog .production-body label:not(.selection-row){font:9px var(--mono);line-height:1.5;margin:0 0 8px}
#production-dialog .production-body textarea{min-height:80px;margin-bottom:8px}
#production-dialog .production-body input[type=text]{margin-bottom:8px}
#production-dialog .production-body label[for]{margin-top:14px}
#production-dialog .media-grid{grid-template-columns:1fr 1fr;gap:9px}
#production-dialog .media-card>h4{font-size:15px;line-height:1.1;margin:8px}
#production-dialog .media-card>p{font:8px/1.5 var(--mono);margin:6px 8px}
#production-dialog .media-card>button{font:8px var(--mono);width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0}
#production-dialog .media-card .card-actions{gap:3px;padding:6px}
#production-dialog .download-link{font-size:8px;padding:4px}
#production-dialog .empty-library{padding:18px;font:10px/1.7 var(--mono)}
#production-dialog .capture-composer{padding:13px;background:#ece4dc;border-radius:7px;margin-bottom:22px}
#production-dialog .capture-composer>label{display:flex;align-items:center;justify-content:space-between}
#production-dialog .angle-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 12px}
#production-dialog .angle-choices label{display:flex;gap:5px;align-items:center;margin:0;font:600 14px Darker,sans-serif!important}
#production-dialog input[type=checkbox]{accent-color:var(--coral)}
#production-dialog #capture-from-library,#production-dialog #build-batch,#production-dialog #draft-locations{width:100%}
#production-dialog .section-title{font-size:18px}
#production-dialog .section-title button{font-size:13px;color:#aa5147;padding:3px}
#production-dialog .setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 8px}
#production-dialog .setting-grid label{min-width:0}
#production-dialog .setting-grid select{display:block;width:100%;margin-top:5px;min-width:0}
#production-dialog .batch-layout,#production-dialog .take-grid{grid-template-columns:1fr;gap:10px}
#production-dialog .selection-box{padding:10px;margin-bottom:10px}
#production-dialog .selection-box>b{font-size:18px}
#production-dialog .selection-box>button{border:0;padding:4px 0;font-size:13px;color:#aa5147}
#production-dialog .selection-row{font-size:14px;line-height:1.2;padding:6px 0}
#production-dialog .selection-row span{overflow-wrap:anywhere}
#production-dialog .selection-row small{font-size:8px}
#production-dialog .model-name{font-size:23px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}
#production-dialog .model-name span{font:7px var(--mono);color:var(--muted);max-width:90px;text-align:right;line-height:1.5}
#production-dialog .prompt-panel{padding:11px;margin:12px 0;background:#ece4dc}
#production-dialog .prompt-panel summary{font-size:16px;cursor:pointer}
#production-dialog .prompt-panel summary button{font:8px var(--mono);padding:4px 7px;float:right}
#production-dialog .prompt-panel pre{font-size:9px;max-height:280px;margin-top:12px}
#production-dialog #batch-estimate{font:10px/1.6 var(--mono)}
#production-dialog .location-generator{padding-top:16px;margin-top:18px}
#production-dialog .location-generator summary{font-size:20px;cursor:pointer}
#production-dialog .next-step{display:block;margin-top:20px;width:100%;text-align:right;border:0;color:#aa5147}
#production-dialog .batch-card{padding:11px;margin-bottom:12px}
#production-dialog .batch-head{display:block}
#production-dialog .batch-head h4{font-size:20px}
#production-dialog .batch-head button{width:100%;margin:5px 0}
#production-dialog .batch-head p,#production-dialog .batch-cost{font:8px/1.6 var(--mono)}
#production-dialog .job-card{padding:10px}
#production-dialog .job-heading b{font-size:15px;overflow-wrap:anywhere}
#production-dialog .job-status{font-size:7px}
#production-dialog .job-card details textarea{font-size:9px}
#production-dialog .production-footer{padding:10px 14px;align-items:center;gap:10px;font-size:7px}
#production-dialog .production-footer>span{max-width:190px;line-height:1.6}
#production-dialog .production-footer div{display:flex;gap:8px}
#production-dialog .production-footer button{font:8px var(--mono);padding:4px 0;color:#746a60}
#production-dialog #production-error{font:10px/1.6 var(--mono);padding:10px 18px;flex-shrink:0}
#production-dialog .key-row{flex-wrap:wrap}
#production-dialog .key-row input{flex-basis:100%;width:100%}
#production-dialog #provider-key-list{font:10px/1.6 var(--mono);margin:16px 0}
.studio.generation-open .right{display:none!important}
.studio.generation-open .viewer-bar,.studio.generation-open .viewer-foot{right:calc(var(--generation-width) + 26px)}
.studio.generation-open #viewport.scene-mode #camera-preview{right:calc(var(--generation-width) + 26px);width:210px}
.studio.generation-open #viewport.scene-mode #scene-toolbar{right:calc(var(--generation-width) + 26px);flex-wrap:wrap}
.studio.panels-hidden #production-dialog{display:none!important}
#result-viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#141414;color:var(--linen);border:0;border-radius:0;padding:0;overflow:hidden}
#result-viewer[open]{display:flex;flex-direction:column}
.result-toolbar{display:flex;align-items:center;padding:18px 24px;gap:18px;background:#191919}
.result-toolbar>div{margin-right:auto;min-width:0}
.result-toolbar h2{margin:3px 0;font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.result-toolbar button,.result-navigation button{border:1px solid #ffffff30;border-radius:5px;padding:7px 12px;white-space:nowrap}
#result-close{font-size:24px;line-height:1}
#result-media{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#result-media video,#result-media img{width:100%;height:100%;object-fit:contain}
.result-navigation{display:flex;align-items:center;justify-content:center;gap:25px;padding:12px;background:#191919}
#result-counter{font:10px var(--mono)}
@media(max-width:1100px){body.studio{--generation-width:360px}.studio.generation-open .left{display:none}.studio.generation-open .viewer-bar,.studio.generation-open #viewport.scene-mode #scene-toolbar,.studio.generation-open .viewer-foot{left:12px}.studio.generation-open #viewport.scene-mode #camera-preview{width:190px}.studio.generation-open #scene-info{display:none!important}}
@media(max-width:700px){body.studio{--generation-width:min(340px,calc(100vw - 64px))}#production-dialog.generation-dock{top:70px;bottom:168px}.studio.generation-open #viewport.scene-mode #camera-preview{display:none}.studio.generation-open .viewer-bar,.studio.generation-open #scene-toolbar{display:none!important}#result-fullscreen{display:none}.result-toolbar{padding:12px;gap:8px}.result-toolbar h2{font-size:17px}}
