:root{color-scheme:dark;--space-1: clamp(.25rem, .8vw, .375rem);--space-2: clamp(.5rem, 1.5vw, .75rem);--space-3: clamp(.75rem, 2.2vw, 1rem);--space-4: clamp(1rem, 2.8vw, 1.25rem);--space-5: clamp(1.15rem, 3.2vw, 1.5rem);--font-xs: clamp(.75rem, 2.4vw, .8125rem);--font-sm: clamp(.8125rem, 2.6vw, .875rem);--font-md: clamp(.9rem, 2.8vw, 1rem);--font-lg: clamp(1rem, 3.2vw, 1.125rem);--font-xl: clamp(1.05rem, 3.5vw, 1.25rem);--panel-pad: clamp(.75rem, 3.2vw, 1.125rem);--radius: clamp(.75rem, 2.5vw, 1rem);--touch-min: 2.75rem;--bg: #0b0b0d;--surface: #15151a;--sidebar: #15151a;--elevated: #1e1e26;--card: #1e1e26;--border: #2c2c35;--primary: #d4af37;--primary-bright: #f1d77a;--primary-deep: #9a7d23;--primary-strong: #9a7d23;--hover: #f1d77a;--secondary: #f1d77a;--ok: #22c55e;--ok-strong: #16a34a;--warn: #f59e0b;--warn-strong: #d97706;--danger: #ef4444;--danger-strong: #dc2626;--text: #ededed;--muted: #9b9690;--white: #ffffff;--black: #000000;--bg-elevated: var(--surface);--bg-soft: var(--card);--danger-bg: rgba(239, 68, 68, .14);--danger-border: rgba(239, 68, 68, .4);--danger-text: #fca5a5;--shadow: 0 0 0 1px rgba(212, 175, 55, .12), 0 18px 50px rgba(0, 0, 0, .55);--left-w: clamp(11.5rem, 18vw, 13.75rem);--right-w: clamp(17.5rem, 28vw, 21.25rem);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:100%;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(900px 480px at 12% -8%,rgba(212,175,55,.12),transparent 55%),radial-gradient(700px 400px at 90% 0%,rgba(34,197,94,.06),transparent 50%),var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html{height:100%;overflow-x:clip}html,body,#root{min-height:100%;min-height:100dvh;max-width:100%}body{margin:0;min-height:100%;min-height:100dvh;overflow-x:clip;overscroll-behavior-y:contain}#root{min-height:100dvh;max-width:100%;overflow-x:clip}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}.copy-mobile{display:inline}.copy-desktop{display:none}.btn-touch{min-height:var(--touch-min);min-width:var(--touch-min);padding-left:var(--space-3);padding-right:var(--space-3)}.brand{display:flex;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-3);min-width:0}.brand-inline{margin-bottom:0;align-items:center;gap:var(--space-2);min-width:0}.brand h1{margin:0;font-size:var(--font-xl);letter-spacing:-.02em}.brand-mark{width:clamp(2rem,8vw,2.25rem);height:clamp(2rem,8vw,2.25rem);border-radius:clamp(.5rem,2vw,.75rem);background:linear-gradient(135deg,var(--primary-bright),var(--primary) 55%,var(--primary-deep));box-shadow:0 0 0 1px #d4af3740,0 10px 30px #00000080;flex:0 0 auto}.muted{color:var(--muted);margin:0}.small{font-size:var(--font-sm)}.stack{display:grid;gap:var(--space-3)}.field{display:grid;gap:var(--space-1)}.field>span:first-child{font-size:var(--font-sm);color:var(--muted)}input,select,textarea{width:100%;max-width:100%;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);padding:.75rem .875rem;font:inherit;font-size:max(1rem,16px)}textarea{resize:vertical;min-height:clamp(6.5rem,28vw,8.5rem);max-height:min(50dvh,20rem)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(212,175,55,.55);outline-offset:1px;border-color:#d4af37a6}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:calc(var(--radius) - 2px);padding:.7rem .9rem;min-height:var(--touch-min);font:inherit;font-size:var(--font-md);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--primary-bright),var(--primary) 55%,var(--primary-deep));border-color:transparent;color:var(--bg);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-bright);color:var(--bg)}.btn-ghost{background:transparent}.btn-ghost:hover:not(:disabled){background:#d4af371a;border-color:#d4af3766;color:var(--primary-bright)}.btn-block{width:100%}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.row.between{justify-content:space-between}.topbar-actions{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:0 1 auto}.shell-center{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(var(--space-4),var(--safe-top)) max(var(--space-3),var(--safe-right)) max(var(--space-4),var(--safe-bottom)) max(var(--space-3),var(--safe-left))}.card{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);width:100%}.card-narrow{width:min(26.25rem,100%)}.studio-app{min-height:100vh;min-height:100dvh;height:auto;display:flex;flex-direction:column;overflow-x:clip;overflow-y:auto;max-width:100%;padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom)}.studio-chrome-mobile{position:sticky;top:0;z-index:10;flex:0 0 auto;background:#0b0b0df7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.studio-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--touch-min);padding:max(var(--space-2),var(--safe-top)) var(--panel-pad) var(--space-2) var(--panel-pad)}.studio-mobile-header .studio-brand{min-width:0;flex:1 1 auto}.studio-brand-text{min-width:0}.studio-brand-title{display:block;font-size:var(--font-md);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(62vw,14rem)}.studio-brand-subtitle{display:none;margin:0;line-height:1.2}.studio-account-menu{position:relative;flex:0 0 auto}.studio-account-menu-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);margin:0;padding:0;border:1px solid var(--border);border-radius:.75rem;background:#15151ae6;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .15s ease,background .15s ease,color .15s ease}.studio-account-menu-btn:hover,.studio-account-menu-btn.is-open{border-color:#d4af378c;color:var(--primary-bright);background:#d4af3714}.studio-account-menu-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.studio-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:1.125rem}.studio-hamburger span{display:block;height:1.5px;width:100%;border-radius:999px;background:currentColor;transition:transform .15s ease,opacity .15s ease}.studio-account-menu-btn.is-open .studio-hamburger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.studio-account-menu-btn.is-open .studio-hamburger span:nth-child(2){opacity:0}.studio-account-menu-btn.is-open .studio-hamburger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.studio-account-menu-panel{position:absolute;top:calc(100% + .4rem);right:0;z-index:20;min-width:11.5rem;max-width:min(18rem,80vw);padding:var(--space-2);border:1px solid rgba(212,175,55,.28);border-radius:.85rem;background:#121216fa;box-shadow:0 16px 40px #0000008c;display:grid;gap:var(--space-2)}.studio-account-menu-user{margin:0;padding:.15rem var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm)}.studio-account-menu-logout{width:100%;justify-content:center}.studio-mobile-tabs{display:flex;border-top:1px solid var(--border)}.studio-account{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.studio-account-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm)}.studio-account-logout{flex:0 0 auto}.studio-mobile-tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);padding:var(--space-2) var(--space-3);min-height:var(--touch-min);font:inherit;font-size:var(--font-md);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.studio-mobile-tab.is-active{color:var(--primary-bright);border-bottom-color:var(--primary)}.studio-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr;width:100%}.studio-left{display:none;flex-direction:column;min-height:0;background:var(--surface);border-right:1px solid var(--border)}.studio-left-head{flex:0 0 auto;position:sticky;top:0;z-index:2;padding:var(--space-3) var(--space-3) var(--space-2);background:var(--surface);border-bottom:1px solid var(--border)}.studio-left-mid{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--space-3) var(--space-2)}.studio-left-foot{flex:0 0 auto;position:sticky;bottom:0;z-index:2;padding:var(--space-2) var(--space-3) max(var(--space-2),var(--safe-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -10px 22px #0006}.studio-left-label{margin:0 var(--space-2) var(--space-2);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.studio-nav{display:grid;gap:var(--space-1)}.studio-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;border-radius:calc(var(--radius) - 2px);padding:var(--space-2) var(--space-3);min-height:var(--touch-min);cursor:pointer;font:inherit;display:grid;gap:2px;align-content:center;touch-action:manipulation}.studio-nav-item:hover:not(:disabled){background:#ffffff0a}.studio-nav-item.is-active{background:#d4af371f;border-color:#d4af3773}.studio-nav-item.is-disabled,.studio-nav-item:disabled{opacity:.45;cursor:not-allowed}.studio-nav-item-label{font-weight:600;font-size:var(--font-md)}.studio-nav-item-desc{display:none}.studio-main{min-width:0;min-height:0;display:grid;grid-template-columns:1fr;width:100%}.studio-main.mobile-show-result .studio-right,.studio-main.mobile-show-settings .studio-center{display:none}.studio-center{min-width:0;min-height:clamp(16rem,52dvh,36rem);display:flex;flex-direction:column;background:#0b0b0d8c;width:100%}.studio-center-body{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:var(--panel-pad);display:flex;flex-direction:column}.studio-right{min-width:0;min-height:clamp(18rem,58dvh,40rem);display:flex;flex-direction:column;background:#15151afa;width:100%}.studio-right-body{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:var(--panel-pad);padding-bottom:max(var(--space-4),var(--safe-bottom))}.settings-form{gap:var(--space-3)}.settings-actions{display:grid;gap:var(--space-2);position:sticky;bottom:0;z-index:3;margin-top:var(--space-2);padding:var(--space-3) 0 max(var(--space-3),var(--safe-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -12px 24px #0000008c;isolation:isolate}.settings-actions:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:1.25rem;pointer-events:none;background:linear-gradient(180deg,transparent,var(--surface));z-index:-1}.empty-result{min-height:clamp(12rem,40dvh,18rem);border:1px dashed var(--border);border-radius:var(--radius);display:grid;place-items:center;padding:var(--space-4);text-align:center}.empty-result-fill{flex:1 1 auto;min-height:clamp(14rem,46dvh,22rem)}.empty-result-idle{display:grid;gap:var(--space-2);max-width:min(22rem,100%)}.empty-result-title{margin:0;font-weight:600;font-size:var(--font-lg)}.empty-result-busy{border-style:solid;border-color:#d4af3766;background:#1e1e26a6}.result{display:grid;gap:var(--space-3)}.result-center{width:100%;max-width:min(57.5rem,100%);margin:0 auto}.result-image{width:100%;height:auto;max-width:100%;border-radius:var(--radius);border:1px solid var(--border);background:#000;display:block}.result-actions{justify-content:flex-start}.loading-panel{display:grid;gap:var(--space-2);justify-items:center;max-width:min(20rem,100%)}.loading-title{margin:0;font-weight:600;font-size:var(--font-md)}.spinner{width:2.25rem;height:2.25rem;border-radius:50%;border:3px solid rgba(148,163,184,.25);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{width:100%;height:.375rem;border-radius:999px;background:#94a3b826;overflow:hidden;margin-top:var(--space-1)}.progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-strong),var(--ok));transition:width .4s ease}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .65rem;min-height:1.75rem;font-size:var(--font-xs);border:1px solid var(--border);background:var(--bg-soft)}.badge-queued,.badge-running{color:var(--primary-bright);border-color:#d4af3759}.badge-succeeded{color:#4ade80;border-color:#22c55e59}.badge-failed{color:#f87171;border-color:#ef444459}.hint{font-size:var(--font-sm)}.hint.warn{color:var(--warn)}.muted-hint{color:var(--muted)}.banner{border-radius:calc(var(--radius) - 2px);padding:var(--space-3);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-3);max-width:100%}.banner-body{flex:1 1 12rem;min-width:0}.banner-dismiss{flex:0 0 auto}.banner p{margin:4px 0 0;overflow-wrap:anywhere}.banner-detail{margin:8px 0 0;padding-left:1.1rem;list-style:disc}.banner-detail li{margin:2px 0;overflow-wrap:anywhere;word-break:break-word}.banner-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.banner-warn{background:#fbbf241a;border:1px solid rgba(251,191,36,.35);color:#fde68a;border-radius:calc(var(--radius) - 2px);padding:var(--space-3);margin-bottom:var(--space-3)}.banner-warn p{margin:4px 0 0}.reference-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-dropzone{margin-top:var(--space-1);min-height:clamp(6.5rem,28vw,7.5rem);border-radius:var(--radius);border:1.5px dashed var(--border);background:var(--bg-soft);padding:var(--space-3);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.reference-dropzone:hover:not(.is-disabled),.reference-dropzone:focus-visible:not(.is-disabled){border-color:#d4af37a6;box-shadow:0 0 0 3px #d4af3726}.reference-dropzone.is-dragging{border-color:var(--primary);border-style:solid;background:#d4af371f;box-shadow:0 0 0 3px #d4af3738}.reference-dropzone.has-file{border-style:solid}.reference-dropzone.is-disabled{opacity:.6;cursor:not-allowed}.reference-dropzone-empty{display:grid;gap:var(--space-1);place-items:center;text-align:center;min-height:clamp(4.5rem,22vw,5.5rem);pointer-events:none}.reference-dropzone-title{margin:0;font-weight:600;color:var(--text);font-size:var(--font-md)}.reference-preview{display:flex;gap:var(--space-2);align-items:center;min-width:0}.reference-preview-in-dropzone{pointer-events:none}.reference-thumb{width:clamp(3.25rem,14vw,4rem);height:clamp(3.25rem,14vw,4rem);object-fit:cover;border-radius:.625rem;border:1px solid var(--border);background:#000;flex:0 0 auto}.reference-meta{min-width:0}.reference-meta p{margin:0;overflow-wrap:anywhere;word-break:break-word}@media(max-width:320px){.studio-mobile-header{padding-left:var(--space-2);padding-right:var(--space-2)}.studio-brand-title{max-width:min(48vw,9rem);font-size:var(--font-sm)}.studio-mobile-tab{font-size:var(--font-sm);padding:var(--space-2) var(--space-1)}}@media(min-width:321px)and (max-width:360px){.studio-brand-title{max-width:min(62vw,12rem)}.studio-mobile-tab{font-size:var(--font-sm);padding-left:var(--space-2);padding-right:var(--space-2)}}@media(min-width:430px)and (max-width:900px){.studio-center{min-height:clamp(18rem,54dvh,38rem)}.studio-right{min-height:clamp(20rem,60dvh,42rem)}}@media(max-height:480px)and (orientation:landscape){.studio-center,.studio-right{min-height:min(72dvh,100%)}.empty-result-fill{min-height:min(50dvh,14rem)}.studio-brand-subtitle{display:none}.settings-actions{position:static;box-shadow:none}.settings-actions:before{display:none}}@media(max-height:560px)and (orientation:portrait){.empty-result-fill{min-height:clamp(11rem,38dvh,16rem)}.studio-center{min-height:clamp(12rem,42dvh,20rem)}}@media(min-width:901px){.copy-mobile{display:none}.copy-desktop{display:inline}.studio-app{height:100vh;height:100dvh;overflow:hidden;padding-bottom:0}.studio-chrome-mobile{display:none}.studio-body{grid-template-columns:var(--left-w) minmax(0,1fr);min-height:0;flex:1 1 auto}.studio-left{display:flex;flex-direction:column;min-height:0;height:100%}.studio-left-head .brand-mark{width:2.5rem;height:2.5rem;border-radius:.75rem}.studio-left-head .studio-brand-title{font-size:var(--font-lg);max-width:none;white-space:normal}.studio-left-head .studio-brand-subtitle{display:block}.studio-account-sidebar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.studio-account-sidebar .studio-account-user{max-width:none;white-space:normal}.studio-account-sidebar .studio-account-logout{width:100%}.studio-nav-item-desc{display:block}.studio-main{grid-template-columns:minmax(0,1fr) var(--right-w)}.studio-main.mobile-show-result .studio-right,.studio-main.mobile-show-settings .studio-center{display:flex}.studio-center{min-height:0;border-right:1px solid var(--border)}.studio-center-body{padding:var(--space-4)}.studio-right{min-height:0}.studio-right-body{padding:var(--space-3) var(--space-4) var(--space-4)}.empty-result{min-height:17.5rem}.empty-result-fill{min-height:20rem}input,select,textarea{font-size:1rem}}@media(min-width:1101px){:root{--left-w: 13.75rem;--right-w: 21.25rem}}@media(min-width:901px)and (max-width:1100px){:root{--left-w: 12.5rem;--right-w: 18.75rem}}@media(min-width:1400px){.studio-body{max-width:100%}.result-center{max-width:56rem}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:var(--primary);opacity:.85}.progress-bar,.reference-dropzone{transition:none}}