.creative-page .studio{padding:0;scroll-margin-top:150px;overflow:hidden}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #b8c8d1}.creative-page .studio-heading h2{font-size:25px;margin:0}.studio-heading h2>span{font-family:sans-serif;margin-right:10px;color:#668193}.studio-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #becdd5;background:#e6edf080;padding:0 14px}.studio-tabs button{flex:1;min-height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:#536a79;padding:10px 13px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s ease}.studio-tabs button[aria-selected=true]{border-bottom-color:#b78a50;color:#254b63;background:#ffffffab}.studio-free{color:#52786b;font:10px Consolas,monospace;margin-left:6px}.studio-editor-toolbar{display:flex;gap:8px;padding:18px 20px 12px}.studio-editor-toolbar>*{flex:1}.studio-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.studio-editor-toolbar label:focus-within,.studio-upload:focus-within{outline:3px solid #b58548;outline-offset:3px}.studio-editor-frame{margin:0 20px;border-radius:5px;overflow:hidden;background:#263641;border:1px solid #667d89}.studio-editor-frame iframe{width:100%;height:620px;display:block;border:0}.studio-editor-menu{padding:9px 14px;color:#dbe4e7;font:11px Segoe UI,sans-serif;border-bottom:1px solid #52636e}.studio-editor-menu span{float:right}.studio-editor-canvas{display:grid;grid-template-columns:40px minmax(0,1fr) 160px;gap:12px;padding:12px;color:#d5e0e4}.studio-editor-canvas>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.studio-tools{font:19px/2.2 Segoe UI,sans-serif;text-align:center;color:#b6c8d1;border-right:1px solid #52636e}.studio-editor-canvas aside{font-size:11px;padding:10px}.studio-editor-canvas aside p{padding:14px 0;border-bottom:1px solid #50616b;margin:0}.studio-editor-canvas aside small{display:block;color:#99afbc;margin-top:20px}.studio-editor-launch{text-align:center;padding:20px 16px 0}.studio-editor-launch>button{min-width:240px}.studio-editor-launch p{margin:10px 0}.studio-license{text-align:center;padding:0 20px 12px;margin:0!important}.studio-fallback{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.studio-columns{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;padding:20px}.studio-form{min-width:0}.studio-preview{min-width:0;padding:0;align-self:start}.studio-segment{display:inline-flex;padding:3px;background:#e1e9ed;border:1px solid #c2d0d7;border-radius:5px;margin-bottom:16px}.studio-segment button{min-width:94px;padding:7px 12px;border:0;background:transparent;color:#557080;font-weight:700;font-size:12px;border-radius:3px}.studio-segment button[aria-pressed=true]{background:#436b81;color:#fff;box-shadow:0 1px 4px #2c3e5022}.studio-field-label{display:block;font-size:12px;font-weight:700;color:#3e5d70;margin-bottom:12px}.studio-uploads{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-uploads>div:only-child{grid-column:1 / -1}.studio-uploads .studio-field-label{font-size:11px;margin-bottom:8px}.studio-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:1px dashed #a9bfcb;border-radius:5px;height:148px;background:#e9eff360;overflow:hidden;text-align:center}.studio-upload strong{font-size:12px;color:#45687c}.studio-upload small{font-size:10px;color:#657f8f;line-height:1.6}.studio-upload-icon{font-size:30px;color:#6f8b9c;line-height:1.5}.studio-upload img{width:100%;height:100%;object-fit:contain;background:#dce6eb}.studio-upload-actions{display:flex;justify-content:space-between;margin:8px 0 14px;gap:12px}.studio-text-button{border:0;background:transparent;color:#476b80;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:3px 0}.studio select,.studio textarea{width:100%;background:#f9fbfc;border:1px solid #b5c7d2;border-radius:4px;color:#3d5c6f;padding:9px;font-weight:400;font-size:12px;margin-top:7px}.studio textarea{resize:vertical;min-height:110px}.studio-parameters{display:flex;gap:12px}.studio-parameters>*{flex:1;min-width:0}.studio-model-label{font-size:12px;color:#355a71;padding:9px 0;margin-bottom:6px}.studio-model-label span{display:block;font-size:10px;color:#748a98}.studio-audio{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:14px;color:#45677b}.studio-audio span{margin-left:auto;font-size:10px;color:#6b8493}.studio-audio input{accent-color:#4a6b7c;width:16px;height:16px}.studio-prompt{border:1px solid #c6d3db!important;border-radius:4px;margin-bottom:16px}.studio-prompt summary{padding:9px 12px;font-size:12px}.studio-prompt textarea{display:block;width:calc(100% - 20px);margin:0 10px 10px}.studio-generate{width:100%;min-height:46px}.studio-generate span{margin-left:auto}.studio-cost{font-size:10px;line-height:1.7;color:#677f8d;margin:12px 0 0!important}.studio-notice{margin:0!important;padding:14px 20px;border-top:1px solid #c6b08f;background:#fff7e8;color:#78592e;font-size:12px}.studio-storyboard{position:relative;border-radius:6px 6px 0 0;overflow:hidden;background:#243b48}.studio-storyboard>img{width:100%;height:430px;object-fit:cover;display:block}.studio-preview-tag{position:absolute;top:14px;left:14px;color:#493313;background:#d0a66e;padding:4px 8px;font:10px Consolas,monospace;letter-spacing:.08em}.studio-storyline{display:flex;justify-content:space-between;position:relative;padding:25px 16px 16px;background:#263e4b;color:#dce7ed;font:11px Consolas,monospace;border-radius:0 0 6px 6px}.studio-storyline:before{content:"";position:absolute;top:12px;left:18px;right:18px;height:1px;background:linear-gradient(90deg,#7b9caf,#c89657,#ead9b1)}.studio-preview>.creative-note{margin-top:10px}.studio-preview>img,.studio-preview>video{display:block;width:100%;max-height:540px;object-fit:contain;margin:12px 0;border-radius:5px;background:#223b4a}.studio-preview .creative-actions{margin-top:14px}.studio-preview .creative-button{font-size:11px}.studio-examples{display:flex;gap:16px;align-items:center;padding:14px 20px;border-top:1px solid #c2d1da;flex-wrap:wrap;background:#eaf0f360}.studio-examples .studio-text-button{text-decoration:none}.studio-processing{padding:18px;font-size:13px;background:#e2ebf0;border-radius:4px;margin-top:14px}.studio-processing a{display:block;font-size:11px;margin-top:8px}@media(max-width:850px){.studio-columns{grid-template-columns:1fr}.studio-storyboard>img{height:auto;aspect-ratio:16/9}.studio-heading>.creative-label{display:none}.studio-editor-canvas{grid-template-columns:28px 1fr}.studio-editor-canvas aside{display:none}.studio-editor-frame iframe{height:560px}}@media(max-width:700px){#studio-panel-zombie .studio-form{display:flex;flex-direction:column}#studio-panel-zombie .studio-form>*{order:4}#studio-panel-zombie .studio-segment{order:0;align-self:start}#studio-panel-zombie .studio-uploads{order:1}#studio-panel-zombie .studio-upload-actions{order:2}#studio-panel-zombie .studio-generate{order:3;margin-bottom:16px}#studio-panel-editor:not([hidden]){display:flex;flex-direction:column}#studio-panel-editor .studio-editor-launch{order:0;margin-bottom:4px}#studio-panel-editor .studio-editor-toolbar{order:1}#studio-panel-editor .studio-editor-frame{order:2}#studio-panel-editor .studio-fallback{order:3}#studio-panel-editor .studio-license{order:4;margin-top:12px!important}.studio-upload-actions .studio-text-button{min-height:30px}}@media(max-width:700px){.studio-heading{padding:15px 18px}.studio-heading h2{font-size:22px}.studio-tabs{padding:0 5px}.studio-tabs button{min-height:40px;padding:7px 10px;font-size:11px}.studio-columns{padding:16px;gap:22px}.studio-uploads{gap:10px}.studio-upload{height:110px}.studio-upload-icon{font-size:24px}.studio-uploads .studio-field-label{font-size:10px}.studio-audio span{display:none}.studio-parameters{gap:8px}.studio select{padding:7px}.studio-field-label{margin-bottom:8px}.studio-model-label{padding:0}.studio-model-label span{display:none}.studio-cost{font-size:9px}.studio-segment{margin-bottom:10px}.studio-editor-toolbar{padding:12px;gap:5px}.studio-editor-toolbar .creative-button{font-size:10px;padding:5px}.studio-editor-frame{margin:0 12px}.studio-editor-canvas{padding:7px;gap:7px}.studio-tools{font-size:14px;line-height:2}.studio-editor-canvas>img{aspect-ratio:4/3}.studio-editor-frame iframe{height:480px}.studio-editor-launch{padding-top:14px}.studio-examples{padding:12px 16px;gap:8px 16px}.studio-examples>.creative-label{width:100%}.studio-editor-launch>button{min-width:200px}.studio-free{font-size:9px}.studio-storyline{font-size:10px}}.studio-media{padding:0 12px 12px}.studio-media input{display:block;max-width:100%;margin-top:8px;font-size:11px}.studio-media p{overflow-wrap:anywhere}.studio-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.studio-chips button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid #b5c7d2;border-radius:999px;background:#f4f7f9;color:#3e5d70;font-size:12px;font-weight:700;cursor:pointer}.studio-chips button[aria-checked=true]{background:var(--play-accent, #436b81);border-color:var(--play-accent, #436b81);color:#fff}.studio-chips small{font:9px Roboto Mono,monospace;padding:1px 5px;border-radius:3px;background:#b5854833;color:inherit}.studio-play-settings{flex-wrap:wrap}.studio-play-settings>*{flex:1 1 140px}.studio-play-ratio{margin:-4px 0 12px!important;font-size:11px}.studio-form .studio-generate+.studio-generate{margin-top:8px}.studio-play-sample{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;padding:12px;background:#1a2332;border-radius:6px;border:1px solid #b58548}.studio-play-sample img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:4px;display:block}.studio-play-sample img:last-of-type{box-shadow:0 0 0 2px #b58548}.studio-frame-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#1a2332;border-radius:6px;border:1px solid #b58548}.studio-frame-pair figure{margin:0}.studio-frame-pair img,.studio-frame-empty{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:4px;display:block}.studio-frame-empty{display:grid;place-items:center;color:#e8eced;border:1px dashed #6b8cae;font-size:.85rem;text-align:center}.studio-frame-pair figcaption{margin-top:4px;color:#e8eced;font:600 .75rem/1.2 Roboto Mono,monospace;text-transform:uppercase;letter-spacing:.06em}@media(max-width:700px){#studio-panel-play .studio-form{display:flex;flex-direction:column}#studio-panel-play .studio-form>*{order:4}#studio-panel-play .studio-chips{order:0}#studio-panel-play .studio-uploads{order:1}#studio-panel-play .studio-upload-actions{order:2}#studio-panel-play .studio-generate{order:3}#studio-panel-play .studio-generate:last-of-type{margin-bottom:16px}.studio-chips button{min-height:32px;font-size:11px;padding:5px 10px}.studio-play-sample{padding:8px;gap:6px}}@media(max-width:700px){.play-page .studio-heading{padding:10px 14px}.play-page .studio-heading h2{font-size:19px}}.studio-upload.is-drag{border-color:#b58548;background:#fbf5ec;box-shadow:inset 0 0 0 2px #b5854833}.studio-progress{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;margin:10px 0 4px;font:12px/1.4 Roboto Mono,monospace;color:#3e5d70}.studio-progress-bar{grid-column:1 / -1;height:6px;border-radius:3px;background:#d5dfe4;overflow:hidden}.studio-progress-bar span{display:block;width:35%;height:100%;border-radius:3px;background:linear-gradient(90deg,#4a6b7c,#b58548);animation:studio-progress 1.6s ease-in-out infinite}.studio-progress a{color:#4a6b7c;font-family:Roboto,sans-serif}@keyframes studio-progress{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media(prefers-reduced-motion:reduce){.studio-progress-bar span{animation:none;width:100%;opacity:.5}}.studio-notice-actions{display:inline-flex;gap:8px;margin-left:10px;vertical-align:middle}.studio-play-empty{display:grid;place-items:center;gap:6px;min-height:320px;padding:24px;border:1px dashed #9fb3c0;border-radius:8px;background:#f3f6f7;text-align:center;color:#3e5d70}.studio-play-empty>span{font-size:26px;color:#b58548}.studio-play-empty p{margin:0;font-weight:700}.studio-play-empty small{color:#6a7f8b}[data-theme=dark] .studio-play-empty{background:#1f2a38;border-color:#4a6b7c;color:#c3d1d9}[data-theme=dark] .studio-upload.is-drag{background:#2a3442}.studio-upload-box{position:relative}.studio-upload.is-drag{border:2px solid #b58548}.studio-upload.is-drag strong,.studio-upload.is-drag .studio-upload-icon{color:#7a4f1d}.studio-upload-remove{position:absolute;top:8px;right:8px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#1f2d36cc;color:#fff;cursor:pointer}.studio-upload-remove:hover,.studio-upload-remove:focus-visible{background:#1f2d36;outline:3px solid #b58548;outline-offset:2px}.studio-count{float:right;font-weight:400;color:#5a6c7d}.studio-generate{display:flex;align-items:center;gap:10px;padding:0 16px}.studio-credit-pill{margin-left:auto;padding:3px 8px;border-radius:4px;background:#b58548;color:#1f2d36;font:700 12px/1.3 Consolas,Roboto Mono,monospace;white-space:nowrap}.creative-button:not(.primary) .studio-credit-pill{background:#f3e6d3;color:#7a4f1d}.studio-generate:disabled .studio-credit-pill{opacity:.7}.studio-next{margin:8px 0 0!important}.studio-progress-note{grid-column:1 / -1;font:11px/1.4 Roboto,Segoe UI,sans-serif;color:#5a6c7d}.studio-progress-bar span{background:#b58548}.studio-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.studio-notice-text{flex:1 1 260px}.studio-notice.is-ok{border-top-color:#b7cdbf;background:#eef6f1;color:#24503a}.studio-notice.is-alert{border-top-color:#d9b98c;background:#fbf5ec;color:#5a3a15}.studio-notice.is-alert .studio-notice-text{font-weight:700}.studio-notice-tip{flex-basis:100%;order:3;color:#6b5132}.studio-notice-actions{margin-left:0}#studio-panel-play .studio-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}#studio-panel-play .studio-chips button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:58px;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #c7d3da;color:#2c3e50;text-align:left}#studio-panel-play .studio-chips button[aria-checked=true]{border:2px solid #b58548;background:#fbf5ec;color:#2c3e50;padding:7px 9px}#studio-panel-play .studio-chips strong{font-size:13px}#studio-panel-play .studio-chips small{padding:0;background:none;font:11px/1.3 Segoe UI,Roboto,sans-serif;color:#5a6c7d}.studio-steps{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:10px 20px;border-bottom:1px solid #d1d8dd;background:#f5f7f8;font:700 11px/1.4 Consolas,Roboto Mono,monospace;color:#5a6c7d}.studio-steps li{display:inline-flex;align-items:center;gap:6px}.studio-steps li>span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e1e9ed;color:#2f4a59}.studio-steps li.is-current{color:#1f2d36}.studio-steps li.is-current>span{background:#2f4a59;color:#fff}.studio-steps li.is-done>span{background:#b58548;color:#1f2d36}.studio-steps i{font-style:normal;color:#9fb1bc;margin-left:2px}[data-theme=dark] .studio-steps{background:#1f2a38;border-color:#4a6b7c;color:#c3d1d9}[data-theme=dark] #studio-panel-play .studio-chips button{background:#1f2a38;border-color:#4a6b7c;color:#e8eced}[data-theme=dark] #studio-panel-play .studio-chips button[aria-checked=true]{background:#2a3442;border-color:#b58548}[data-theme=dark] .studio-notice.is-ok{background:#1d3328;color:#cfe7d8}[data-theme=dark] .studio-notice.is-alert{background:#3a2e1f;color:#f0dcc0}@media(max-width:640px){#studio-panel-play .studio-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}#studio-panel-play .studio-chips button{flex:0 0 auto;min-height:44px;border-radius:22px;padding:0 14px;justify-content:center}#studio-panel-play .studio-chips button[aria-checked=true]{padding:0 13px}#studio-panel-play .studio-chips small{display:none}.studio-steps{padding:8px 12px;gap:4px;font-size:10px}.studio-steps i{display:none}.studio-form .studio-generate.primary{position:sticky;bottom:10px;z-index:5;min-height:50px;box-shadow:0 -6px 18px #2c3e5026,0 3px 9px #2c3e5020}.studio-upload-remove{width:40px;height:40px}}
