:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-image:radial-gradient(circle at 50% 0,#ffffff14,#0000 70%);background-attachment:fixed}body{min-height:100dvh;margin:0}*{box-sizing:border-box}input,button,textarea{font:inherit}.studio-shell{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100dvh;padding:40px 24px 120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.hero-band{text-align:center;flex-direction:column;align-items:center;max-width:800px;margin-bottom:40px;display:flex}.eyebrow{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}h1{background:linear-gradient(#fff 0%,#fff9 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0 0 16px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.1}.lede{color:#ffffff80;max-width:600px;margin:0 auto;font-size:16px;line-height:1.6}.status-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.status-pill,.progress-pill,.badge{color:#fffc;background:#ffffff08;border:1px solid #ffffff0a;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.status-draft,.status-queued{color:#93c5fd}.status-processing{color:#f9a8d4}.status-succeeded,.status-success{color:#86efac}.status-failed,.status-failure{color:#fca5a5}.workspace-grid{flex-direction:column;gap:40px;width:min(1000px,100%);display:flex}.panel{padding:0}.panel-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h2{color:#fff;margin:0 0 4px;font-size:20px;font-weight:600}.panel-head p,.field-hint{color:#fff6;margin:0;font-size:14px}.task-card,.preview-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293b66;border:1px solid #ffffff0f;border-radius:32px;padding:32px;box-shadow:0 20px 40px -10px #0000004d,inset 0 1px #ffffff0d}.preview-stack{gap:16px;display:grid}.preview-head,.task-topline{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.task-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px;display:grid}pre{color:#ffffffb3;background:#0f172a99;border:1px solid #ffffff08;border-radius:20px;margin:0;padding:20px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;overflow-x:auto}.mono,.result-url{font-family:JetBrains Mono,ui-monospace,monospace}.result-url{color:#ffffffe6;word-break:break-all}.progress-track{background:#ffffff0d;border-radius:99px;height:6px;margin:24px 0;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:99px;height:100%;transition:width .4s;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.player-container{background:#000;border:1px solid #ffffff14;border-radius:32px;margin-bottom:20px;overflow:hidden;box-shadow:0 30px 60px -10px #000c,0 0 40px #6366f126}.player{aspect-ratio:16/9;width:100%;display:block}.player-meta{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.empty-state{text-align:center;color:#ffffff4d;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.floating-console{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:100;background:#0f172abf;border:1px solid #ffffff1a;border-radius:32px;width:min(800px,100% - 48px);padding:24px;transition:width .25s,padding .25s,border-radius .25s;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a}.console-form{flex-direction:column;gap:16px;display:flex}.console-header{justify-content:space-between;align-items:center;min-height:30px;display:flex}.console-title{color:#ffffff7a;align-items:center;gap:7px;font-size:12px;display:inline-flex}.console-toggle{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:36px;padding:0;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.console-toggle:hover,.console-toggle:focus-visible{color:#fff;background:#818cf833;border-color:#a5b4fc73}.console-toggle:focus-visible{outline-offset:2px;outline:2px solid #a5b4fcbf}.console-collapsible{flex-direction:column;gap:16px;display:flex}.floating-console.is-collapsed{border-radius:16px;width:min(360px,100% - 48px);padding:10px 14px}.floating-console.is-collapsed .console-collapsible{display:none}.mode-toolbar{align-items:center;gap:12px;padding-left:4px;display:flex}.mode-toolbar .options-group-label{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mode-segmented .segmented-item{align-items:center;gap:6px;min-height:36px;display:inline-flex}.reference-image-panel{background:#0000002e;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:16px;padding:14px 16px;display:grid}.reference-image-fields{flex-direction:column;gap:8px;min-width:0;display:flex}.reference-image-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.image-input-segmented .segmented-item{min-height:30px;padding:5px 12px}.multi-image-url-list{flex-direction:column;gap:8px;display:flex}.add-image-btn{align-self:flex-start;min-height:34px;padding:7px 12px}.reference-image-fields input[type=file]{box-sizing:border-box;color:#ffffffb8;background:#0003;border:1px dashed #ffffff29;border-radius:14px;width:100%;min-height:44px;padding:10px 12px}.reference-image-fields input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#6366f1b8;border:0;border-radius:9px;margin-right:10px;padding:7px 10px}.uploaded-image-list{flex-wrap:wrap;gap:6px;display:flex}.uploaded-image-name{text-overflow:ellipsis;white-space:nowrap;color:#ffffff94;background:#ffffff0f;border-radius:8px;max-width:100%;padding:5px 8px;font-size:11px;overflow:hidden}.reference-image-previews{grid-template-columns:repeat(2,88px);align-self:start;gap:8px;display:grid}.input-with-icon{color:#ffffff6b;background:#0003;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding-left:16px;transition:all .25s;display:flex}.input-with-icon:focus-within{border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}.input-with-icon input{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding-left:0;padding-right:8px}.input-with-icon input:focus{box-shadow:none;background:0 0}.clear-input-btn{color:#ffffff85;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:4px;display:inline-flex}.clear-input-btn:hover{color:#fff;background:#ffffff14}.reference-image-preview{object-fit:cover;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;width:88px;height:66px}.console-main-row{align-items:flex-end;gap:12px;display:flex}.field{flex-direction:column;flex:1;gap:8px;display:flex}.field-label{color:#fff9;padding-left:4px;font-size:13px;font-weight:500}.field textarea,.field input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#0003;border:1px solid #0000;border-radius:20px;padding:16px 20px;transition:all .25s}.field textarea{resize:none;height:56px;line-height:24px}.field textarea:focus,.field input:focus{background:#0006;outline:none;box-shadow:0 0 0 2px #6366f180}.primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;height:56px;padding:0 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #6366f166}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 32px #6366f199}.primary-btn:disabled{box-shadow:none;color:#fff6;cursor:not-allowed;background:#ffffff1a;transform:none}.console-options-row{gap:24px;padding-left:4px;display:flex}.options-group{align-items:center;gap:8px;display:flex}.options-group-label{color:#fff6;margin-right:4px;font-size:13px}.segmented{background:#0003;border-radius:99px;padding:4px;display:flex}.segmented-item{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.segmented-item:hover{color:#fffc}.segmented-item.is-active{color:#fff;background:#ffffff26}.ghost-btn,.secondary-btn,.inline-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.ghost-btn:hover,.secondary-btn:hover,.inline-btn:hover{color:#fff;background:#ffffff14}.history-panel{border-top:1px solid #ffffff1a;padding:24px 0 8px}.history-panel-head,.history-toolbar,.history-title-row,.history-item,.history-item-actions{align-items:center;display:flex}.history-panel-head{justify-content:space-between;gap:20px;margin-bottom:18px}.history-title-row{gap:9px}.history-title-row h2{margin:0;font-size:18px}.history-title-row svg{color:#a5b4fc}.history-panel-head p{color:#ffffff6b;margin:6px 0 0 27px;font-size:12px}.history-count,.history-result-count{color:#ffffff73;font-size:12px}.history-count{text-align:center;color:#c7d2fe;background:#a5b4fc1f;border-radius:99px;min-width:24px;padding:3px 7px}.history-clear-btn{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #fca5a52e;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:7px 12px;transition:background .2s,border-color .2s;display:inline-flex}.history-clear-btn:hover{background:#fca5a514;border-color:#fca5a559}.history-toolbar{gap:12px;margin-bottom:6px}.history-search{color:#ffffff6b;background:#0003;border:1px solid #ffffff14;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:0;min-height:42px;padding:0 12px;display:flex}.history-search:focus-within{border-color:#818cf88c;box-shadow:0 0 0 2px #6366f129}.history-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:13px}.history-search-clear{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.history-result-count{white-space:nowrap;flex:none}.history-list{border-top:1px solid #ffffff0f;overflow:hidden}.history-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:14px;min-width:0;padding:10px 4px;transition:background .2s}.history-item:hover,.history-item.is-current{background:#6366f114}.history-item.is-current{box-shadow:inset 2px 0 #818cf8}.history-item-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:flex-start;gap:12px;padding:8px;display:flex}.history-item-main:hover{background:#ffffff0a}.history-item-icon{color:#c7d2fe;background:#818cf824;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:inline-flex}.history-item-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.history-item-copy strong{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.45;overflow:hidden}.history-item-meta,.history-item-id{color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.history-item-id{color:#ffffff47}.history-item-actions{flex:none;gap:5px}.history-status{white-space:nowrap;background:#ffffff0f;border-radius:6px;padding:4px 7px;font-size:11px}.history-status.status-succeeded,.history-status.status-success{color:#86efac}.history-status.status-processing{color:#f9a8d4}.history-status.status-queued,.history-status.status-draft{color:#93c5fd}.history-status.status-failed,.history-status.status-failure{color:#fca5a5}.danger-btn:hover{color:#fca5a5!important;background:#f871711a!important}.history-empty{color:#fff6;text-align:center;padding:28px 12px;font-size:13px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.floating-console.is-collapsed{width:min(260px,100% - 32px)}.mode-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.mode-segmented{width:100%}.mode-segmented .segmented-item{flex:1;justify-content:center}.reference-image-panel{grid-template-columns:1fr}.reference-image-preview{width:100%;height:140px}.reference-image-previews{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.console-main-row{flex-direction:column;align-items:stretch}.primary-btn{width:100%}.console-options-row{flex-wrap:wrap;gap:12px}.task-topline,.player-meta{flex-direction:column;align-items:flex-start;gap:12px}.history-panel-head{align-items:flex-start}.history-panel-head,.history-toolbar{flex-wrap:wrap}.history-panel-head>div:first-child{flex:220px;min-width:0}.history-toolbar{align-items:stretch}.history-search{flex-basis:100%}.history-result-count{text-align:right;width:100%}.history-item{align-items:flex-start;gap:6px}.history-item-actions{flex-direction:column;align-items:flex-end}.history-item-actions .inline-btn{justify-content:center;width:40px;height:40px;padding:0}.history-status{text-overflow:ellipsis;max-width:64px;overflow:hidden}}.options-grid{flex-wrap:wrap;gap:20px;display:flex}.model-select{box-sizing:border-box;color:#fff;width:100%;font:inherit;appearance:none;background:#0000004d;border:1px solid #0000;border-radius:14px;padding:12px 16px;transition:all .25s}.model-select:focus{border-color:#6366f180;outline:none;box-shadow:0 0 0 2px #6366f133}.model-select option{color:#fff;background:#1e293b;padding:8px}@media (width<=768px){.settings-group{flex-direction:column}}