@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ui-scale:1.08;--bg-app:#080c14;--bg-card:#111827a6;--bg-input:#0f172ad9;--input-border:#94a3b82e;--input-placeholder:#94a3b89e;--bg-sidebar:#0f172a;--main-content-bg:radial-gradient(circle at 50% 0%, #147b6914 0%, #080c1400 70%), var(--bg-app);--border-light:#ffffff14;--border-focus:#147b6966;--border-glow:#147b6933;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#147b69;--primary-gradient:linear-gradient(135deg, #147b69 0%, #1da38c 50%, #10b981 100%);--banana-gradient:linear-gradient(135deg, #f59e0b 0%, #eab308 50%, #ca8a04 100%);--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--shadow-glow:0 0 20px #147b6926;--shadow-premium:0 10px 30px -10px #00000080;--scrollbar-track:var(--bg-app);--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff4d;--surface-subtle:#ffffff0d;--surface-softer:#ffffff05;--surface-hover:#ffffff1a;--panel-accent-bg:#0f172a61;--toolbar-surface-bg:#0f172ab8;--control-bg:#ffffff0d;--control-hover-bg:#ffffff1a;--control-border-hover:#fff3;--nav-active-bg:#147b691f;--nav-hover-bg:#ffffff08;--sidebar-footer-bg:#00000026;--collapse-button-bg:#0f172af2;--logo-shadow:0 2px 10px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=day]{--bg-app:#f0f4f3;--bg-card:#ffffffdb;--bg-input:#fff;--input-border:#147b6933;--input-placeholder:#7a8b87;--bg-sidebar:#eaf2f0;--main-content-bg:radial-gradient(circle at 50% 0%, #10b9811c 0%, #f0f4f300 64%), linear-gradient(180deg, #f7fbfa 0%, #edf4f2 100%);--border-light:#147b6924;--border-focus:#147b6961;--border-glow:#147b6924;--text-primary:#0f172a;--text-secondary:#455c58;--text-muted:#627572;--primary:#147b69;--primary-gradient:linear-gradient(135deg, #147b69 0%, #1da38c 50%, #10b981 100%);--banana-gradient:linear-gradient(135deg, #d97706 0%, #ca8a04 50%, #a16207 100%);--success:#059669;--danger:#dc2626;--warning:#d97706;--shadow-glow:0 12px 28px #147b6929;--shadow-premium:0 16px 38px -26px #1e293b61;--scrollbar-track:#e1ebe8;--scrollbar-thumb:#147b6947;--scrollbar-thumb-hover:#147b696b;--surface-subtle:#0f172a0b;--surface-softer:#0f172a06;--surface-hover:#0f172a13;--panel-accent-bg:#f7fbfa;--toolbar-surface-bg:#fffffff0;--control-bg:#ffffffb8;--control-hover-bg:#f1f5f9f2;--control-border-hover:#147b6942;--nav-active-bg:#147b691f;--nav-hover-bg:#0f172a0e;--sidebar-footer-bg:#ffffff8f;--collapse-button-bg:#fffffff5;--logo-shadow:0 8px 22px #147b6929;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-ui-scale=standard]{--ui-scale:1}:root[data-ui-scale=comfortable]{--ui-scale:1.08}:root[data-ui-scale=large]{--ui-scale:1.16}:root[data-theme=day] .model-picker-card.active,:root[data-theme=day] .model-picker-card{background:#147b6912}:root[data-theme=day] .model-picker-summary p{color:#435166}:root[data-theme=day] .model-picker-chevron{color:#334155;background:#fff;border-color:#202d452e}:root[data-theme=day] .brand-kit-panel.closed,:root[data-theme=day] .product-set-panel.closed{background:#f8fbff}:root[data-theme=day] .brand-kit-panel.enabled{background:#0596691a}:root[data-theme=day] .product-set-panel.enabled{background:#147b6914}:root[data-theme=day] .brand-kit-title small,:root[data-theme=day] .product-set-header p,:root[data-theme=day] .product-set-template-summary span{color:#5f6f84}:root[data-theme=day] .brand-kit-status,:root[data-theme=day] .product-set-status{color:#475569;background:#fff;border-color:#202d452e}:root[data-theme=day] .brand-kit-status.enabled{color:#047857;background:#dff8ec;border-color:#05966959}:root[data-theme=day] .product-set-status.enabled{color:#0c574a;background:#e7f6f2;border-color:#147b6952}:root[data-theme=day] .local-edit-selection-toggle button,:root[data-theme=day] .local-edit-resolution-option{color:#334155;background:#fff}:root[data-theme=day] .local-edit-selection-toggle button.active,:root[data-theme=day] .local-edit-resolution-option.active{color:#111827;background:#e7f6f2}:root[data-theme=day] .local-edit-resolution-option em{color:#0c574a;background:#e7f6f2}:root[data-theme=day] .local-edit-resolution-option.active em{color:#0c574a;background:#dff8ec}:root[data-theme=day] .local-edit-toolbar{border-color:#202d451f;box-shadow:0 18px 34px -24px #1e293b6b}:root[data-theme=day] .resolution-preset-btn{color:#111827;background:#fff;border-color:#202d4524}:root[data-theme=day] .resolution-preset-btn.active{background:#e7f6f2;border-color:#147b69}:root[data-theme=day] .resolution-preset-btn span{color:#5f6f84}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);min-height:100vh;color:var(--text-primary);margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-premium);border-radius:16px}.app-container{--sidebar-width:260px;height:calc(100vh / var(--ui-scale));width:calc(100vw / var(--ui-scale));zoom:var(--ui-scale);display:flex;overflow:hidden}.app-container.sidebar-collapsed{--sidebar-width:76px}.sidebar-preference-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sidebar-preference-menu{position:relative}.sidebar-preference-trigger{border:1px solid var(--border-light);background:var(--control-bg);width:100%;min-width:0;min-height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.sidebar-preference-trigger:hover,.sidebar-preference-trigger[aria-expanded=true]{border-color:var(--border-focus);background:var(--nav-active-bg);color:var(--primary)}.sidebar-preference-scale-trigger{justify-content:space-between;padding:0 10px}.sidebar-preference-popover{z-index:80;border:1px solid var(--border-light);background:var(--toolbar-surface-bg);min-width:126px;box-shadow:var(--shadow-premium);border-radius:9px;gap:3px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.sidebar-preference-popover button{min-height:30px;color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.sidebar-preference-popover button:hover,.sidebar-preference-popover button.active{border-color:var(--border-focus);background:var(--nav-active-bg);color:var(--primary)}.sidebar-preference-popover button strong{width:24px;font-size:12px;line-height:1}.main-content{background:var(--main-content-bg);flex-direction:column;flex:1;height:100vh;padding:24px;display:flex;overflow-y:auto}.workspace-pane{flex:1;min-height:0;display:none}.workspace-pane.active{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=760px){.main-content{padding:14px}}h1{letter-spacing:-.5px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}h2{color:var(--text-primary);letter-spacing:-.2px;font-size:20px;font-weight:700}h3{color:var(--text-primary);font-size:15px;font-weight:600}p{color:var(--text-secondary);font-size:14px}.text-muted{color:var(--text-muted);font-size:12px}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{background:var(--bg-input);border:1px solid var(--input-border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff0a}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:1}input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:var(--control-border-hover)}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--border-glow);outline:none}:root[data-theme=day] input[type=text],:root[data-theme=day] input[type=password],:root[data-theme=day] input[type=number],:root[data-theme=day] textarea,:root[data-theme=day] select{border-color:var(--input-border);color:#111827;background:#fff;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1e293b0a}:root[data-theme=day] input[type=text]:focus,:root[data-theme=day] input[type=password]:focus,:root[data-theme=day] input[type=number]:focus,:root[data-theme=day] textarea:focus,:root[data-theme=day] select:focus{background:#fff;border-color:#147b69;box-shadow:0 0 0 3px #147b6924,0 1px 2px #1e293b0a}input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:16px;height:16px}input[type=range]{appearance:none;background:var(--border-light);border-radius:99px;outline:none;width:100%;height:6px;margin:12px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 8px #147b6980}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 25px #147b694d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--control-bg);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--control-hover-bg);border-color:var(--control-border-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-icon{background:var(--control-bg);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--control-hover-bg);color:var(--text-primary)}.settings-status-message{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.settings-status-message svg{flex-shrink:0}.settings-status-message.testing{color:#a7f3d0;background:#147b691f;border-color:#1da38c6b}.settings-status-message.success{color:#a7f3d0;background:#10b98121;border-color:#10b98170}.settings-status-message.error{color:#fecaca;background:#ef444421;border-color:#ef444470}.settings-status-spinner{border-width:2px;width:16px;height:16px}.settings-inline-note{color:var(--text-secondary);font-size:12px;font-weight:600}:root[data-theme=day] .settings-status-message.testing{color:#0c574a;background:#e6f4f0;border-color:#147b6957}:root[data-theme=day] .settings-status-message.success{color:#065f46;background:#e2f6ed;border-color:#05966961}:root[data-theme=day] .settings-status-message.error{color:#991b1b;background:#fef2f2;border-color:#dc262657}:root[data-theme=day] .settings-inline-note{color:#455c58}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.sidebar-account-row{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-account-balance{border:1px solid var(--border-light);background:var(--surface-softer);color:var(--primary);white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:5px;padding:5px 7px;font-size:10px;font-weight:800;display:inline-flex}.sidebar-account-balance.negative{color:var(--danger);background:#ef444414;border-color:#ef44443d}.login-gate-page{background:var(--main-content-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-gate-card{border:1px solid var(--border-light);background:var(--bg-card);width:min(100%,460px);box-shadow:var(--shadow-premium);border-radius:16px;padding:28px}.login-gate-card.register-mode{width:min(100%,460px);padding:24px}.login-gate-card.register-mode .login-gate-brand{margin-bottom:16px}.login-gate-card.register-mode .login-gate-tabs{margin-bottom:14px}.login-gate-card.register-mode form{gap:8px}.login-gate-card.register-mode label{margin-bottom:4px}.login-gate-brand{align-items:center;gap:13px;margin-bottom:22px;display:flex}.login-gate-brand img{width:42px;height:42px;box-shadow:var(--logo-shadow);border-radius:10px}.login-gate-brand h1{color:var(--text-primary);margin:0;font-size:20px;line-height:1.25}.login-gate-brand p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.login-gate-tabs{border:1px solid var(--border-light);background:var(--surface-softer);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.login-gate-tabs.three-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.login-gate-tabs button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.login-gate-tabs button.active{background:var(--primary);color:#fff}.login-gate-card form{flex-direction:column;gap:8px;display:flex}.login-gate-card label{color:var(--text-secondary);text-transform:none;letter-spacing:0;margin:3px 0 0}.login-gate-secret-field{position:relative}.login-gate-secret-field input{padding-right:46px}.login-gate-secret-field>button{background:var(--surface-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-gate-submit{background:var(--primary-gradient);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:800;display:inline-flex}.login-gate-submit:disabled{cursor:not-allowed;opacity:.55}.login-gate-notice,.login-gate-error{border-radius:8px;align-items:flex-start;gap:7px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.login-gate-notice{color:var(--warning);background:#f59e0b1a}.login-gate-error{color:var(--danger);background:#ef44441a}.login-gate-error svg{flex:none;margin-top:1px}.login-gate-success{color:var(--primary);background:#10b9811a;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45}.login-register-grid{grid-template-columns:1fr;row-gap:8px;display:grid}.login-register-grid>div{min-width:0}.login-verification-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.login-verification-row input{min-width:0}.login-verification-row button{border:1px solid var(--border-light);background:var(--surface-softer);min-width:86px;color:var(--primary);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.login-verification-row button:disabled{cursor:not-allowed;opacity:.5}.login-referral-field{width:100%;margin-top:2px;display:block}.login-referral-field label{margin-bottom:4px}.login-gate-footer{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0;padding-top:15px;font-size:11px;line-height:1.55;display:flex}.login-gate-footer button{color:var(--primary);font-weight:700;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:5px;display:inline-flex}.login-gate-footer button:hover{text-decoration:underline}@media (width<=560px){.login-gate-page{padding:12px}.login-gate-card{padding:20px}.login-gate-brand h1{font-size:17px}.login-gate-footer{align-items:flex-start}.login-gate-tabs button{padding-inline:6px;font-size:11px}.login-register-grid{gap:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.24s ease-out fadeInOnly}.grid-two-cols{grid-template-columns:minmax(400px,480px) minmax(520px,1fr);grid-template-areas:"controls canvas";justify-content:start;gap:20px;width:100%;height:100%;min-height:0;display:grid;position:relative}.grid-two-cols.animate-fade-in{animation-name:fadeInOnly;transform:none}.grid-two-cols.output-active,.grid-two-cols.output-active.preview-active,.grid-two-cols.output-idle{grid-template-columns:minmax(400px,480px) minmax(520px,1fr)}.grid-two-cols>.glass-panel{grid-area:controls}@media (width>=981px) and (width<=1420px){.grid-two-cols,.grid-two-cols.output-active,.grid-two-cols.output-active.preview-active,.grid-two-cols.output-idle{grid-template-columns:minmax(360px,400px) minmax(280px,1fr);grid-template-areas:"controls canvas";gap:16px;height:100%;min-height:0}.grid-two-cols>.glass-panel{min-height:0;max-height:none}.canvas-column{min-height:0;display:block}.canvas-placeholder-panel{min-height:0;display:flex}.canvas-placeholder-frame{min-height:300px}}@media (width<=980px){.grid-two-cols,.grid-two-cols.output-active,.grid-two-cols.output-active.preview-active,.grid-two-cols.output-idle{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""canvas";height:auto;min-height:0;overflow:visible!important}.grid-two-cols>.glass-panel{min-height:0;max-height:none}.output-column{min-height:0;overflow:visible}.grid-two-cols:not(.preview-active) .canvas-column,.grid-two-cols:not(.preview-active) .canvas-placeholder-panel{display:none}}.header-bar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.header-title-section{flex-direction:column;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.gallery-header{align-items:center;gap:12px;margin:0;padding:0 0 8px}.gallery-header .header-title-section{flex:0 188px;min-width:172px}.gallery-header .header-title-section h1{margin:0;font-size:22px;line-height:1.05}.gallery-header .header-title-section p{max-width:220px;margin-top:4px;font-size:11px;line-height:1.25}.gallery-toolbar{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.gallery-search-input{flex:176px;min-width:160px;max-width:320px;position:relative}.gallery-search-input svg{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.gallery-search-input input{padding:7px 10px 7px 32px;font-size:12px}.gallery-filter-controls{flex:0 auto;align-items:center;gap:6px;display:flex}.gallery-filter-controls select{width:112px;padding:7px 8px;font-size:12px}.gallery-clear-btn{white-space:nowrap;flex:0 0 34px;justify-content:center;width:34px;height:34px;padding:0;font-size:12px}.gallery-clear-btn span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.gallery-header{grid-template-columns:minmax(118px,.55fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}.gallery-toolbar{grid-template-columns:minmax(120px,1fr) minmax(0,auto) 34px;justify-content:stretch;align-items:center;width:auto;display:grid}.gallery-header .header-title-section{min-width:0}.gallery-header .header-title-section h1{font-size:18px}.gallery-header .header-title-section p{display:none}.gallery-search-input{width:auto;min-width:0;max-width:none}.gallery-filter-controls{grid-template-columns:14px minmax(84px,1fr) minmax(84px,1fr);width:auto;min-width:0;display:grid}.gallery-filter-controls select{width:auto;min-width:0}}@media (width<=620px){.gallery-header{grid-template-columns:minmax(0,1fr)}.gallery-toolbar{grid-template-columns:minmax(0,1fr) 34px}.gallery-search-input{grid-column:1/-1}.gallery-filter-controls{grid-template-columns:14px minmax(0,1fr) minmax(0,1fr)}}.model-card{border:1px solid var(--border-light);background:var(--surface-softer);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:all .2s;display:flex}.model-card:hover{background:var(--surface-subtle);border-color:var(--control-border-hover)}.model-card.active{border-color:var(--primary);background:var(--nav-active-bg);box-shadow:0 0 15px #147b691a}.model-picker-card{cursor:default;background:var(--nav-active-bg);margin-top:6px;padding:14px}.model-picker-card.collapsed{gap:0}.model-picker-summary{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:12px;padding:0;font-family:inherit;display:grid}.model-picker-summary span{align-items:center;gap:8px;min-width:0;display:flex}.model-picker-summary strong{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.model-picker-summary em{color:#fff;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px;font-style:normal;font-weight:800}.model-picker-summary p{color:var(--text-secondary);grid-column:1;margin:0;font-size:11px;line-height:1.4}.model-picker-chevron{border:1px solid var(--border-light);background:var(--control-bg);width:34px;height:34px;color:var(--text-primary);border-radius:999px;grid-area:1/2;justify-content:center;justify-self:end;align-items:center;display:inline-flex}.model-picker-summary:hover .model-picker-chevron{border-color:var(--border-focus);background:var(--nav-active-bg);color:var(--text-primary)}.model-select-section{position:relative}.model-explain-list{border-top:1px solid var(--border-light);gap:6px;margin-top:12px;padding-top:10px;display:grid}.model-explain-item{border:1px solid var(--border-light);background:var(--surface-softer);color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:8px;padding:10px 12px;display:grid}.model-explain-item.active{background:#147b6917;border-color:#147b697a}.model-explain-item span{justify-content:space-between;align-items:center;gap:8px;display:flex}.model-explain-item strong{color:var(--text-primary);font-size:12px}.model-explain-item p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.35}.section-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.section-label-row label{margin:0}.queue-inline-status{border:1px solid var(--border-light);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-family:inherit;font-size:11px;font-weight:700;transition:all .16s;display:inline-flex}.queue-inline-status:hover{color:var(--text-primary);background:#147b6914;border-color:#147b6959}.queue-inline-status.active{color:var(--text-primary);background:#147b691a;border-color:#147b6959}.tag-container{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:6px 10px;font-size:12px;transition:all .15s}.tag-btn:hover{color:var(--text-primary);background:#ffffff14}.tag-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.prompt-tag-edit-item{flex-direction:column;gap:6px;max-width:100%;display:flex}.tag-icon-btn{border:1px solid var(--border-light);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.tag-icon-btn:hover{color:var(--text-primary);background:#ffffff14}.tag-icon-btn.danger:hover{color:#fca5a5;border-color:#ef444480}.prompt-tag-edit-row,.prompt-tag-add-row{grid-template-columns:minmax(80px,.8fr) minmax(140px,1.4fr) auto;gap:6px;margin-top:8px;display:grid}.prompt-tag-edit-row{border:1px solid var(--border-light);background:#0f172a8c;border-radius:8px;grid-template-columns:minmax(80px,.8fr) minmax(140px,1.4fr) auto auto;width:min(100%,480px);padding:8px}.template-setup-panel{background:var(--surface-softer);border:1px solid #147b6938;border-radius:10px;gap:10px;padding:12px;display:grid}.template-setup-heading{border-bottom:1px solid var(--border-light);gap:2px;padding-bottom:8px;display:grid}.template-setup-heading span{color:var(--text-primary);font-size:13px;font-weight:800}.template-setup-heading small{color:var(--text-secondary);font-size:11px;line-height:1.4}.ecommerce-workflow-intro{background:var(--surface-softer);border:1px solid #147b6938;border-radius:12px;gap:12px;padding:12px 14px;display:grid}.ecommerce-intro-title{padding-right:34px;position:relative}.ecommerce-intro-title .ecommerce-guide-button{border-radius:50%;width:24px;height:24px;position:absolute;top:0;right:0}.ecommerce-intro-actions{align-items:center;gap:7px;display:flex}.ecommerce-starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ecommerce-starter-grid>button{border:1px solid var(--border-light);background:var(--control-bg);min-width:0;min-height:36px;color:var(--text-primary);text-align:center;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;font-weight:780;transition:border-color .16s,background .16s,transform .16s;display:flex}.ecommerce-starter-grid>button:hover,.ecommerce-starter-grid>button.active{background:#147b6914;border-color:#147b6985}.ecommerce-starter-grid>button:hover{transform:translateY(-1px)}.ecommerce-example-switch{border:1px solid var(--border-light);background:var(--control-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 6px 5px 8px;font-size:10px;font-weight:800;display:inline-flex}.ecommerce-example-switch input{opacity:0;pointer-events:none;position:absolute}.ecommerce-example-switch i{background:var(--surface-soft);width:26px;height:15px;box-shadow:inset 0 0 0 1px var(--border-light);border-radius:999px;transition:background .18s;position:relative}.ecommerce-example-switch i:after{content:"";background:var(--text-muted);border-radius:50%;width:11px;height:11px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.ecommerce-example-switch:has(input:checked){color:var(--primary);background:#147b6914;border-color:#147b6973}.ecommerce-example-switch input:checked+i{background:var(--primary)}.ecommerce-example-switch input:checked+i:after{background:#fff;transform:translate(11px)}.ecommerce-example-switch:focus-within{outline-offset:2px;outline:2px solid #147b6959}.ecommerce-example-notice{color:var(--primary);background:#147b6914;border:1px solid #147b6940;border-radius:8px;align-items:flex-start;gap:9px;padding:9px 10px;display:flex}.ecommerce-example-notice>div{gap:2px;display:grid}.ecommerce-example-notice strong{color:var(--text-primary);font-size:11px}.ecommerce-example-notice span{color:var(--text-secondary);font-size:10px;line-height:1.4}.ecommerce-demo-asset{background:#147b690f;border:1px dashed #147b6973;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.ecommerce-demo-asset img{object-fit:cover;background:var(--surface-subtle);border-radius:7px;flex:none;width:46px;height:46px}.ecommerce-demo-asset div{gap:3px;min-width:0;display:grid}.ecommerce-demo-asset strong{color:var(--primary);font-size:11px}.ecommerce-demo-asset span{color:var(--text-secondary);font-size:10px;line-height:1.4}.ecommerce-demo-asset>button{background:var(--surface-subtle);color:var(--primary);cursor:pointer;border:1px solid #147b6952;border-radius:7px;flex:none;padding:6px 8px;font-size:10px;font-weight:800}.ecommerce-demo-asset>button:hover{border-color:var(--primary);background:#147b6917}.ecommerce-optional-details{gap:12px;display:grid}.ecommerce-optional-details>summary{color:var(--text-primary);cursor:pointer;gap:3px;padding-right:20px;display:grid}.ecommerce-optional-details>summary::marker{color:var(--primary)}.ecommerce-optional-details>summary span{font-size:13px;font-weight:850}.ecommerce-optional-details>summary small{color:var(--text-secondary);font-size:11px;line-height:1.4}.ecommerce-brief-panel{background:linear-gradient(145deg, #147b691f, var(--surface-subtle));border:1px solid #147b694d;border-radius:12px;gap:12px;padding:14px;display:grid}.ecommerce-brief-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ecommerce-brief-heading>div{gap:3px;display:grid}.ecommerce-brief-heading span{color:var(--text-primary);font-size:14px;font-weight:850}.ecommerce-brief-heading small{color:var(--text-secondary);font-size:11px;line-height:1.45}.ecommerce-guide-button{border:1px solid var(--border-light);background:var(--control-bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ecommerce-guide-button:hover{border-color:var(--control-border-hover);color:var(--primary)}.ecommerce-guide{background:#147b6914;border:1px solid #147b6942;border-radius:9px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;display:flex}.ecommerce-guide-steps{gap:6px;display:grid}.ecommerce-guide-steps span{color:var(--text-secondary);align-items:baseline;gap:7px;font-size:11px;line-height:1.35;display:flex}.ecommerce-guide-steps b{background:var(--primary);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:inline-flex}.ecommerce-guide>button,.ecommerce-example-row button{border:1px solid var(--border-light);background:var(--control-bg);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:7px;font-size:10px;font-weight:750}.ecommerce-guide>button{flex:none;padding:6px 8px}.ecommerce-example-row{gap:7px;margin-bottom:9px;display:grid}.ecommerce-example-row>span,.ecommerce-brief-field>span{color:var(--text-muted);font-size:10px;font-weight:800}.ecommerce-example-row>div{flex-wrap:wrap;gap:7px;display:flex}.ecommerce-example-row button{padding:6px 8px}.ecommerce-example-row button:hover,.ecommerce-guide>button:hover{color:var(--primary);background:#147b691a;border-color:#147b6980}.ecommerce-brief-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ecommerce-brief-field{gap:6px;min-width:0;display:grid}.ecommerce-brief-field-wide{grid-column:1/-1}.ecommerce-brief-field textarea,.ecommerce-brief-field input,.ecommerce-brief-field select{width:100%;min-width:0;font-size:12px}.ecommerce-brief-field textarea{resize:vertical;min-height:78px}.ecommerce-version-toggle{border:1px solid var(--border-light);background:var(--surface-softer);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.ecommerce-version-toggle button{min-width:0;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 6px;font-size:11px;font-weight:800}.ecommerce-version-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 6px 16px #147b6938}.ecommerce-product-prompt{border:1px solid var(--border-light);background:var(--surface-softer);border-radius:10px;padding:12px}.ecommerce-example-brief{background:#147b6912;border:1px solid #147b693d;border-radius:9px;grid-template-columns:.8fr 1.4fr 1fr;gap:10px;margin:0 0 12px;padding:10px 12px;display:grid}.ecommerce-example-brief>div{align-content:start;gap:3px;display:grid}.ecommerce-example-brief strong{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.ecommerce-example-brief span{color:var(--text-secondary);font-size:11px;line-height:1.45}.template-plan-preview-panel.ecommerce-mode .template-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-plan-preview-panel.ecommerce-mode{container:ecommerce-preview/inline-size}.template-plan-card.example-active{border-color:#147b6947!important}.template-plan-card.example-active .template-plan-card-frame{min-height:200px}.ecommerce-example-copy{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;bottom:9px;left:9px;right:9px}.ecommerce-example-copy b{color:#d8fff6;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071211c2;border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal}.ecommerce-example-copy em{color:#17352e;background:#ffffffe6;border-radius:6px;max-width:94%;padding:5px 7px;font-size:9px;font-style:normal;font-weight:850;line-height:1.3;box-shadow:0 4px 14px #0f172a29}.ecommerce-medical-stage{z-index:4;color:#ecfffb;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#104d48db;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:850;position:absolute;top:34px;left:8px}.template-plan-expand-hint{z-index:4;color:#fff;opacity:0;pointer-events:none;background:#0f172aa3;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(3px)}.template-plan-card.clickable:hover .template-plan-expand-hint,.template-plan-card.clickable:focus-within .template-plan-expand-hint{opacity:1;transform:translateY(0)}.ecommerce-example-card-notes{border-top:1px solid var(--border-light);gap:6px;margin-top:5px;padding-top:7px;display:grid}.ecommerce-example-card-notes>div{grid-template-columns:66px minmax(0,1fr);align-items:start;gap:7px;display:grid}.ecommerce-example-card-notes b{color:var(--primary);font-size:10px;font-weight:800}.ecommerce-example-card-notes p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}@container ecommerce-preview (width>=1300px){.template-plan-preview-panel.ecommerce-mode .template-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container ecommerce-preview (width<=820px){.template-plan-preview-panel.ecommerce-mode .template-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container ecommerce-preview (width<=620px){.template-plan-preview-panel.ecommerce-mode .template-plan-grid{grid-template-columns:minmax(0,1fr)}}:root[data-theme=day] .ecommerce-brief-panel{background:linear-gradient(145deg,#147b691a,#fff)}@media (width<=760px){.ecommerce-brief-fields{grid-template-columns:minmax(0,1fr)}.ecommerce-brief-field-wide{grid-column:auto}.ecommerce-guide{flex-direction:column}.ecommerce-brief-heading{flex-wrap:wrap}.ecommerce-intro-actions{justify-content:space-between;width:100%}.ecommerce-starter-grid,.ecommerce-example-brief{grid-template-columns:minmax(0,1fr)}}.brand-kit-panel{border:1px solid var(--border-light);background:var(--surface-subtle);border-radius:8px;flex-direction:column;gap:12px;padding:10px 12px;display:flex}.brand-kit-panel.closed{background:var(--surface-softer)}.brand-kit-panel.enabled{background:#064e3b1f;border-color:#10b98152}.brand-kit-header,.brand-kit-title,.brand-kit-status,.brand-kit-active-title,.product-set-header,.product-set-title,.product-set-status{align-items:center;display:flex}.brand-kit-header,.product-set-header{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:12px;padding:0}.brand-kit-header:hover .brand-kit-icon,.product-set-header:hover .product-set-icon{background:#147b692e;border-color:#1da38c75}.brand-kit-title,.product-set-title{gap:9px;min-width:0}.brand-kit-icon,.product-set-icon{width:30px;height:30px;color:var(--primary);background:#147b691f;border:1px solid #147b6940;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-kit-title strong,.product-set-title strong{color:var(--text-primary);font-size:13px;display:block}.brand-kit-title small,.product-set-title small{color:var(--text-muted);font-size:10px;line-height:1.35;display:block}.brand-kit-status,.product-set-status{border:1px solid var(--border-light);background:var(--control-bg);color:var(--text-secondary);white-space:nowrap;border-radius:999px;gap:6px;padding:5px 8px;font-size:10px;font-weight:800}.brand-kit-status strong,.product-set-status strong{color:inherit;font-size:10px}.brand-kit-status.enabled{color:#a7f3d0;background:#10b9811f;border-color:#10b98157}.template-manager{border:1px solid var(--border-light);background:var(--surface-subtle);border-radius:8px;gap:8px;padding:10px;display:grid}.template-manager label{margin:0;font-size:10px}.template-manager-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.template-manager-row:first-of-type{grid-template-columns:minmax(0,1fr)}.template-manager-row input,.template-manager-row select{min-width:0;padding:8px 10px;font-size:12px}.template-manager-row .btn{white-space:nowrap;min-width:64px;padding:8px 10px;font-size:11px}.template-manager-icon-btn{width:34px;height:34px;padding:0}.template-manager-icon-btn:disabled{opacity:.36;cursor:not-allowed}.btn.danger-soft{color:#fca5a5}.btn.danger-soft:disabled,.btn-icon.danger-soft:disabled{color:#fca5a55c;cursor:not-allowed}.btn-icon.danger-soft{color:#fca5a5}.brand-kit-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.brand-kit-field{min-width:0}.brand-kit-field label{font-size:10px}.brand-kit-field input,.brand-kit-field textarea{padding:8px 10px;font-size:12px}.brand-kit-field textarea{resize:vertical;min-height:68px}.brand-color-swatches{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.brand-color-swatches span{border:1px solid #fff6;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #02061799}.brand-kit-active{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;padding-top:10px;display:flex}.brand-kit-active-title{color:var(--text-secondary);gap:6px;font-size:11px;font-weight:800}.brand-kit-active p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.brand-kit-constraint-list{flex-wrap:wrap;gap:6px;display:flex}.brand-kit-constraint-groups{gap:8px;display:grid}.brand-kit-constraint-group{gap:6px;display:grid}.brand-kit-constraint-heading{color:#a7f3d0;align-items:baseline;gap:8px;font-size:10px;font-weight:800;display:flex}.brand-kit-constraint-heading small{color:var(--text-muted);font-size:10px;font-weight:600}.brand-kit-constraint-group.negative .brand-kit-constraint-heading{color:#fcd34d}.brand-kit-chip{color:#a7f3d0;background:#10b9811a;border:1px solid #10b9814d;border-radius:999px;align-items:center;max-width:100%;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.brand-kit-chip.negative{color:#fcd34d;background:#f59e0b1c;border-color:#f59e0b59}.product-set-panel{border:1px solid var(--border-light);background:var(--surface-subtle);border-radius:8px;flex-direction:column;gap:12px;padding:10px 12px;display:flex}.product-set-panel.closed{background:var(--surface-softer)}.product-set-panel.enabled{background:#147b6912;border-color:#147b6952}.product-set-status,.brand-kit-status{flex-shrink:0}.product-set-status.enabled{color:#a7f3d0;background:#147b6929;border-color:#147b6966}.template-setup-panel .brand-kit-panel,.template-setup-panel .product-set-panel{box-shadow:none!important;background:0 0!important;border:none!important;padding:8px 0!important}.template-setup-panel .product-set-panel{border-top:1px dashed var(--border-light)!important;padding-top:16px!important}.template-setup-panel .brand-kit-panel.enabled,.template-setup-panel .product-set-panel.enabled,:root[data-theme=day] .template-setup-panel .brand-kit-panel,:root[data-theme=day] .template-setup-panel .product-set-panel,:root[data-theme=day] .template-setup-panel .brand-kit-panel.enabled,:root[data-theme=day] .template-setup-panel .product-set-panel.enabled{background:0 0!important;border:none!important}.template-setup-panel .brand-kit-status.enabled,.template-setup-panel .product-set-status.enabled{color:#a7f3d0;background:#147b6924;border-color:#147b6957}.product-set-toolbar{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.product-set-note{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b38;border-radius:8px;padding:8px 9px;font-size:10px;line-height:1.45}.product-set-template-list{gap:8px;display:grid}.product-set-template{border:1px solid var(--border-light);background:#02061738;border-radius:8px;gap:8px;padding:10px;display:grid}:root[data-theme=day] .product-set-template{background:#fff;border-color:#202d4529}:root[data-theme=day] .product-set-template:hover{background:#f8fcfb;border-color:#147b6952}:root[data-theme=day] .product-set-template.selected{background:#eaf6f3;border-color:#147b696b}:root[data-theme=day] .product-set-template-specs span,:root[data-theme=day] .product-set-policy-row span{color:#3f5652;background:#eef4f3}:root[data-theme=day] .product-set-policy-row span.enabled{color:#0c6657;background:#dff3ed}:root[data-theme=day] .product-set-policy-row span.disabled{color:#64748b;background:#f1f5f9}.product-set-template.selected{background:#147b6914;border-color:#147b6961}.product-set-template-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:8px;display:grid}.product-set-template-summary{gap:3px;min-width:0;display:grid}.product-set-template-summary strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.product-set-template-summary span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.product-set-edit-btn.active{color:#a7f3d0;background:#147b692e;border-color:#147b697a}.product-set-template-title{gap:6px;min-width:0;display:grid}.product-set-template-title input{border:1px solid var(--input-border);background:var(--bg-input);width:100%;min-height:30px;color:var(--text-primary);border-radius:7px;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:700}.product-set-template-title input+input{color:var(--text-muted);font-size:11px;font-weight:500}.product-set-template-controls{grid-template-columns:minmax(150px,1.2fr) minmax(80px,.55fr) minmax(132px,.9fr);gap:8px;display:grid}.product-set-template-specs{flex-wrap:wrap;gap:6px;display:flex}.product-set-template-specs span{min-height:22px;color:var(--text-secondary);background:#ffffff0b;border-radius:999px;align-items:center;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.product-set-template-controls label{gap:4px;margin:0;display:grid}.product-set-template-controls label span{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;font-size:9px;font-weight:700}.product-set-template-controls select{border:1px solid var(--input-border);background:var(--bg-input);width:100%;min-height:32px;color:var(--text-primary);border-radius:7px;padding:6px 8px;font-size:11px}.product-set-policy-row{flex-wrap:wrap;gap:6px;display:flex}.product-set-policy-row span{min-height:22px;color:var(--text-secondary);background:#ffffff0b;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.product-set-policy-row span.enabled{color:#a7f3d0;background:#147b691f}.product-set-policy-row span.disabled{color:#cbd5e1}.product-set-single-btn{width:100%;padding:7px 9px;font-size:11px}.product-set-panel .btn-primary:disabled,.product-set-single-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (width<=760px){.brand-kit-header{flex-direction:column;align-items:flex-start}.brand-kit-fields,.template-manager-row,.product-set-template-controls{grid-template-columns:minmax(0,1fr)}}.aspect-ratio-selector{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:6px;margin-top:8px;display:grid}.aspect-btn{border:1px solid var(--border-light);cursor:pointer;background:#ffffff08;border-radius:8px;grid-template-rows:24px 16px;justify-content:center;place-items:center;min-height:58px;padding:9px 4px 7px;transition:all .2s;display:grid}.aspect-btn:hover{background:#ffffff0f}.aspect-btn.active{border-color:var(--primary);color:var(--primary);background:#147b6914}.aspect-box{opacity:.8;border:2px solid;border-radius:2px;place-self:center}.aspect-ratio-label{font-variant-numeric:tabular-nums;place-self:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;line-height:1}.output-column{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.canvas-column{grid-area:canvas;min-height:min(760px,100vh - 100px)}.output-stage{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.output-stage .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:400px;padding:40px;display:flex}.image-viewer{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.image-container{cursor:zoom-in;-webkit-user-select:none;user-select:none;touch-action:none;background:#04060b;border-radius:12px;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.image-container img{object-fit:contain;will-change:transform;pointer-events:none;border-radius:8px;max-width:100%;max-height:100%;transition:transform 80ms ease-out}.image-container.zoomed{cursor:crosshair}.zoom-readout{color:var(--text-secondary);pointer-events:none;background:#020617b8;border:1px solid #ffffff1f;border-radius:999px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;bottom:12px;right:12px}.image-actions{justify-content:center;gap:12px;width:100%;margin-top:16px;display:flex}.job-queue-panel{width:100%;height:100%;max-height:min(760px,100vh - 100px);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617d1;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.job-empty-state{color:var(--text-muted);text-align:center;padding:18px 10px;font-size:12px}.preview-panel-shell{justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex}.preview-panel{border:1px solid var(--border-light);width:100%;height:100%;min-height:0;box-shadow:var(--shadow-premium);background:#0f172af5;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:16px;display:grid}.preview-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-panel-header h3{margin:0;font-size:15px}.preview-panel-header span{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.preview-image-container{min-height:0}.preview-actions{flex-wrap:wrap;margin-top:0}.canvas-placeholder-panel{border:1px solid var(--border-light);height:100%;min-height:520px;box-shadow:var(--shadow-premium);background:#0f172a94;border-radius:12px;padding:16px;display:flex}.canvas-placeholder-frame{text-align:center;background:linear-gradient(#0f172ab8,#0f172ab8),repeating-linear-gradient(45deg,#94a3b80f 0 1px,#0000 1px 12px);border:1px dashed #94a3b83d;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;min-width:0;height:100%;min-height:488px;padding:28px;display:flex}.canvas-placeholder-icon{width:46px;height:46px;color:var(--primary);background:#147b691f;border:1px solid #147b6947;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.canvas-placeholder-frame h3{margin:0;font-size:15px}.canvas-placeholder-frame p{max-width:280px;margin:0;font-size:12px}.template-plan-preview-panel{height:100%;min-height:520px;box-shadow:var(--shadow-premium);background:linear-gradient(#147b6914,#0f172a6b),#0f172aa8;border:1px solid #147b6933;border-radius:12px;flex-direction:column;gap:18px;padding:18px;display:flex;overflow:auto}.template-plan-preview-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.template-plan-kicker{color:var(--primary);margin-bottom:6px;font-size:11px;font-weight:800;display:inline-flex}.template-plan-preview-header h3{color:var(--text-primary);margin:0;font-size:18px}.template-plan-preview-header p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.template-plan-count{width:44px;height:44px;color:var(--primary);background:#147b691f;border:1px solid #147b6952;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:inline-flex}.template-plan-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.template-plan-card{border:1px solid var(--border-light);background:var(--surface-subtle);border-radius:10px;grid-template-rows:minmax(130px,.85fr) auto;min-width:0;display:grid;overflow:hidden}.template-plan-card.clickable{cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.template-plan-card.clickable:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #147b6926}.template-plan-card-frame{background:linear-gradient(#0f172aad,#0f172aad),repeating-linear-gradient(45deg,#147b6914 0 1px,#0000 1px 12px);border-bottom:1px dashed #94a3b838;justify-content:center;align-items:center;min-height:130px;display:flex;position:relative;overflow:hidden}.template-plan-card-frame:hover .template-card-hover-overlay{opacity:1!important}.template-card-hover-overlay{z-index:5;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.template-plan-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.template-plan-card.clickable:hover .template-plan-image{transform:scale(1.05)}.template-plan-card-frame span{width:42px;height:42px;color:var(--primary);background:#147b6929;border:1px solid #147b694d;border-radius:999px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:900;display:inline-flex}.template-plan-card-body{gap:7px;padding:12px;display:grid}.template-plan-card-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;display:block;overflow:hidden}.template-plan-card-target{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.template-plan-card-parameters{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 7px;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:1.35;display:flex}.template-plan-card-meta{flex-wrap:wrap;gap:6px;display:flex}.template-plan-card-meta span{color:var(--text-secondary);background:#147b691f;border-radius:999px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800}.template-plan-empty{border:1px dashed var(--border-light);min-height:260px;color:var(--text-secondary);border-radius:10px;align-content:center;place-items:center;gap:10px;display:grid}.template-plan-actions{border-top:1px solid var(--border-light);gap:12px;margin-top:auto;padding-top:14px;display:grid}.template-plan-error{color:#f87171;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;align-items:flex-start;gap:7px;margin-bottom:8px;padding:8px 9px;font-size:10px;line-height:1.45;display:flex}.template-plan-error svg{flex:none;margin-top:1px}.template-plan-actions p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}:root[data-theme=day] .image-container,:root[data-theme=day] .preview-panel,:root[data-theme=day] .job-queue-panel,:root[data-theme=day] .local-edit-canvas-container,:root[data-theme=day] .canvas-placeholder-panel,:root[data-theme=day] .template-plan-preview-panel{background:#f7fbfa;border-color:#147b6924}:root[data-theme=day] .preview-panel,:root[data-theme=day] .job-queue-panel,:root[data-theme=day] .canvas-placeholder-panel,:root[data-theme=day] .template-plan-preview-panel{box-shadow:0 18px 40px -28px #0f172a4d}:root[data-theme=day] .canvas-placeholder-frame{background:linear-gradient(#f7fbfadb,#f7fbfadb),repeating-linear-gradient(45deg,#147b6912 0 1px,#0000 1px 12px);border-color:#147b6933}:root[data-theme=day] .canvas-placeholder-icon{background:#10b9811a;border-color:#147b6938}:root[data-theme=day] .template-plan-card{background:#fff;border-color:#147b6924}:root[data-theme=day] .template-plan-card-frame{background:linear-gradient(#f7fbfad1,#f7fbfad1),repeating-linear-gradient(45deg,#147b6912 0 1px,#0000 1px 12px);border-bottom-color:#147b6929}:root[data-theme=day] .template-plan-card-meta span{color:#315447}@media (width<=1420px){.job-queue-panel{max-height:240px}}@media (width<=980px){.grid-two-cols:not(.preview-active) .canvas-column,.grid-two-cols:not(.preview-active) .canvas-placeholder-panel{display:none}}@media (width<=760px){.canvas-column,.canvas-placeholder-panel{min-height:360px}.canvas-placeholder-frame{min-height:328px}.preview-panel-shell{padding:12px}.preview-panel{gap:10px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:12px}.preview-panel-header{gap:10px}.preview-actions{gap:8px}.preview-actions .btn{flex:150px;padding:9px 10px}}.job-queue-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.job-queue-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#02060c99;animation:.2s ease-out fadeInOnly;position:fixed;inset:0}@media (width>=981px){.job-queue-backdrop{display:none!important}}.job-queue-container{z-index:1000;border-left:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c16f2;flex-direction:column;width:min(380px,100vw);animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #00000080}.job-queue-container .job-queue-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:16px;height:100%!important;max-height:none!important}@media (width>=981px) and (width<=1420px){.grid-two-cols.queue-open,.grid-two-cols.output-active.queue-open,.grid-two-cols.output-active.preview-active.queue-open,.grid-two-cols.output-idle.queue-open{grid-template-columns:minmax(360px,400px) minmax(280px,1fr);grid-template-areas:"controls canvas"}.grid-two-cols.queue-open .job-queue-container,.local-edit-grid.queue-open .job-queue-container{z-index:20;background:var(--bg-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;width:min(300px,100% - 416px);min-width:260px;height:100%;animation:.22s cubic-bezier(.16,1,.3,1) forwards slideInFromCanvasLeft;position:absolute;top:0;bottom:0;left:min(416px,100% - 280px);box-shadow:0 18px 48px #0f172a38}}@media (width>=1421px){.grid-two-cols.queue-open{grid-template-columns:minmax(360px,400px) minmax(260px,320px) minmax(280px,1fr);grid-template-areas:"controls queue canvas"}.grid-two-cols.queue-open .job-queue-container{grid-area:queue}.local-edit-grid.queue-open{grid-template-columns:minmax(300px,400px) minmax(260px,320px) minmax(320px,1fr)}.local-edit-grid.queue-open .job-queue-container{grid-area:1/2}.local-edit-grid.queue-open .local-edit-stage{grid-area:1/3}.grid-two-cols .job-queue-container,.local-edit-grid .job-queue-container{z-index:auto;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;box-shadow:var(--shadow-premium);background:#ffffff04;border-radius:12px;height:100%;animation:none;position:relative;top:auto;bottom:auto;right:auto}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInFromCanvasLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.job-queue-header strong{color:var(--text-primary);font-size:12px;display:block}.job-queue-header span{color:var(--text-muted);margin-top:2px;font-size:10px;display:block}.job-list{flex-direction:column;flex:1;align-items:stretch;gap:8px;min-height:0;padding-bottom:2px;display:flex;overflow:hidden auto}@media (width>=981px) and (width<=1420px){.canvas-column,.canvas-placeholder-panel{min-height:0}.canvas-placeholder-frame{min-height:300px}}.job-item{border:1px solid var(--border-light);width:100%;color:var(--text-primary);background:#ffffff09;border-radius:8px;flex:none;grid-template-columns:minmax(0,1fr) 28px;gap:8px;min-height:104px;padding:8px;display:grid;position:relative}.job-item.locked{grid-template-columns:minmax(0,1fr)}.job-item.clickable .job-item-select{cursor:pointer}.job-item:hover{background:#ffffff0f;border-color:#ffffff2e}.job-item-select{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:7px;padding:0;font-family:inherit;display:flex}.job-item-select:disabled{cursor:default}.job-delete-button{border:1px solid var(--border-light);background:var(--control-bg);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-self:start;align-items:center;transition:all .16s;display:inline-flex}.job-delete-button:hover{color:#fca5a5;background:#ef44441f;border-color:#ef44446b}.job-item-main,.job-meta{align-items:center;gap:8px;display:flex}.job-item-main{justify-content:space-between}.job-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);font-size:11px;font-weight:700;overflow:hidden}.job-status-pill{border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.job-status-pill.queued{color:#fbbf24;background:#f59e0b1f}.job-status-pill.submitted{color:#5eead4;background:#14b8a61f}.job-status-pill.generating{color:#38bdf8;background:#0ea5e91f}.job-status-pill.generating svg{animation:1.2s linear infinite spin}.job-status-pill.completed{color:#34d399;background:#10b9811f}.job-status-pill.timeout{color:#f59e0b;background:#f59e0b24}.job-status-pill.failed{color:#f87171;background:#ef44441f}.job-meta{color:var(--text-muted);flex-wrap:wrap;font-size:10px}.job-item p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.ecommerce-card-job-status{border-top:1px solid var(--border-light);color:var(--text-secondary);flex-direction:column;gap:5px;margin-top:6px;padding-top:7px;display:flex}.ecommerce-card-job-status-row,.ecommerce-card-job-status-row span{align-items:center;display:flex}.ecommerce-card-job-status-row{justify-content:space-between;gap:8px;font-size:10px;font-weight:700}.ecommerce-card-job-status-row span{gap:5px}.ecommerce-card-job-status-row small{color:var(--text-muted);font:inherit;font-size:9px}.ecommerce-card-job-progress{background:var(--surface-hover);border-radius:999px;height:4px;overflow:hidden}.ecommerce-card-job-progress i{border-radius:inherit;background:var(--primary-gradient);height:100%;transition:width .28s;display:block}.ecommerce-card-job-status.generating .ecommerce-card-job-status-row svg{animation:1.2s linear infinite spin}.ecommerce-card-job-status.completed .ecommerce-card-job-progress i{background:var(--success)}.ecommerce-card-job-status.failed .ecommerce-card-job-progress i,.ecommerce-card-job-status.timeout .ecommerce-card-job-progress i{background:var(--danger)}.ecommerce-card-job-status p{color:var(--danger);margin:0;font-size:9px;line-height:1.35}@media (resolution<=1.5x){:root{text-rendering:auto;-webkit-font-smoothing:subpixel-antialiased}:root[data-theme=day]{--text-secondary:#364f4a;--text-muted:#516762}small,.text-muted,.job-meta,.template-plan-card-body{font-weight:500}}.loading-overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c14d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.spinner{border:3px solid #147b691a;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tips-carousel{text-align:center;max-width:320px;padding:0 16px}.params-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.resolution-preset-grid{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.resolution-preset-btn{border:1px solid var(--border-light);background:var(--control-bg);min-width:128px;min-height:34px;color:var(--text-primary);cursor:pointer;border-radius:8px;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:inline-grid}.resolution-preset-btn.active{border-color:var(--primary);background:var(--nav-active-bg)}.resolution-preset-btn strong{color:var(--text-primary);font-size:11px;line-height:1}.resolution-preset-btn span{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px;line-height:1}.file-upload-zone{border:2px dashed var(--border-light);text-align:center;cursor:pointer;background:#ffffff03;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;transition:all .2s;display:flex}.file-upload-zone:hover{border-color:var(--primary);background:#147b6905}.file-upload-preview{aspect-ratio:1;background:#04060b;border-radius:8px;width:100%;position:relative;overflow:hidden}:root[data-theme=day] .file-upload-preview{background:#e9f5f2}.file-upload-preview img{object-fit:contain;width:100%;height:100%}.local-edit-source-strip{aspect-ratio:auto;border:1px solid var(--border-light);height:72px}.file-upload-clear{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.reference-image-panel{border:1px solid var(--border-light);background:#ffffff05;border-radius:10px;flex-direction:column;gap:8px;padding:9px 10px;display:flex}.reference-image-header{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.reference-image-grid{grid-template-columns:repeat(auto-fill,minmax(76px,92px));align-items:stretch;gap:8px;display:grid}.reference-image-index{color:var(--text-secondary);background:#020617b8;border:1px solid #ffffff1f;border-radius:999px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:8px;left:8px}.reference-add-card{aspect-ratio:1;border:1px dashed var(--border-light);width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff06;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:flex}.reference-add-card:hover{border-color:var(--primary);color:var(--text-primary);background:#147b690f}.reference-preview-open{width:100%;height:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;position:relative}.reference-preview-open img{object-fit:contain;width:100%;height:100%}.reference-preview-zoom{color:#fff;background:#020617b8;border:1px solid #ffffff29;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;bottom:6px;right:6px}.reference-role-section{flex-direction:column;gap:10px;display:flex}.reference-role-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.reference-role-title-row label{margin:0}.reference-upload-mode-toggle{border:1px solid var(--border-light);background:var(--surface-softer);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.reference-upload-mode-toggle button{min-width:0;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:800}.reference-upload-mode-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 8px 20px #147b6938}.reference-role-summary{color:var(--text-muted);font-size:11px;line-height:1.45}.reference-format-error{color:#fca5a5;background:#ef444417;border:1px solid #ef444459;border-radius:8px;align-items:flex-start;gap:7px;padding:8px 10px;font-size:11px;line-height:1.4;display:flex}.reference-role-grid-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.reference-free-panel{border:1px solid var(--border-light);background:#ffffff06;border-radius:9px;padding:10px;transition:all .2s}.reference-free-panel.drag-active{border-color:var(--primary);background:#147b691a;box-shadow:0 0 0 1px #147b693d}.reference-free-empty{border:1px dashed var(--border-light);width:100%;min-height:126px;color:var(--text-secondary);font:inherit;cursor:pointer;background:#02061738;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.reference-free-empty small{color:var(--text-muted);font-size:10px;font-weight:700}.reference-free-empty:hover{border-color:var(--primary);color:var(--text-primary);background:#147b690f}:root[data-theme=day] .reference-free-empty{background:#147b6909}.reference-free-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;display:grid}.reference-preview-card{border:1px solid var(--border-light)}.reference-preview-card:hover{border-color:#147b69b3}.reference-role-card{border:1px solid var(--border-light);background:#ffffff06;border-radius:8px;flex-direction:column;gap:9px;min-width:0;padding:10px;display:flex}.reference-role-card.role-product{background:#147b690e;border-color:#147b6952}.reference-role-card.drag-active{border-color:var(--primary);background:#147b691f;box-shadow:0 0 0 1px #147b6959,inset 0 0 0 1px #ffffff14}.reference-role-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.reference-role-header strong{color:var(--text-primary);font-size:11px;line-height:1.25;display:block}.reference-role-header span{color:var(--text-muted);margin-top:3px;font-size:9px;line-height:1.35;display:block}.reference-format-hint{color:var(--text-secondary);font-size:10px;line-height:1.35}.field-hint{color:var(--text-muted);margin-top:5px;font-size:10px;line-height:1.35;display:block}.reference-role-empty{border:1px dashed var(--border-light);min-height:86px;color:var(--text-secondary);cursor:pointer;background:#0206173d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:flex}.reference-role-empty small{color:var(--text-muted);font-size:9px;font-weight:600}.reference-role-empty:hover{border-color:var(--primary);color:var(--text-primary);background:#147b690f}.reference-role-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:7px;display:grid}.file-upload-generic{width:100%;height:100%;color:var(--text-secondary);background:#0f172ab8;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}@media (width<=760px){.reference-role-grid-panel{grid-template-columns:minmax(0,1fr)}}.local-edit-grid{grid-template-columns:minmax(300px,400px) minmax(320px,1fr);gap:16px;width:100%;height:100%;min-height:520px;display:grid;position:relative}.local-edit-controls{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex;overflow-y:auto}.local-edit-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.local-edit-header>div{min-width:0}.local-edit-queue-dock .job-queue-panel{height:auto;max-height:260px;box-shadow:none}.local-edit-stage{min-width:0;min-height:420px}.local-edit-stage.has-artwork{height:100%}.local-edit-stage.is-outpaint .image-viewer{justify-content:stretch;align-items:stretch;padding:16px}.local-edit-stage.is-empty{align-self:start;height:auto;min-height:0}.local-edit-stage.is-empty .image-viewer{display:none}.local-edit-canvas-container{border:1px solid var(--border-light);background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);border-radius:12px;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.local-edit-brush-preview{z-index:4;pointer-events:none;background:#f43f5e2e;border:2px solid #fffffff2;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172aa6,0 0 24px #f43f5e47}.local-edit-brush-preview.erase{background:#94a3b829;border-style:dashed;box-shadow:0 0 0 1px #0f172ab3,0 0 20px #94a3b838}.local-edit-brush-preview.protect{background:#22c55e2e;box-shadow:0 0 0 1px #0f172aa6,0 0 24px #22c55e47}.local-edit-model-panel{background:#0f172a6b;border:1px solid #1da38c2e;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.local-edit-model-header{flex-direction:column;gap:4px;display:flex}.local-edit-model-header label{margin:0}.local-edit-model-header span,.local-edit-model-caution{color:var(--text-secondary);font-size:11px;line-height:1.45}.local-edit-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.local-edit-model-option{border:1px solid var(--border-light);min-height:78px;color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff09;border-radius:9px;flex-direction:column;gap:6px;padding:10px;display:flex}.local-edit-model-option.active{border-color:var(--primary);color:var(--text-primary);background:#147b692e}.local-edit-model-option-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.local-edit-model-option strong{color:var(--text-primary);font-size:12px;line-height:1.2}.local-edit-model-option em{color:#a7f3d0;background:#1da38c24;border-radius:999px;flex:none;padding:2px 5px;font-size:10px;font-style:normal;font-weight:800;line-height:1.2}.local-edit-model-option span:last-child{font-size:11px;line-height:1.35}.local-edit-model-caution{color:#fde68a;background:#fbbf2412;border:1px solid #fbbf2433;border-radius:8px;padding:8px 10px}.local-edit-model-caution.stable{color:#bbf7d0;background:#10b98112;border-color:#10b98133}.local-edit-selection-panel{background:var(--panel-accent-bg);border:1px solid #1da38c33;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.local-edit-selection-panel label{margin:0}.local-edit-selection-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.local-edit-selection-toggle button{border:1px solid var(--border-light);min-height:68px;color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff09;border-radius:9px;flex-direction:column;gap:4px;padding:10px;display:flex}.local-edit-selection-toggle button.active{border-color:var(--primary);color:var(--text-primary);background:#147b692e}.local-edit-selection-toggle strong{color:var(--text-primary);font-size:12px}.local-edit-selection-toggle span{font-size:11px;line-height:1.35}.local-edit-intent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.local-edit-intent-tile{border:1px solid var(--border-light);background:var(--surface-subtle);min-width:0;min-height:54px;color:var(--text-primary);text-align:center;cursor:pointer;border-radius:8px;padding:8px;font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;transition:all .18s}.local-edit-intent-tile:hover{border-color:var(--control-border-hover);background:var(--control-hover-bg)}.local-edit-intent-tile.active{border-color:var(--primary);background:var(--nav-active-bg);color:var(--primary)}.local-edit-resolution-grid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;display:grid}.local-edit-resolution-option{border:1px solid var(--border-light);min-width:0;min-height:56px;color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff09;border-radius:9px;flex-direction:column;gap:4px;padding:10px;display:flex}.local-edit-resolution-option.active{border-color:var(--primary);color:var(--text-primary);background:#147b692e}.local-edit-resolution-option-top{flex-direction:column;gap:4px;min-width:0;display:flex}.local-edit-resolution-option strong{color:var(--text-primary);font-size:12px;line-height:1.2}.local-edit-resolution-option em{color:#a7f3d0;overflow-wrap:anywhere;background:#1da38c24;border-radius:6px;width:fit-content;max-width:100%;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:10px;font-style:normal;font-weight:800;line-height:1.2}@media (width<=560px){.local-edit-model-grid,.local-edit-selection-toggle,.local-edit-resolution-grid{grid-template-columns:minmax(0,1fr)}}.outpaint-settings-panel{background:var(--surface-softer);border:1px solid #1da38c3d;border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.outpaint-stage-panel{flex:1;width:100%;height:100%;min-height:0;padding:16px}.outpaint-settings-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.outpaint-settings-header label{margin-bottom:2px}.outpaint-settings-header .text-muted{font-size:11px;line-height:1.35;display:block}.outpaint-resolution-badge{color:#a7f3d0;white-space:nowrap;border:1px solid #1da38c42;border-radius:7px;flex:none;padding:4px 7px;font-family:JetBrains Mono,monospace;font-size:10px}.outpaint-canvas-control{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.outpaint-stage-panel .outpaint-canvas-control{flex:1;grid-template-columns:minmax(320px,1.35fr) minmax(220px,.65fr);min-height:0}.outpaint-preview-shell,.outpaint-edge-controls{min-width:0}.outpaint-preview-frame{aspect-ratio:1.28;background:repeating-linear-gradient(90deg,#1da38c14 0 1px,#0000 1px 14px),repeating-linear-gradient(0deg,#1da38c14 0 1px,#0000 1px 14px),#02061747;border:1px solid #1da38c47;border-radius:8px;width:100%;min-height:142px;max-height:190px;position:relative;overflow:hidden}.outpaint-stage-panel .outpaint-preview-frame{height:100%;min-height:360px;max-height:none}.outpaint-generated-area{z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,#1da38c1a 0 1px,#0000 1px 12px),repeating-linear-gradient(0deg,#1da38c1a 0 1px,#0000 1px 12px),#147b694d;position:absolute}.outpaint-generated-area.left{left:calc(var(--outpaint-source-left) - var(--outpaint-left-size));top:var(--outpaint-source-top);width:var(--outpaint-left-size);height:var(--outpaint-source-height)}.outpaint-generated-area.right{left:calc(var(--outpaint-source-left) + var(--outpaint-source-width));top:var(--outpaint-source-top);width:var(--outpaint-right-size);height:var(--outpaint-source-height)}.outpaint-generated-area.top{left:calc(var(--outpaint-source-left) - var(--outpaint-left-size));top:calc(var(--outpaint-source-top) - var(--outpaint-top-size));width:calc(var(--outpaint-source-width) + var(--outpaint-left-size) + var(--outpaint-right-size));height:var(--outpaint-top-size)}.outpaint-generated-area.bottom{left:calc(var(--outpaint-source-left) - var(--outpaint-left-size));top:calc(var(--outpaint-source-top) + var(--outpaint-source-height));width:calc(var(--outpaint-source-width) + var(--outpaint-left-size) + var(--outpaint-right-size));height:var(--outpaint-bottom-size)}.outpaint-preview-source{z-index:2;left:var(--outpaint-source-left);top:var(--outpaint-source-top);width:var(--outpaint-source-width);height:var(--outpaint-source-height);background:#0f172ac2;border:1px dashed #f8fafcd1;border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172aa6}.outpaint-preview-source img{object-fit:cover;width:100%;height:100%}.outpaint-preview-source span{color:#e2e8f0e0;text-align:center;max-width:90%;font-size:10px;font-weight:700;line-height:1.25}.outpaint-edge-handle{z-index:3;color:#dff8ec;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#020617c2;border:1px solid #bfdbfe47;border-radius:999px;padding:4px 7px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;line-height:1;position:absolute}.outpaint-edge-handle:active{cursor:grabbing}.outpaint-edge-handle.left{left:calc(var(--outpaint-source-left) - var(--outpaint-left-size));top:calc(var(--outpaint-source-top) + var(--outpaint-source-height) / 2);transform:translate(-50%,-50%)}.outpaint-edge-handle.right{left:calc(var(--outpaint-source-left) + var(--outpaint-source-width) + var(--outpaint-right-size));top:calc(var(--outpaint-source-top) + var(--outpaint-source-height) / 2);transform:translate(-50%,-50%)}.outpaint-edge-handle.top{left:calc(var(--outpaint-source-left) + var(--outpaint-source-width) / 2);top:calc(var(--outpaint-source-top) - var(--outpaint-top-size));transform:translate(-50%,-50%)}.outpaint-edge-handle.bottom{left:calc(var(--outpaint-source-left) + var(--outpaint-source-width) / 2);top:calc(var(--outpaint-source-top) + var(--outpaint-source-height) + var(--outpaint-bottom-size));transform:translate(-50%,-50%)}.outpaint-preview-meta{color:var(--text-secondary);flex-direction:column;gap:4px;margin-top:8px;font-size:11px;line-height:1.35;display:flex}.outpaint-edge-controls{flex-direction:column;gap:8px;display:flex}.outpaint-stage-panel .outpaint-edge-controls{justify-content:center}.outpaint-edge-control{border:1px solid var(--input-border);background:var(--surface-softer);color:var(--text-secondary);border-radius:9px;grid-template-columns:28px minmax(90px,1fr) 58px;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:12px;font-weight:700;display:grid}.outpaint-edge-value-wrap{color:var(--text-primary);align-items:center;gap:2px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;display:inline-flex}.outpaint-edge-value-input{border:1px solid var(--input-border);background:var(--bg-input);width:36px;min-width:36px;color:var(--text-primary);text-align:right;border-radius:6px;padding:4px 5px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.outpaint-edge-value-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #147b6933}.outpaint-run-button{justify-content:center;width:100%;padding:12px}.outpaint-model-limit,.outpaint-model-warning{border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.45}.outpaint-model-limit{color:var(--text-secondary);background:#ffffff06;border:1px solid #94a3b824}.outpaint-model-warning{color:#fde68a;background:#fbbf2414;border:1px solid #fbbf243d}@media (width<=1180px){.outpaint-canvas-control,.outpaint-stage-panel .outpaint-canvas-control{grid-template-columns:minmax(0,1fr)}.outpaint-stage-panel .outpaint-preview-frame{min-height:280px}.outpaint-stage-panel .outpaint-edge-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.outpaint-stage-panel .outpaint-run-button,.outpaint-stage-panel .outpaint-model-warning{grid-column:1/-1}}@media (width<=900px){.local-edit-grid{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:visible}.local-edit-controls{max-height:none}.local-edit-stage{height:auto;min-height:0}.local-edit-stage.has-artwork{height:min(54vh,520px);min-height:360px}.outpaint-stage-panel .outpaint-preview-frame{min-height:240px}.local-edit-stage.is-empty .image-viewer{display:none}}@media (width<=760px){.local-edit-header{flex-direction:column}.local-edit-header .queue-inline-status{justify-content:center;width:100%}.local-edit-stage{height:auto;min-height:0}.local-edit-stage.has-artwork{height:min(56vh,460px);min-height:320px}.outpaint-stage-panel .outpaint-edge-controls{grid-template-columns:minmax(0,1fr)}.local-edit-stage.is-empty .image-viewer{display:none}}.canvas-toolbar{border-bottom:1px solid var(--border-light);background:#0f172a99;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.local-edit-toolbar{background:var(--toolbar-surface-bg);align-items:center}.local-edit-tool-legend{color:var(--text-secondary);flex:1 0 100%;align-items:center;gap:8px;font-size:11px;display:flex}.local-edit-tool-legend span{align-items:center;gap:5px;display:inline-flex}.local-edit-tool-legend span:before{content:"";border-radius:999px;width:8px;height:8px}.local-edit-tool-legend .edit:before{background:#f43f5e}.local-edit-tool-legend .protect:before{background:#22c55e}.local-edit-toolbar-actions,.local-edit-toolbar-meta,.local-edit-brush-control{align-items:center;display:flex}.local-edit-toolbar-actions{flex:auto;gap:6px;min-width:0}.local-edit-toolbar-meta{flex:0 auto;gap:10px;min-width:0}.local-edit-icon-only{width:36px;min-width:36px;padding:9px}.local-edit-brush-control{min-width:168px;color:var(--text-secondary);flex:0 178px;gap:8px;margin:0;font-size:11px}.local-edit-brush-control input[type=range]{width:92px;min-width:72px}.local-edit-brush-value{min-width:38px;color:var(--text-primary);font-family:JetBrains Mono,monospace}.local-edit-mask-status{white-space:nowrap;font-size:11px}@media (width<=760px){.local-edit-toolbar{align-items:flex-start;gap:10px;padding:10px}.local-edit-tool-legend,.local-edit-toolbar-actions,.local-edit-toolbar-meta{flex:100%;width:100%}.local-edit-toolbar-actions{flex-wrap:wrap;overflow-x:visible}.local-edit-icon-only{width:34px;min-width:34px;height:34px;padding:8px}.local-edit-brush-control{flex:100%;min-width:0;margin-top:2px}.local-edit-brush-control input[type=range]{flex:1;width:auto;min-width:80px}.local-edit-toolbar-meta{flex-wrap:wrap}.local-edit-mask-status{white-space:normal}}.code-preview{border:1px solid var(--border-light);color:#38bdf8;white-space:pre-wrap;background:#020617;border-radius:8px;max-height:250px;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;overflow-x:auto}.settings-action-row,.settings-output-row{gap:10px;display:flex}.settings-action-row{border-top:1px solid var(--border-light);margin-top:10px;padding-top:15px}.settings-action-button,.settings-output-button{white-space:normal;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.settings-action-button,.settings-output-button:not(.compact){flex:1 1 0}@media (width<=760px){.settings-action-row,.settings-output-row{flex-direction:column}.settings-action-button,.settings-output-button{width:100%;min-height:42px}}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:16px;display:grid}.gallery-card{cursor:pointer;aspect-ratio:1;background:#04060b;border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000080}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-card:hover img{transform:scale(1.05)}.gallery-card-overlay{opacity:0;background:linear-gradient(#080c1400 0%,#080c144d 50%,#080c14e6 100%);flex-direction:column;justify-content:flex-end;padding:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-card-overlay{opacity:1}.gallery-card-meta{color:#fff;font-size:11px}.gallery-card-prompt{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.detail-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000d9;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer{background:var(--bg-sidebar);border-left:1px solid var(--border-light);flex-direction:column;width:480px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideLeft;display:flex;box-shadow:-10px 0 30px #00000080}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px;display:flex}.drawer-type-badge{letter-spacing:0;text-transform:none;font-weight:800}:root[data-theme=day] .drawer-type-badge{color:#075e50!important;background:#dff5ef!important;border-color:#147b696b!important}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.drawer-image-wrapper{aspect-ratio:4/3;border:1px solid var(--border-light);cursor:zoom-in;background:#04060b;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:240px;max-height:42vh;padding:0;display:flex;position:relative;overflow:hidden}:root[data-theme=day] .drawer-image-wrapper{background:#edf6f4;border-color:#147b6938}.drawer-image-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.drawer-image-view-hint{color:#fff;opacity:0;background:#04060bc2;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.drawer-image-wrapper:hover .drawer-image-view-hint,.drawer-image-wrapper:focus-visible .drawer-image-view-hint{opacity:1;transform:translateY(0)}.gallery-billing-recovery{color:var(--text-secondary);background:#f59e0b12;border:1px solid #f59e0b3d;border-radius:8px;gap:8px;padding:10px;font-size:11px;line-height:1.45;display:grid}.gallery-billing-recovery .btn{width:100%}.gallery-billing-recovery em{color:#fca5a5;font-style:normal}:root[data-theme=day] .gallery-billing-recovery{color:#78510c;background:#fff8e8;border-color:#b453093d}:root[data-theme=day] .gallery-billing-recovery em{color:#991b1b}.drawer-meta-table{border-collapse:collapse;width:100%;font-size:13px}.drawer-meta-table tr{border-bottom:1px solid #ffffff0d}.drawer-meta-table td{padding:10px 0}.drawer-meta-table td:first-child{color:var(--text-secondary);width:120px;font-weight:500}.drawer-meta-table td:last-child{color:var(--text-primary);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px}.drawer-prompt-box{border:1px solid var(--border-light);background:#ffffff05;border-radius:8px;padding:12px;font-size:13px;line-height:1.6}.gallery-role-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gallery-role-controls button{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#ffffff09;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.gallery-role-controls button:hover,.gallery-role-controls button.active{color:var(--text-primary);background:#147b6929;border-color:#147b69a6}.gallery-role-controls button.final.active{color:#fbbf24;background:#fbbf2424;border-color:#fbbf24bf}.gallery-relation-link{color:#a7f3d0;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.gallery-relation-missing{color:var(--text-muted);margin-left:4px;font-style:normal}.gallery-reference-section{flex-direction:column;gap:10px;display:flex}.gallery-reference-section label{align-items:center;gap:6px;display:inline-flex}.gallery-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gallery-reference-card{border:1px solid var(--border-light);min-width:0;color:var(--text-primary);text-align:left;cursor:zoom-in;background:#147b6914;border-radius:10px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;transition:border-color .2s,background .2s;display:grid}.gallery-reference-card:hover,.gallery-reference-card:focus-visible{background:#147b6926;border-color:#147b69b8;outline:none}.gallery-reference-download-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.gallery-reference-download-btn:hover{background:var(--surface-soft);color:var(--primary);border-color:var(--border-light)}.gallery-reference-thumb{background:#04060bb8;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.gallery-reference-thumb img{object-fit:contain;width:100%;height:100%}.gallery-reference-info{flex-direction:column;gap:3px;min-width:0;display:flex}.gallery-reference-info strong{color:var(--text-primary);font-size:12px;font-weight:800}.gallery-reference-info small,.gallery-reference-info em{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.35;overflow:hidden}:root[data-theme=day] .gallery-reference-card{background:#147b6912}:root[data-theme=day] .gallery-reference-thumb{background:#e0f2eee6;border-color:#147b6929}.gallery-version-chain{flex-direction:column;gap:10px;display:flex}.gallery-version-chain label{align-items:center;gap:6px;display:inline-flex}.gallery-version-list{flex-direction:column;gap:8px;display:flex}.gallery-version-item{border:1px solid var(--border-light);color:var(--text-secondary);text-align:left;background:#ffffff06;border-radius:8px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;padding:5px 6px;display:grid}.gallery-version-item.active{color:var(--text-primary);background:#147b6921;border-color:#147b6980}.gallery-version-info-button{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:24px 56px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;display:grid}.gallery-version-info-button:hover{color:var(--text-primary)}.gallery-version-index{background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.gallery-version-role{font-size:11px;font-weight:800}.gallery-version-role.final{color:#fbbf24}.gallery-version-role.variant,.gallery-version-role.draft{color:#a7f3d0}.gallery-version-action,.gallery-version-time{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.gallery-version-view-button{color:#a7f3d0;cursor:zoom-in;background:#147b691f;border:1px solid #147b6938;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.gallery-version-view-button:hover{color:#fff;background:#147b6957;border-color:#1da38ccc}.gallery-lightbox-overlay{top:0;bottom:0;right:0;left:var(--sidebar-width);z-index:180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed}.gallery-lightbox{background:#0b111c;border:1px solid #ffffff24;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px;width:min(1120px,100%);min-width:0;max-width:100%;max-height:calc(100vh - 56px);padding:16px;display:grid;overflow:hidden;box-shadow:0 24px 80px #00000085}.gallery-lightbox-header{justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;display:flex}.gallery-lightbox-title{color:var(--text-primary);font-size:14px;font-weight:800}.gallery-lightbox-subtitle,.gallery-lightbox-footer{color:var(--text-secondary);font-size:12px;line-height:1.45}.gallery-lightbox-image{background:#03050a;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.gallery-lightbox-image img{object-fit:contain;max-width:100%;max-height:78vh}.gallery-lightbox-footer{justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.gallery-lightbox-footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gallery-lightbox-footer>button,.gallery-lightbox-footer .download-dropdown-wrapper{flex:none}@media (width<=760px){.gallery-lightbox-overlay{padding:14px}.gallery-lightbox{max-height:calc(100vh - 28px);padding:12px}.gallery-lightbox-footer{flex-direction:column;align-items:stretch}.gallery-lightbox-footer .btn,.gallery-lightbox-footer .download-dropdown-wrapper{width:100%}.gallery-lightbox-footer .download-dropdown-wrapper>.btn{justify-content:center}}.gallery-card-checkbox{z-index:20;background:#0000008c;border:2px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:10px;left:10px}.gallery-card-checkbox.checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 2px #fff6}.gallery-card.selected{box-shadow:inset 0 0 0 3px var(--primary), 0 8px 20px #6366f14d}.gallery-card.select-mode:hover{transform:translateY(-2px)}.gallery-batch-toolbar{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0f172ad1;border:1px solid #ffffff1f;border-radius:9999px;justify-content:space-between;align-items:center;gap:24px;width:auto;min-width:420px;padding:12px 24px;animation:.2s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:fixed;bottom:24px;left:58%;transform:translate(-50%);box-shadow:0 20px 40px #0009}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.batch-toolbar-info{color:#fff;white-space:nowrap;font-size:13px;font-weight:600}.batch-toolbar-actions{align-items:center;gap:12px;display:flex}:root[data-theme=day] .gallery-batch-toolbar{background:#ffffffe6;border:1px solid #00000014;box-shadow:0 16px 32px #0000001f}:root[data-theme=day] .batch-toolbar-info{color:var(--text-primary)}:root[data-theme=day] .gallery-card-checkbox{background:#fff9;border-color:#0006}:root[data-theme=day] .gallery-card-checkbox.checked{background:var(--primary);border-color:var(--primary)}:root[data-theme=day] .gallery-version-item{color:var(--text-primary)!important;background:#f8fafc!important;border:1px solid #00000026!important}:root[data-theme=day] .gallery-version-item.active{border-color:var(--primary)!important;background:#6366f114!important}:root[data-theme=day] .gallery-version-role{color:#334155!important;background:#0000000f!important}:root[data-theme=day] .gallery-version-role.variant{color:#0d9488!important;background:#0d948814!important}:root[data-theme=day] .gallery-version-role.final{color:#d97706!important;background:#d9770614!important}:root[data-theme=day] .gallery-version-view-button{color:#475569!important;border-left:1px solid #0000001a!important}:root[data-theme=day] .drawer-prompt-box{color:#1e293b!important;background:#f8fafc!important;border:1px solid #0000001f!important}:root[data-theme=day] .drawer-meta-table td{color:#1e293b!important;border-bottom:1px solid #00000014!important}:root[data-theme=day] .drawer-meta-table td:first-child{color:#475569!important}