:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--xc-bg:#070a12;--xc-bg-soft:#0c1120;--xc-surface:#11182b;--xc-surface-strong:#17213a;--xc-surface-hover:#1d2945;--xc-border:#33415f;--xc-border-strong:#6f63d9;--xc-text:#f7f8fc;--xc-text-muted:#c8d0e3;--xc-text-soft:#9da9c2;--xc-primary:#8b7cff;--xc-primary-strong:#7463f2;--xc-accent:#4ed9e8;--xc-accent-warm:#ff75c3;--xc-success:#43e6a8;--xc-warning:#f6c85f;--xc-danger:#ff7289;--xc-focus:#8ce9ff;--xc-gradient:linear-gradient(135deg, #7258ff 0%, #9a61ff 45%, #23d3ee 100%);--xc-gradient-text:linear-gradient(115deg, #fff 5%, #baa9ff 47%, #6eeaff 95%);--xc-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--xc-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--xc-space-1:.25rem;--xc-space-2:.5rem;--xc-space-3:.75rem;--xc-space-4:1rem;--xc-space-5:1.25rem;--xc-space-6:1.5rem;--xc-space-8:2rem;--xc-space-10:2.5rem;--xc-space-12:3rem;--xc-radius-sm:.55rem;--xc-radius-md:.9rem;--xc-radius-card:1.35rem;--xc-radius-pill:999px;--xc-shadow-card:0 22px 70px #00000052;--xc-shadow-glow:0 0 70px #7c5cff38;--xc-transition:.18s cubic-bezier(.22, .72, .24, 1);--xc-container:1180px}html{background:var(--xc-bg);scroll-behavior:smooth}body{min-width:320px;color:var(--xc-text);background:var(--xc-bg);font-family:var(--xc-font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}::selection{color:#fff;background:#7c5cff73}:focus-visible{outline:2px solid var(--xc-focus);outline-offset:3px}.xc-sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.xc-container{width:min(calc(100% - 2rem), var(--xc-container));margin-inline:auto}.xc-glass{border:1px solid var(--xc-border);box-shadow:var(--xc-shadow-card);background:linear-gradient(145deg,#151d33,#0f1628)}.xc-gradient-text{color:#0000;background:var(--xc-gradient-text);-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-width:320px;color:var(--xc-text);font-family:var(--xc-font-sans);background-color:#050713;background-image:radial-gradient(circle at 8% 2%,#7c5cff2b,#0000 28rem),radial-gradient(circle at 92% 16%,#28d7f31a,#0000 28rem);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0}button,input,textarea,select{font:inherit}.skip-link{z-index:200;color:#000;background:#fff;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.eyebrow{color:var(--xc-accent);font:700 .7rem var(--xc-font-mono);letter-spacing:.14em;text-transform:uppercase;display:block}.studio-header{z-index:60;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050713d1;border-bottom:1px solid #9ca9ff21;align-items:center;gap:1rem;min-height:4.4rem;padding:.7rem clamp(1rem,3vw,2.5rem);display:flex;position:sticky;top:0}.studio-brand{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:flex}.studio-brand img{width:2.45rem;height:2.45rem}.studio-brand span{align-items:baseline;gap:.5rem;display:flex}.studio-brand small{color:var(--xc-text-muted)}.studio-header__meta{gap:.5rem;margin-right:auto;display:flex}.status-dot,.model-chip{border:1px solid var(--xc-border);color:var(--xc-text-muted);border-radius:999px;padding:.42rem .65rem;font-size:.76rem}.status-dot:before{content:"";background:var(--xc-danger);border-radius:50%;width:.45rem;height:.45rem;margin-right:.4rem;display:inline-block}.status-dot.ok:before{background:var(--xc-success);box-shadow:0 0 12px var(--xc-success)}.studio-header nav{align-items:center;gap:.35rem;display:flex}.studio-header nav a,.studio-header nav button,.canvas-actions a,.canvas-actions button{color:var(--xc-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.65rem;padding:.55rem .72rem;text-decoration:none}.studio-header nav a:hover,.studio-header nav button:hover,.canvas-actions a:hover,.canvas-actions button:hover{color:var(--xc-text);background:#ffffff0f}.studio-header .key-button{color:#fff;background:#7c5cff24;border:1px solid #7c5cff73}.studio-shell{grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:1rem;max-width:1680px;margin:auto;padding:1.25rem;display:grid}.control-column,.canvas-column{min-width:0}.control-column{flex-direction:column;gap:1rem;display:flex}.control-intro{padding:1.5rem .35rem .5rem}.control-intro h1{letter-spacing:-.05em;margin:.35rem 0 .6rem;font-size:clamp(2rem,4vw,3.3rem);line-height:.98}.control-intro h1 em{background:var(--xc-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.control-intro p{color:var(--xc-text-muted);margin:0}.mode-tabs{border:1px solid var(--xc-border);background:#ffffff06;border-radius:.9rem;grid-template-columns:1fr 1fr;padding:.3rem;display:grid}.mode-tabs button{min-height:2.65rem;color:var(--xc-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.65rem}.mode-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#7c5cff40,#28d7f31f);box-shadow:inset 0 0 0 1px #8974ff47}.panel,.queue{border:1px solid var(--xc-border);background:linear-gradient(145deg,#0f132adb,#080b19d1);border-radius:1rem;padding:1.15rem;box-shadow:0 18px 50px #0000001f}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.section-heading h2,.canvas-top h2{margin:.15rem 0 0;font-size:1.05rem}.section-heading>span{color:var(--xc-text-soft);font:.72rem var(--xc-font-mono)}textarea,input,select{border:1px solid var(--xc-border);width:100%;color:var(--xc-text);background:#03050ead;border-radius:.7rem;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--xc-primary);box-shadow:0 0 0 3px #7c5cff1f}textarea{resize:vertical;min-height:9rem;padding:.9rem;line-height:1.6}.negative{min-height:5rem;margin-top:.65rem}.prompt-panel details summary,.advanced summary{color:var(--xc-text-muted);cursor:pointer;padding:.75rem 0}.template-row{gap:.45rem;padding-top:.5rem;display:flex;overflow:auto}.template-row button,.inline-action,.queue-item button,.history-item button,.history-drawer footer button,.mobile-params,.mobile-close{color:var(--xc-accent);cursor:pointer;background:0 0;border:0}.template-row button{border:1px solid var(--xc-border);color:var(--xc-text-muted);border-radius:999px;flex:none;padding:.5rem .65rem;font-size:.75rem}.field{color:var(--xc-text-muted);gap:.42rem;margin-bottom:.8rem;font-size:.82rem;display:grid}.field>span{justify-content:space-between;display:flex}.field input,.field select{min-height:2.65rem;padding:.55rem .7rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .7rem;display:grid}.field-grid .field:last-child:nth-child(odd){grid-column:1/-1}.advanced{border-top:1px solid var(--xc-border)}.advanced small{color:var(--xc-text-soft)}.muted{color:var(--xc-text-soft);font-size:.86rem}.upload-zone{gap:.6rem;display:grid}.upload-zone label{border:1px dashed var(--xc-border-strong);color:var(--xc-text-muted);cursor:pointer;border-radius:.75rem;gap:.25rem;padding:.8rem;display:grid;position:relative}.upload-zone label b{color:var(--xc-text)}.upload-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.submit-zone{gap:.5rem;display:grid}.submit-zone .xc-button{width:100%}.submit-zone small{color:var(--xc-text-soft);text-align:center}.notice,.form-error{color:#ffb4c0;background:#ff728917;border:1px solid #ff728959;border-radius:.7rem;padding:.7rem .85rem}.queue-item{border-top:1px solid var(--xc-border);grid-template-columns:1fr auto;gap:.5rem;padding:.75rem 0;display:grid}.queue-item>div{min-width:0}.queue-item b,.queue-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.queue-item span{color:var(--xc-text-soft);margin-top:.25rem;font-size:.76rem}.queue-item progress{grid-column:1/-1;width:100%;height:.3rem}.canvas-column{border:1px solid var(--xc-border);background:#080b197a;border-radius:1.25rem;min-height:calc(100vh - 7rem);padding:1.2rem}.canvas-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.canvas-actions{display:flex}.results{min-height:70vh}.empty-canvas{text-align:center;background:radial-gradient(circle at 50% 42%,#7c5cff17,#0000 18rem);border:1px dashed #8d99e638;border-radius:1rem;align-content:center;place-items:center;min-height:65vh;padding:3rem;display:grid}.empty-canvas h2{margin:.7rem 0 .4rem;font-size:clamp(1.5rem,3vw,2.35rem)}.empty-canvas p{max-width:40rem;color:var(--xc-text-muted);line-height:1.7}.empty-canvas>div{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.empty-canvas>div span{border:1px solid var(--xc-border);color:var(--xc-text-soft);border-radius:999px;padding:.5rem .7rem;font-size:.76rem}.empty-orbit{width:4.5rem;height:4.5rem;color:var(--xc-accent);border:1px solid #28d7f359;border-radius:50%;place-items:center;font-size:1.6rem;display:grid;box-shadow:0 0 60px #7c5cff4d}.masonry{columns:3 260px;column-gap:.8rem}.result-card{break-inside:avoid;border:1px solid var(--xc-border);background:#0b0f20;border-radius:.9rem;margin:0 0 .8rem;overflow:hidden}.image-button{width:100%;color:var(--xc-text);cursor:zoom-in;background:#070a16;border:0;padding:0;display:block}.image-button img{width:100%;height:auto;display:block}.result-card figcaption{justify-content:flex-end;gap:.4rem;padding:.55rem;display:flex}.result-card figcaption button{color:var(--xc-text-muted);cursor:pointer;background:#ffffff0e;border:0;border-radius:.5rem;padding:.4rem .6rem}.modal-backdrop,.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010208c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--xc-border-strong);width:min(520px,100%);box-shadow:var(--xc-shadow-card);background:#0b0f22;border-radius:1.2rem;padding:1.5rem;position:relative}.modal-card h2{margin:.35rem 0}.modal-card p{color:var(--xc-text-muted);line-height:1.6}.modal-card label{gap:.45rem;margin-top:1rem;display:grid}.modal-card input{min-height:3rem;padding:.7rem}.modal-card .check{grid-template-columns:auto 1fr;align-items:center;display:flex}.modal-card .check input{width:auto;min-height:auto}.modal-close{color:var(--xc-text);cursor:pointer;background:0 0;border:0;font-size:1.7rem;position:absolute;top:.65rem;right:.8rem}.modal-actions{align-items:center;gap:.7rem;margin-top:1.2rem;display:flex}.modal-actions a{color:var(--xc-accent);font-size:.82rem}.modal-actions .xc-button{margin-left:auto}.tour ol{gap:.7rem;padding:0;list-style:none;display:grid}.tour li{border:1px solid var(--xc-border);border-radius:.75rem;gap:.2rem;padding:.85rem;display:grid}.tour li span{color:var(--xc-text-muted);font-size:.86rem}.primary-wide{background:var(--xc-gradient);color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;min-height:3rem;font-weight:800}.preview section{max-width:min(92vw,1100px);max-height:92vh;position:relative}.preview img{border-radius:.8rem;max-width:90vw;max-height:78vh;display:block}.preview footer{align-items:center;gap:.5rem;padding:.7rem;display:flex}.preview footer p{margin-right:auto}.preview footer button{border:1px solid var(--xc-border);color:#fff;background:#0b0f22;border-radius:.6rem;padding:.55rem .75rem}.drawer-backdrop{place-items:stretch end;padding:0}.history-drawer{border-left:1px solid var(--xc-border);background:#090d1e;flex-direction:column;width:min(480px,100vw);height:100%;padding:1.2rem;display:flex}.history-drawer header{justify-content:space-between;display:flex}.history-drawer header h2{margin:.2rem 0}.history-drawer header button{color:#fff;background:0 0;border:0;font-size:1.8rem}.history-tools{grid-template-columns:1fr auto;gap:.55rem;margin:1rem 0;display:grid}.history-tools input,.history-tools select{min-height:2.6rem;padding:.5rem}.history-tools label{color:var(--xc-text-muted);grid-column:1/-1}.history-tools label input{width:auto;min-height:auto}.history-item{border-top:1px solid var(--xc-border);padding:.8rem 0}.history-item>button{text-align:left;width:100%;color:var(--xc-text);gap:.25rem;display:grid}.history-item span{color:var(--xc-text-soft);font-size:.78rem}.history-item div{gap:.6rem;margin-top:.5rem;display:flex}.history-drawer footer{gap:.8rem;margin-top:auto;padding-top:1rem;display:flex}.danger-link{color:var(--xc-danger)!important}.studio-footer{border-top:1px solid var(--xc-border);color:var(--xc-text-soft);justify-content:space-between;gap:1rem;padding:1rem 2rem;font-size:.75rem;display:flex}.mobile-params,.mobile-close{display:none}.off{color:var(--xc-danger)}@media (width<=980px){.studio-header__meta,.studio-header nav a,.studio-header nav button:not(.key-button){display:none}.studio-shell{grid-template-columns:1fr}.canvas-column{order:2;min-height:60vh}.control-column{order:1}.parameters{display:none}.parameters.mobile-open{z-index:80;border-radius:1.2rem 1.2rem 0 0;max-height:80vh;display:block;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -20px 80px #000}.mobile-params,.mobile-close{display:block}.mobile-params{border:1px solid var(--xc-border);min-height:2.8rem;color:var(--xc-text-muted);border-radius:.75rem}.results{min-height:48vh}.empty-canvas{min-height:46vh}.masonry{columns:2 220px}}@media (width<=580px){.studio-header{padding-inline:.8rem}.studio-brand small,.model-chip{display:none}.studio-shell{padding:.65rem}.control-intro{padding-top:.7rem}.control-intro h1{font-size:2.3rem}.canvas-column{padding:.75rem}.canvas-top{align-items:flex-start}.canvas-actions a{display:none}.field-grid{grid-template-columns:1fr}.masonry{columns:1}.studio-footer{flex-direction:column;padding:1rem}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions .xc-button{width:100%;margin:0}.history-tools{grid-template-columns:1fr}.studio-header nav{margin-left:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{background-color:var(--xc-bg);background-image:radial-gradient(circle at 8% 2%,#8b7cff1f,#0000 28rem),radial-gradient(circle at 92% 16%,#4ed9e812,#0000 28rem)}.studio-header{border-bottom-color:var(--xc-border);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b1020;box-shadow:0 8px 28px #00000038}.status-dot,.model-chip{color:var(--xc-text-muted);background:#11182b;border-color:#435372}.studio-header nav a:hover,.studio-header nav button:hover,.canvas-actions a:hover,.canvas-actions button:hover{background:var(--xc-surface-hover)}.studio-header .key-button{border-color:var(--xc-border-strong);color:var(--xc-text);background:#292456}.mode-tabs{background:#0c1222;border-color:#435372}.mode-tabs button[aria-selected=true]{color:#fff;box-shadow:none;background:#252d4b}.panel{border-color:var(--xc-border);background:var(--xc-surface);box-shadow:0 16px 44px #0000003d}.prompt-panel textarea,.field input,.field select,.history-tools input,.history-tools select,.modal-card input{min-height:44px;color:var(--xc-text);background:#0a1020;border:1px solid #435372;box-shadow:inset 0 1px #ffffff06}.prompt-panel textarea{min-height:150px}.prompt-panel textarea.negative{min-height:88px}textarea::placeholder,input::placeholder{color:#aab5cc;opacity:1}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{color:var(--xc-text);background:#0a1020}.field{color:var(--xc-text-muted)}.field>span{color:var(--xc-text);font-weight:650}.inline-action{color:var(--xc-accent)}.field select:focus,.field input:focus,.prompt-panel textarea:focus,.modal-card input:focus{border-color:var(--xc-primary);outline:0;box-shadow:0 0 0 3px #8b7cff2e}.parameters>.field:first-of-type select,.field-grid .field:nth-child(2) select{border-color:var(--xc-border-strong);background:#121933;font-weight:700}.canvas-column{border:1px solid var(--xc-border);border-radius:var(--xc-radius-card);background:#0c1222;box-shadow:0 18px 55px #0000003d}.canvas-top{border-bottom:1px solid var(--xc-border)}.empty-canvas{background:#0a1020;border-color:#435372}.submit-zone small,.advanced small,.muted,.studio-footer{color:var(--xc-text-soft)}.modal-backdrop,.drawer-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#010208e0}.modal-card{border-color:var(--xc-border-strong);background:#11182b}.modal-card p{color:var(--xc-text-muted)}.modal-card .credential-note{border-top:1px solid var(--xc-border);color:var(--xc-text-soft);text-align:center;margin:.9rem 0 0;padding-top:.85rem;font-size:.76rem}.history-drawer{border-left-color:var(--xc-border);background:#0c1222}.mobile-params{min-height:44px;color:var(--xc-text);background:#11182b;border-color:#435372}@media (width<=980px){.parameters.mobile-open{border:1px solid var(--xc-border);background:#11182b;box-shadow:0 -20px 70px #000000b8}}.xc-button[data-v-d162821c]{border-radius:var(--xc-radius-pill);cursor:pointer;transition:transform var(--xc-transition), box-shadow var(--xc-transition), background var(--xc-transition), border-color var(--xc-transition);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.xc-button[data-v-d162821c]:hover:not([aria-disabled=true]){transform:translateY(-2px)}.xc-button--sm[data-v-d162821c]{min-height:2.25rem;padding:.45rem .9rem;font-size:.86rem}.xc-button--md[data-v-d162821c]{min-height:2.75rem;padding:.65rem 1.2rem;font-size:.94rem}.xc-button--lg[data-v-d162821c]{min-height:3.25rem;padding:.78rem 1.55rem;font-size:1rem}.xc-button--primary[data-v-d162821c]{color:#fff;background:var(--xc-gradient);box-shadow:0 10px 32px #6e53ff47}.xc-button--primary[data-v-d162821c]:hover:not([aria-disabled=true]){box-shadow:0 14px 40px #6e53ff6b}.xc-button--secondary[data-v-d162821c]{color:var(--xc-text);border-color:var(--xc-border-strong);background:#ffffff0e}.xc-button--ghost[data-v-d162821c]{color:var(--xc-text-muted);background:0 0}.xc-button--ghost[data-v-d162821c]:hover:not([aria-disabled=true]){color:var(--xc-text);background:#ffffff0d}.xc-button--danger[data-v-d162821c]{color:#fff;background:#ff72892e;border-color:#ff72897a}.xc-button[aria-disabled=true][data-v-d162821c]{opacity:.55;cursor:not-allowed;transform:none}.xc-button__spinner[data-v-d162821c]{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite xc-spin-d162821c}@keyframes xc-spin-d162821c{to{transform:rotate(360deg)}}