:root{--bg: #0f0f10;--surface: #18181b;--surface-elevated: #1d1d20;--border: #2a2a2e;--border-hair: #222226;--border-strong: #3a3a40;--text-primary: #f5f5f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #ff7a1a;--accent-hover: #fb923c;--accent-press: #e96a12;--accent-soft: rgba(255, 122, 26, .14);--accent-ring: rgba(255, 122, 26, .4);--error: #ef4444;--error-soft: rgba(239, 68, 68, .12);--success: #22c55e;--success-soft: rgba(34, 197, 94, .12);--warning: #f59e0b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tracking-tight: -.02em;--tracking-label: .08em;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: none;--shadow-md: 0 1px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--motion-feedback: 80ms;--motion-exit: .14s;--motion-enter: .22s;--motion-ease-out: cubic-bezier(.22, 1, .36, 1);--motion-ease-in: cubic-bezier(.4, 0, 1, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--sidebar-width: 260px;--header-height: 58px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-primary)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary)}textarea{resize:vertical}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#4a4a52}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden}.app-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding:var(--space-5)}.workspace-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1.1fr);gap:var(--space-4);align-items:start}@media(max-width:1100px){.app-shell{grid-template-columns:1fr;height:100dvh;min-height:100dvh}.app-shell>.sidebar{display:none}.app-content{overflow-y:auto;padding:var(--space-4);padding-bottom:calc(92px + env(safe-area-inset-bottom))}.workspace-grid{grid-template-columns:1fr}}@media(max-width:760px),(max-height:480px)and (max-width:900px){.app-content{padding:var(--space-3);padding-bottom:calc(104px + env(safe-area-inset-bottom))}.stack{gap:var(--space-3)}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.spacer{flex:1}.animated-swap{min-width:0}.community-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:border-color var(--motion-feedback) ease,color var(--motion-feedback) ease}.community-bell:hover,.community-bell:focus-visible{border-color:var(--accent);color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.community-bell-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--bg);border-radius:999px;background:var(--accent);color:#111;font:700 10px/14px var(--font-mono);text-align:center}.community-tabs,.admin-tabs{display:flex;gap:var(--space-1);padding:3px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.community-tabs button,.admin-tabs button{flex:1;min-height:36px;padding:6px var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font:600 12px/1.2 var(--font-sans)}.community-tabs button:hover,.community-tabs button:focus-visible,.admin-tabs button:hover,.admin-tabs button:focus-visible{color:var(--text-primary);outline:1px solid var(--accent-ring)}.community-tabs button.active,.admin-tabs button.active{background:var(--accent-soft);color:var(--accent)}.community-list,.community-detail{display:flex;flex-direction:column;gap:var(--space-3)}.community-item{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.community-item p,.community-detail p{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:12px;line-height:1.55;white-space:pre-wrap}.community-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.community-item-heading .mono{font-size:10px}.quest-platform{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--text-primary);font-size:13px;font-weight:650}.quest-reward,.community-target-link{color:var(--accent);font-size:12px;font-weight:600}.quest-card-actions{margin-top:var(--space-3)}.quest-review-note{padding:var(--space-2);border-left:2px solid var(--error);background:var(--error-soft)}.community-feedback{padding:var(--space-3);border:1px solid rgba(34,197,94,.35);border-radius:var(--radius-sm);background:var(--success-soft);color:var(--success);font-size:12px}.community-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:140px;color:var(--text-muted)}.quest-suggestion,.quest-approval-toast{position:fixed;right:var(--space-5);z-index:850;width:min(420px,calc(100vw - 40px));padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-lg);animation:quest-feedback-enter var(--motion-enter) var(--motion-ease-out) both}.quest-suggestion{bottom:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:12px}.quest-approval-toast{top:calc(var(--header-height) + var(--space-4));border-color:#22c55e59;color:var(--success)}.admin-page{max-width:1440px;margin:0 auto}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.admin-summary-grid.compact{grid-template-columns:repeat(4,minmax(100px,1fr))}.admin-metric{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.admin-metric span{color:var(--text-muted);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase}.admin-metric strong{overflow:hidden;color:var(--text-primary);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.admin-review-layout,.admin-split-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:var(--space-4);align-items:start}.admin-filter-row,.admin-form-grid,.admin-airdrop-form,.admin-grant-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:end}.admin-airdrop-form,.admin-grant-form{grid-template-columns:minmax(120px,.4fr) minmax(240px,1fr) auto}.admin-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.admin-list>button,.admin-list-row>button{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-primary);cursor:pointer;text-align:left}.admin-list>button:hover,.admin-list>button.active,.admin-list-row>button:hover,.admin-list-row>button.active{border-color:var(--accent)}.admin-list button span{color:var(--text-muted);font-size:11px}.admin-list-row{display:flex;align-items:center;gap:var(--space-2)}.admin-proof-grid{display:grid;grid-template-columns:140px 1fr;gap:var(--space-2) var(--space-4);margin:0;padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-sm)}.admin-proof-grid dt{color:var(--text-muted);font-size:11px}.admin-proof-grid dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text-secondary);font-size:12px}.admin-transaction-list{display:flex;flex-direction:column;border:1px solid var(--border-hair);border-radius:var(--radius-sm)}.admin-transaction-list>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-hair);color:var(--text-secondary);font-size:11px}.admin-transaction-list>div:last-child{border-bottom:0}.mobile-panel-overlay[data-presence=entering] .mobile-panel-community{animation:community-drawer-enter var(--motion-enter) var(--motion-ease-out) both}.mobile-panel-overlay[data-presence=exiting] .mobile-panel-community{animation:community-drawer-exit var(--motion-exit) var(--motion-ease-in) both}@keyframes community-drawer-enter{0%{transform:translate3d(12px,0,0)}to{transform:translateZ(0)}}@keyframes community-drawer-exit{0%{transform:translateZ(0)}to{transform:translate3d(8px,0,0)}}@keyframes quest-feedback-enter{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:760px){.mobile-panel-overlay-community{align-items:flex-end;justify-content:center}.mobile-panel-community{width:100%;height:auto;max-height:84dvh;border-right:1px solid var(--border);border-bottom:0;border-left:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.mobile-panel-overlay[data-presence=entering] .mobile-panel-community{animation-name:sheet-enter}.mobile-panel-overlay[data-presence=exiting] .mobile-panel-community{animation-name:sheet-exit}.quest-suggestion{right:var(--space-3);bottom:calc(88px + env(safe-area-inset-bottom));left:var(--space-3);width:auto;align-items:stretch;flex-direction:column}.quest-approval-toast{top:calc(var(--header-height) + var(--space-3));right:var(--space-3);left:var(--space-3);width:auto}.community-item-heading,.quest-card-actions{align-items:flex-start;flex-direction:column}.admin-summary-grid,.admin-summary-grid.compact,.admin-review-layout,.admin-split-grid,.admin-filter-row,.admin-form-grid,.admin-airdrop-form,.admin-grant-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.quest-suggestion,.quest-approval-toast,.mobile-panel-overlay[data-presence] .mobile-panel-community{animation:none!important}}.animated-swap-fill{position:relative;flex:1;min-height:0;overflow:hidden}.animated-swap-fill>.animated-swap-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-width:0;min-height:0}.animated-swap-flow{display:grid}.animated-swap-flow>.animated-swap-layer{grid-area:1 / 1;min-width:0}.animated-swap-layer-enter{z-index:1;animation:motion-swap-enter var(--motion-enter) var(--motion-ease-out) both}.animated-swap-layer-exit{z-index:0;pointer-events:none;animation:motion-swap-exit var(--motion-exit) var(--motion-ease-in) both}@keyframes motion-swap-enter{0%{opacity:0;transform:translate3d(0,6px,0) scale(.995)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes motion-swap-exit{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-3px,0) scale(.998)}}.fox-loader{--fox-loader-cutout: var(--surface);--fox-loader-feature: var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;color:var(--accent);text-align:center;animation:fox-loader-enter var(--motion-enter) var(--motion-ease-out) both}.fox-loader-page{--fox-loader-cutout: var(--bg);flex:1;min-height:min(55vh,420px);padding:var(--space-8)}.fox-loader-panel{min-height:160px;padding:var(--space-6);border:1px solid var(--border-hair);border-radius:var(--radius-lg);background:var(--surface)}.fox-loader-mark{width:52px;height:52px;overflow:visible;contain:paint}.fox-loader-page .fox-loader-mark{width:72px;height:72px}.fox-loader-cutout{fill:var(--fox-loader-cutout)}.fox-loader-body,.fox-loader-tail,.fox-loader-ear,.fox-loader-eyes{transform-box:fill-box;will-change:transform,opacity}.fox-loader-body{transform-origin:50% 82%;animation:fox-breathe 2.4s ease-in-out infinite}.fox-loader-tail{transform-origin:10% 72%;animation:fox-tail-swish 1.8s ease-in-out infinite alternate}.fox-loader-ear-left{transform-origin:72% 82%;animation:fox-ear-twitch 5.2s ease-in-out infinite}.fox-loader-ear-right{transform-origin:28% 82%}.fox-loader-eyes{transform-origin:50% 50%;animation:fox-blink 4.8s linear infinite}.fox-loader-label{color:var(--text-primary);font-size:13px;font-weight:600}.fox-loader-description{max-width:320px;color:var(--text-muted);font-size:11px}.fox-loader-placeholder{min-height:160px}.fox-loader-placeholder-page{min-height:min(55vh,420px)}.studio-control-column{position:relative}.workflow-detail-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:flex-start;background:var(--bg)}.workflow-detail-loader .fox-loader{width:100%}@keyframes fox-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes fox-tail-swish{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes fox-ear-twitch{0%,72%,78%,to{transform:rotate(0)}74%{transform:rotate(-3deg)}76%{transform:rotate(2deg)}}@keyframes fox-blink{0%,91%,95%,to{transform:scaleY(1)}93%{transform:scaleY(.12)}}@keyframes fox-loader-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);gap:var(--space-5);overflow-y:auto;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3)}.brand-accent{color:var(--accent)}.brand-name{font-size:15px;font-weight:700;letter-spacing:var(--tracking-tight)}.brand-sub{font-size:11px;color:var(--text-muted);margin-top:1px;letter-spacing:.02em}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted);padding:0 var(--space-1)}.sidebar-footer{margin-top:auto;font-size:11px;color:var(--text-muted);padding-top:var(--space-4);border-top:1px solid var(--border-hair);letter-spacing:.02em}.sidebar-footer-links{display:flex;align-items:center;gap:var(--space-2)}.footer-link{background:none;border:none;padding:0;font:inherit;font-size:11px;color:var(--text-muted);cursor:pointer;letter-spacing:.02em;transition:color .15s ease}.footer-link:hover{color:var(--text-secondary)}.sidebar-community{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.sidebar-social-links{display:flex;align-items:center;gap:var(--space-2)}.sidebar-social-links a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--motion-feedback) ease,border-color var(--motion-feedback) ease}.sidebar-social-links a:hover,.sidebar-social-links a:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:var(--bg);border-bottom:1px solid var(--border);gap:var(--space-4)}.header-title{display:flex;flex-direction:column;min-width:0}.header-title h1{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title .subtitle{font-size:11px;color:var(--text-muted)}.btn.mobile-menu-button,.mobile-sticky-action,.mobile-studio-actions,.mobile-prompt-details,.mobile-info-row{display:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:500;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);white-space:nowrap}.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.pill.ok{color:var(--success);border-color:#22c55e4d;background:var(--success-soft)}.pill.ok .pill-dot{background:var(--success);box-shadow:0 0 8px #22c55e99}.pill.error{color:var(--error);border-color:#ef44444d;background:var(--error-soft)}.pill.error .pill-dot{background:var(--error)}.pill.warn{color:var(--warning);border-color:#f59e0b4d}.pill.warn .pill-dot{background:var(--warning)}.pill.accent{color:var(--accent);border-color:#ff7a1a59;background:var(--accent-soft)}.pill.accent .pill-dot{background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:7px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform var(--motion-feedback) var(--motion-ease-out);-webkit-user-select:none;user-select:none}.btn:hover{background:#26262b;border-color:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a0d00;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:active:not(:disabled){background:var(--accent-press)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-elevated)}.btn.sm{padding:4px 9px;font-size:12px}.btn-icon{padding:4px;width:26px;height:26px;border-radius:var(--radius-sm);font-size:13px;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.card-title{font-size:12px;font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.card-subtitle{font-size:11px;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;justify-content:space-between;letter-spacing:.01em}.field-hint{font-size:11px;color:var(--text-muted)}.input,.textarea,.select{width:100%;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 11px;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.input:disabled,.textarea:disabled,.select:disabled{opacity:.55;cursor:not-allowed}.textarea{min-height:96px;line-height:1.55;font-family:var(--font-sans)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}.param-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.param-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px}.param-grid>*,.param-grid-3>*{min-width:0}.video-parameter-details>summary{cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);list-style:none;-webkit-user-select:none;user-select:none}.video-parameter-details>summary::-webkit-details-marker{display:none}.video-parameter-details>summary:after{content:"";width:8px;height:8px;border-bottom:1px solid var(--text-muted);border-right:1px solid var(--text-muted);flex:0 0 auto;margin-top:3px;transform:rotate(45deg);transition:transform var(--motion-exit) var(--motion-ease-out)}.video-parameter-details:not([open])>summary:after{transform:rotate(-45deg)}.video-parameter-grid{margin-top:var(--space-4)}.video-parameter-warning{margin-top:var(--space-3);color:var(--text-muted);font-size:11px;line-height:1.45}.param-span-2{grid-column:span 2}.param-sublabel{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted);margin-bottom:2px}.param-section{display:flex;flex-direction:column;gap:10px}.param-section+.param-section{padding-top:12px;border-top:1px solid var(--border-hair)}.preset-picker-group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 20px;margin-top:var(--space-3)}.preset-picker-group .preset-picker{margin-top:0}.preset-picker{margin-top:var(--space-3);display:flex;flex-direction:column;gap:6px}.preset-picker-label{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted)}.preset-picker-row{display:flex;flex-wrap:wrap;gap:6px}.preset-picker-row-compact{gap:6px}.preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;padding:6px 8px 5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform var(--motion-feedback) var(--motion-ease-out)}.preset-btn-wide{flex:1 1 80px;min-width:72px;max-width:120px}.preset-btn-sampling{flex-direction:row;min-width:56px;padding:5px 12px;font-size:12px;font-family:var(--font-mono);letter-spacing:.02em;line-height:1.2}.preset-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-secondary)}.preset-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.preset-btn:disabled{opacity:.55;cursor:not-allowed}.preset-btn-label{font-size:10px;font-family:var(--font-mono);letter-spacing:.02em;line-height:1}.prompt-counter{font-size:11px;color:var(--text-muted);letter-spacing:.01em;padding:0 2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6);gap:var(--space-3);color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.empty-state .emoji{font-size:26px;opacity:.6}.empty-state .title{font-size:13px;color:var(--text-secondary);font-weight:600}.empty-state .desc{font-size:12px;max-width:360px}.error-notice{border:1px solid rgba(239,68,68,.35);background:var(--error-soft);color:#fecaca;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:13px}.error-notice .title{font-weight:600;color:var(--error);margin-bottom:2px}.warning-card{border:1px solid rgba(245,158,11,.4);background:#f59e0b14;border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.warning-card .title{font-size:14px;font-weight:600;color:var(--warning)}.warning-card .desc{color:var(--text-secondary);font-size:13px}.status-bar{height:6px;background:var(--surface-elevated);border-radius:3px;overflow:hidden}.status-bar-fill{width:100%;height:100%;background:var(--accent);border-radius:3px;transform:scaleX(var(--status-progress, 0));transform-origin:left center;transition:transform .2s ease}.status-bar-fill.indeterminate{width:35%!important;transform:translate(-100%);animation:indeterminate 1.2s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(280%)}}.current-node{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-3)}.gallery-item{position:relative;border:1px solid var(--border-hair);border-radius:var(--radius-md);overflow:hidden;background:var(--bg);aspect-ratio:1;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,transform var(--motion-feedback) var(--motion-ease-out)}.gallery-item:hover{border-color:var(--border-strong)}.gallery-item img{width:100%;height:100%;object-fit:contain;display:block}.gallery-item video{width:100%;height:100%;object-fit:contain;display:block;background:#0d0d10}.gallery-item .meta{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;font-size:10px;color:var(--text-secondary);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);font-family:var(--font-mono)}.workflow-list{display:flex;flex-direction:column;gap:var(--space-2)}.workflow-item{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px var(--space-3);padding-right:58px;border:1px solid var(--border);border-left:2px solid transparent;border-radius:var(--radius-md);background:var(--bg);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform var(--motion-feedback) var(--motion-ease-out)}.nsfw-tag{position:absolute;top:8px;right:10px;font-size:8px;font-weight:700;letter-spacing:.04em;color:#ff4d8d;border:1px solid #ff4d8d;border-radius:var(--radius-sm);padding:1px 4px;background:#ff4d8d14}.sfw-tag{color:#a78bfa;border-color:#a78bfa;background:#a78bfa1a}.workflow-item:hover{border-color:var(--border-strong)}.workflow-item.active{border-left-color:var(--accent);background:var(--surface-elevated)}.workflow-item .name{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.workflow-item .id{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.utility-workflow-item .id{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utility-workflow-item{min-height:54px;box-sizing:border-box;padding-right:58px}.placeholder{font-size:12px;color:var(--text-muted);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center}.mobile-info-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-info-copy strong{color:var(--text-primary);font-size:12px}.mobile-info-copy span{color:var(--text-muted);font-size:11px;line-height:1.35}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.sampling-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px var(--space-2);margin-bottom:var(--space-2)}.sampling-checkbox{flex-shrink:0}.sampling-checkbox-note{color:var(--text-muted)}.sampling-checkbox input[type=checkbox]{width:16px;height:16px}.sampling-details{border-top:1px solid var(--border-hair);padding-top:var(--space-2);margin-top:var(--space-2)}.sampling-details>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;font-size:11px;color:var(--text-secondary);font-weight:500}.sampling-details>summary::-webkit-details-marker{display:none}.sampling-details>summary:before{content:"▸ ";display:inline-block;color:var(--text-muted)}.sampling-details[open]>summary:before{content:"▾ "}.sampling-body{margin-top:var(--space-3)}.param-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.checkbox-row{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.checkbox-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.param-checkbox{min-height:36px;align-items:center;padding-top:18px}.mobile-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;background:#000000ad}.mobile-panel-overlay-drawer{align-items:stretch;justify-content:flex-start}.mobile-panel-overlay-sheet{align-items:flex-end;justify-content:center;padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.mobile-panel-overlay-community{align-items:stretch;justify-content:flex-end}.mobile-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.mobile-panel-drawer{width:min(88vw,320px);height:100dvh;border-top:0;border-bottom:0;border-left:0;border-radius:0}.mobile-panel-sheet{width:min(100%,680px);max-height:min(82dvh,720px);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.mobile-panel-community{width:min(92vw,440px);height:100dvh;border-top:0;border-right:0;border-bottom:0;border-radius:0}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-hair)}.mobile-panel-title{min-width:0;overflow:hidden;color:var(--text-primary);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4)}.mobile-panel-drawer .mobile-panel-body{padding:0}.mobile-panel-community .mobile-panel-body{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-panel-drawer .sidebar{display:flex;width:100%;min-height:100%;height:auto;border-right:0}@media(prefers-reduced-motion:reduce){.mobile-panel-overlay,.mobile-panel{scroll-behavior:auto}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:min(100%,1100px);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-hair)}.modal-title{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-image-wrap{overflow:auto;padding:var(--space-4);display:flex;align-items:center;justify-content:center}.modal-image-wrap img{max-width:100%;max-height:78vh;object-fit:contain;display:block}.modal-image-wrap video{max-width:100%;max-height:78vh;display:block}.modal-legal{max-width:640px}.modal-legal-body{overflow-y:auto;padding:var(--space-4) var(--space-5);max-height:70vh}.modal-confirm{max-width:440px}.modal-confirm-body{padding:var(--space-4) var(--space-5)}.modal-confirm-body p{margin:0}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-hair)}.legal-prose{font-size:13px;line-height:1.6;color:var(--text-secondary)}.legal-prose h4{font-size:12px;font-weight:600;color:var(--text-primary);margin:var(--space-4) 0 var(--space-2);letter-spacing:var(--tracking-tight)}.legal-prose p{margin:0 0 var(--space-3)}.legal-prose p:last-child{margin-bottom:0}.prompt-section{display:flex;flex-direction:column;gap:6px}.prompt-section+.prompt-section{padding-top:10px;border-top:1px solid var(--border-hair)}.prompt-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.prompt-preview{margin-top:4px;padding:8px 10px;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--surface-raised, var(--surface))}.prompt-preview>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.prompt-preview>summary::-webkit-details-marker{display:none}.prompt-preview[open] .prompt-preview-body{margin-top:6px}.prompt-preview-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.prompt-preview-body{margin:0;font-size:11.5px;line-height:1.45;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:160px;overflow:auto}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.library-toolbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.library-item{display:flex;flex-direction:column;border:1px solid var(--border-hair);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.library-item.selected{border-color:var(--accent)}.library-item.source-selected{box-shadow:inset 3px 0 0 var(--accent)}.library-item .gallery-thumb{all:unset;cursor:pointer;display:block;height:140px;overflow:hidden;background:#0d0d10}.library-item .gallery-thumb img,.library-item .gallery-thumb video{display:block;width:100%;height:140px;object-fit:cover}.library-item .meta{padding:4px 8px;font-size:10px;color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;padding:6px 8px;border-top:1px solid var(--border-hair)}.icon-btn{all:unset;cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;border-radius:var(--radius-sm);color:var(--text-muted)}.icon-btn:hover{color:var(--text-primary);background:var(--surface-raised, var(--bg))}.icon-btn.active{color:var(--accent)}.modal-header-actions{display:flex;align-items:center;gap:6px}.model-info-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:start}.model-info-layout+.model-info-layout{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-hair)}.model-info-main{display:flex;flex-direction:column;gap:6px;min-width:0}.model-info-desc{font-size:11px;line-height:1.45;min-width:0}.model-info{display:flex;flex-direction:column;gap:6px}.model-info+.model-info{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-hair)}.model-info-head{display:flex;align-items:center;gap:8px}.model-name{font-size:13px;font-weight:600}.model-row{font-size:12px}.model-source{color:var(--accent);text-decoration:none;font-size:12px}.model-source:hover{text-decoration:underline}.model-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--surface-raised, var(--bg));border:1px solid var(--border-hair);color:var(--text-secondary)}.model-notes{font-size:11px;line-height:1.4}.badge{font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-hair)}.badge-warning{color:var(--warning, #e0a800);border-color:var(--warning, #e0a800)}.ai-media-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.ai-media-tab{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 12px;white-space:nowrap}.ai-media-tab:hover{border-color:var(--border-strong);color:var(--text-primary)}.ai-media-tab.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ai-media-disclaimer{border:1px solid rgba(167,139,250,.35);border-radius:var(--radius-lg);background:#a78bfa14;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-2);font-size:12px;line-height:1.55;padding:var(--space-4)}.ai-media-disclaimer .title{color:#c4b5fd;font-size:13px;font-weight:600}.ai-media-disclaimer p{margin:0}.ai-media-grid{grid-template-columns:minmax(380px,.92fr) minmax(420px,1.08fr);grid-template-areas:"provider candy" "inputs job"}.ai-media-provider-card{grid-area:provider}.ai-media-candy-card{grid-area:candy}.ai-media-inputs-card{grid-area:inputs}.ai-media-job-card{grid-area:job}.ai-media-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-media-field-span{grid-column:1 / -1}.ai-media-checkbox{align-self:end;min-height:38px}.ai-media-image-tools{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:var(--space-2);align-items:center}.ai-media-library-select{min-height:34px}.ai-media-image-list{display:flex;flex-direction:column;gap:6px}.ai-media-image-token{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px 8px;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg);color:var(--text-secondary);font-size:12px}.ai-media-image-token span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-media-meter{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:12px}.ai-media-meter strong{color:var(--text-primary);font-family:var(--font-mono);font-size:16px}.ai-media-price-note{border-top:1px solid var(--border-hair);color:var(--text-muted);font-size:11px;line-height:1.45;padding-top:var(--space-3)}.ai-media-status{align-self:flex-start;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;padding:3px 8px;text-transform:uppercase}.ai-media-output-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ai-media-disclaimer-sheet,.upscaler-disclaimer-sheet{margin:0}@media(max-width:760px),(max-height:480px)and (max-width:900px){.ai-media-form,.ai-media-image-tools{grid-template-columns:1fr}}.credit-balance-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.credit-balance-value{font-size:24px;font-weight:600;letter-spacing:var(--tracking-tight)}.credit-package-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.credit-package-label{font-size:13px;font-weight:600}.credit-tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.credit-tx-row{display:grid;grid-template-columns:16px 1fr auto auto;align-items:center;gap:var(--space-2);padding:6px 4px;border-bottom:1px solid var(--border-hair);font-size:12px}.credit-tx-row:last-child{border-bottom:none}.credit-tx-type{font-family:var(--font-mono);font-weight:700;text-align:center}.credit-tx-type.purchase,.credit-tx-type.positive{color:var(--success)}.credit-tx-type.spend,.credit-tx-type.negative{color:var(--warning)}.credit-tx-type.neutral{color:var(--text-muted)}.credit-tx-label{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-tx-amount{color:var(--text-primary)}.credit-tx-balance{color:var(--text-muted);min-width:64px;text-align:right}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-btn{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px var(--space-3);border:1px solid transparent;border-left:2px solid transparent;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);transition:border-color .15s ease,background .15s ease}.sidebar-nav-btn:hover{border-color:var(--border-strong)}.sidebar-nav-btn.active{border-left-color:var(--accent);background:var(--surface-elevated);color:var(--text-primary)}.cost-estimate-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:12px;color:var(--text-secondary)}.cost-estimate-row .cost-value{font-family:var(--font-mono);color:var(--text-primary)}.cost-warning{margin-top:6px;font-size:11px;color:var(--error)}.upscaler-grid{grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr)}.upscaler-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.upscaler-disclaimer{margin:-2px 0 0;max-width:620px;color:var(--text-muted);font-size:11px;line-height:1.45}.upscaler-source-preview{display:grid;grid-template-columns:132px 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg)}.upscaler-source-preview img{width:132px;height:132px;object-fit:contain;border-radius:var(--radius-sm);background:#0d0d10}.upscaler-source-meta{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px}.upscaler-source-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upscaler-gallery{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.upscaler-gallery-item{aspect-ratio:1}.upscaler-gallery-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.upscaler-gallery-item:disabled{cursor:not-allowed;opacity:.6}.before-after{position:relative;aspect-ratio:1;min-height:320px;overflow:hidden;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:#0d0d10;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.before-after-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.before-after-img-after{will-change:clip-path}.before-after-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);transform:translate(-1px);box-shadow:0 0 0 1px #00000059}.before-after-handle span{position:absolute;top:50%;left:50%;width:28px;height:28px;border-radius:999px;transform:translate(-50%,-50%);border:1px solid var(--accent);background:var(--surface);box-shadow:var(--shadow-sm)}.before-after-label{position:absolute;top:10px;padding:3px 8px;border-radius:var(--radius-sm);background:#0000009e;color:var(--text-secondary);font-size:11px;font-weight:600}.before-after-label.before{right:10px}.before-after-label.after{left:10px}.before-after-range{width:100%;accent-color:var(--accent)}.image-edit-grid{grid-template-columns:minmax(380px,1fr) minmax(360px,.85fr)}.image-edit-mask-controls{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:var(--space-3);align-items:center}.image-edit-source-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:12px}.image-edit-source-name{color:var(--text-primary);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-edit-canvas-shell{width:100%;overflow:auto;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:#0d0d10}.image-edit-canvas-frame{position:relative;width:100%;overflow:hidden;background:#0d0d10;touch-action:none;-webkit-user-select:none;user-select:none}.image-edit-canvas-frame img,.image-edit-canvas-frame canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-edit-canvas-frame img{object-fit:contain}.image-edit-canvas-frame canvas{object-fit:contain;cursor:crosshair;opacity:.55}.photo-studio-grid{grid-template-columns:minmax(430px,1.15fr) minmax(360px,.85fr)}.photo-preview-shell{display:flex;flex-direction:column;gap:var(--space-3)}.photo-canvas-frame{min-height:420px;max-height:72vh;overflow:auto;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:#0d0d10;display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.photo-canvas-frame-hidden{display:none}.photo-canvas-frame canvas{display:block;max-width:100%;max-height:68vh;object-fit:contain}.photo-preview-meta{font-size:11px}.photo-source-preview{display:grid;grid-template-columns:132px 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg)}.photo-source-preview img{width:132px;height:132px;object-fit:contain;border-radius:var(--radius-sm);background:#0d0d10}.photo-source-meta{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px}.photo-source-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-control-grid{display:grid;grid-template-columns:1fr;gap:12px}.photo-slider-label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.photo-value-control{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:6px;align-items:center}.photo-value-input{height:28px;padding:4px 8px;text-align:center;font-family:var(--font-mono);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.photo-value-input::-webkit-outer-spin-button,.photo-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.photo-step-btn{box-sizing:border-box;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);font-size:12px}.photo-transform-buttons{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.photo-color-mixer{display:grid;grid-template-columns:1fr;gap:12px}.photo-color-row{display:grid;grid-template-columns:minmax(72px,.7fr) minmax(110px,1fr) minmax(110px,1fr);gap:var(--space-3);align-items:center;padding:10px 0;border-bottom:1px solid var(--border-hair)}.photo-color-row:last-child{border-bottom:none}.photo-color-head{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-secondary);font-size:12px;font-weight:600}.photo-color-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);flex:0 0 auto}@media(max-width:1100px){.header{position:sticky;top:0;z-index:600;height:auto;min-height:var(--header-height);padding:8px var(--space-4)}.btn.mobile-menu-button{display:inline-flex;min-height:40px;flex:0 0 auto}.header-title{flex:1 1 auto}.header .row{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}.header-primary-action{display:none}.mobile-sticky-action{position:fixed;right:0;bottom:0;left:0;z-index:800;display:flex;padding:10px var(--space-4) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#0f0f10f5}.mobile-sticky-action .btn{width:100%;min-height:44px}.ai-media-grid,.upscaler-grid,.image-edit-grid,.photo-studio-grid{grid-template-columns:minmax(0,1fr);max-width:100%;overflow-x:hidden}.ai-media-grid>*,.upscaler-grid>*,.image-edit-grid>*,.photo-studio-grid>*,.ai-media-grid .card,.upscaler-grid .card,.image-edit-grid .card,.photo-studio-grid .card{min-width:0;max-width:100%}.ai-media-grid{grid-template-areas:"provider" "candy" "inputs" "job"}.ai-media-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.ai-media-tab{flex:0 0 auto;min-height:40px}.ai-media-disclaimer-desktop,.upscaler-disclaimer-desktop{display:none}.ai-media-mobile-disclaimer,.upscaler-disclaimer-mobile{display:flex}.mobile-info-row{align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.mobile-info-row .btn{flex:0 0 auto}.ai-media-candy-card .btn.primary{display:none}.upscaler-grid>.upscaler-source-column,.upscaler-grid>.upscaler-result-column,.photo-studio-grid>.photo-studio-preview-column,.photo-studio-grid>.photo-studio-controls-column,.workspace-grid>.studio-control-column,.workspace-grid>.studio-output-column{display:contents}.mobile-studio-actions{order:1}.studio-video-source-card{order:2}.studio-prompt-card{order:3;min-width:0;max-width:100%}.studio-generation-card{order:4}.studio-outputs-card{order:5}.studio-generations-card{order:6}.studio-library-card{order:7;min-width:0;max-width:100%}.studio-model-card{order:8;min-width:0;max-width:100%}.upscaler-source-card{order:1}.upscaler-job-card{order:2}.upscaler-before-after-card{order:3}.upscaler-gallery-card{order:4;min-width:0;max-width:100%}.photo-preview-card{order:1}.photo-source-card{order:2}.photo-light-card{order:3}.photo-transform-card{order:4}.photo-color-card{order:5}.photo-export-card{order:6}.photo-library-card{order:7;min-width:0;max-width:100%}}@media(max-width:760px),(max-height:480px)and (max-width:900px){.header{align-items:flex-start;flex-wrap:wrap;gap:var(--space-2);padding:8px var(--space-3)}.btn.mobile-menu-button{order:1}.header-title{order:2;flex:1 1 calc(100% - 72px)}.header-title h1{font-size:14px}.header .row{order:3;width:100%;justify-content:flex-start}.pill{padding:3px 7px;font-size:10px}.btn{min-height:40px}.btn.sm{min-height:34px}.icon-btn{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.checkbox-row{min-height:32px}.input,.textarea,.select{min-height:42px;font-size:16px}.textarea{min-height:132px;scroll-margin-bottom:128px}.card{padding:var(--space-3)}.card-header{align-items:flex-start;gap:var(--space-2)}.param-grid,.param-grid-3,.model-info-layout{grid-template-columns:1fr}.param-span-2{grid-column:auto}.preset-btn-wide{max-width:none}.desktop-parameters,.desktop-prompt-section{display:none}.mobile-studio-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.mobile-studio-actions .btn{flex:0 0 auto}.mobile-studio-actions .muted{min-width:0;text-align:right}.mobile-prompt-details{display:block;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--surface-raised, var(--surface))}.mobile-prompt-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.mobile-prompt-details>summary::-webkit-details-marker{display:none}.mobile-prompt-details-body{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-3) var(--space-3)}.mobile-panel-overlay-sheet{padding:0}.mobile-panel-sheet{width:100%;max-height:84dvh}.mobile-panel-body{padding:var(--space-3)}.gallery{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.library-toolbar,.library-toolbar-actions{align-items:stretch;flex-direction:column;width:100%}.library-toolbar-actions .btn{flex:1 1 132px}.credit-package-row{align-items:stretch;flex-direction:column}.credit-tx-row{grid-template-columns:16px 1fr}.credit-tx-amount,.credit-tx-balance{grid-column:2;text-align:left}.ai-media-image-tools .btn,.ai-media-library-select{width:100%}.before-after{min-height:min(78vw,320px)}.photo-canvas-frame{min-height:min(78vw,320px);max-height:62vh}}@media(max-width:720px){.upscaler-source-preview{grid-template-columns:1fr}.upscaler-source-preview img{width:100%;height:auto;aspect-ratio:1}.image-edit-mask-controls,.photo-source-preview,.photo-color-row{grid-template-columns:1fr}.photo-source-preview img{width:100%;height:auto;aspect-ratio:1}}.auth-shell{min-height:100dvh;display:grid;place-content:center;gap:var(--space-5);padding:var(--space-5);background:var(--bg)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.auth-card-wrap{width:min(100%,460px);min-width:min(420px,calc(100vw - 32px))}.auth-message{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--surface-raised, var(--surface))}.inline-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit}.account-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:var(--space-4);align-items:start}.account-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.account-facts>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg)}.account-facts span{color:var(--text-muted);font-size:11px}.account-facts strong{overflow-wrap:anywhere}.account-list{display:flex;flex-direction:column;gap:var(--space-2)}.account-list-row,.account-list-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg);color:var(--text-primary);text-align:left}.account-list-button{flex-direction:column;align-items:flex-start;cursor:pointer}.account-list-button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.studio-generations-card:not(.expanded) .card-header{margin-bottom:0}.generations-toggle svg{display:block;transition:transform var(--motion-enter) var(--motion-ease-out)}.generations-toggle.expanded svg{transform:rotate(180deg)}.generations-collapse{display:grid;grid-template-rows:0fr;min-width:0;opacity:0;pointer-events:none;transition:grid-template-rows var(--motion-enter) var(--motion-ease-out),opacity var(--motion-exit) var(--motion-ease-in)}.generations-collapse[data-expanded=true]{grid-template-rows:1fr;opacity:1;pointer-events:auto}.generations-collapse-inner{min-width:0;min-height:0;overflow:hidden}.generations-panel-content,.generations-list,.generations-skeleton{min-width:0}.generations-list,.generations-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.generation-history-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg)}.generation-history-thumb{width:64px;height:64px;overflow:hidden;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--surface-elevated)}.generation-history-thumb img,.generation-history-thumb video{display:block;width:100%;height:100%;object-fit:cover}.generation-history-placeholder{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--text-muted);font-size:9px;text-align:center}.generation-history-placeholder svg{width:18px;height:18px}.generation-history-main{min-width:0}.generation-history-heading,.generation-history-meta,.generation-history-actions{display:flex;align-items:center}.generation-history-heading{justify-content:space-between;gap:var(--space-2)}.generation-history-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-history-heading .pill{flex:0 0 auto}.generation-history-prompt{display:-webkit-box;min-width:0;margin-top:var(--space-1);overflow:hidden;color:var(--text-secondary);font-size:12px;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.generation-history-meta{flex-wrap:wrap;gap:6px;margin-top:var(--space-1);font-size:10px}.generation-history-actions{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1)}.generations-show-more{width:100%}.generations-history-error{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-2)}.generations-skeleton-row{grid-template-columns:64px minmax(0,1fr)}.generations-skeleton-thumb,.generations-skeleton-line{display:block;border-radius:var(--radius-md);background:var(--surface-elevated)}.generations-skeleton-thumb{width:64px;height:64px}.generations-skeleton-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-2)}.generations-skeleton-line{width:min(100%,320px);height:12px}.generations-skeleton-line.short{width:min(62%,180px)}.generation-notify-control{padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg)}.generation-notify-control .field-hint{margin-top:var(--space-1);margin-left:20px}@media(max-width:760px),(max-height:480px)and (max-width:900px){.generation-history-row{grid-template-columns:52px minmax(0,1fr);align-items:start;padding:var(--space-2)}.generation-history-thumb,.generations-skeleton-thumb{width:52px;height:52px}.generation-history-heading{align-items:flex-start;flex-wrap:wrap}.generation-history-actions{grid-column:1 / -1;justify-content:stretch}.generation-history-actions .btn{flex:1 1 120px}.generations-history-error{grid-template-columns:1fr}.generation-notify-control .checkbox-row{align-items:flex-start}.generation-notify-control .checkbox-row input{margin-top:5px}}.account-security-row>.input{flex:1}.support-compose-row,.support-layout{display:grid;gap:var(--space-3)}.support-compose-row{grid-template-columns:180px 1fr}.support-layout{grid-template-columns:minmax(180px,.65fr) minmax(280px,1.35fr);align-items:start}.support-ticket-list{max-height:480px;overflow:auto}.support-thread{min-width:0;padding:var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bg)}.support-messages{display:flex;flex-direction:column;gap:var(--space-2);max-height:360px;overflow:auto}.support-message{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised, var(--surface));overflow-wrap:anywhere}.support-message.staff{border-left:2px solid var(--accent)}@media(max-width:1100px){.account-grid{grid-template-columns:1fr}}@media(max-width:760px){.auth-shell{place-content:start center;padding:var(--space-4)}.account-facts,.support-compose-row,.support-layout{grid-template-columns:1fr}.account-security-row,.account-list-row{align-items:stretch;flex-direction:column}}.mobile-panel-overlay[data-presence=entering],.modal-overlay[data-presence=entering]{animation:overlay-fade-in var(--motion-enter) var(--motion-ease-out) both}.mobile-panel-overlay[data-presence=exiting],.modal-overlay[data-presence=exiting]{pointer-events:none;animation:overlay-fade-out var(--motion-exit) var(--motion-ease-in) both}.mobile-panel-overlay[data-presence=entering] .mobile-panel-drawer{animation:drawer-enter var(--motion-enter) var(--motion-ease-out) both}.mobile-panel-overlay[data-presence=exiting] .mobile-panel-drawer{animation:drawer-exit var(--motion-exit) var(--motion-ease-in) both}.mobile-panel-overlay[data-presence=entering] .mobile-panel-sheet{animation:sheet-enter var(--motion-enter) var(--motion-ease-out) both}.mobile-panel-overlay[data-presence=exiting] .mobile-panel-sheet{animation:sheet-exit var(--motion-exit) var(--motion-ease-in) both}.modal-overlay[data-presence=entering] .modal-content{animation:modal-enter var(--motion-enter) var(--motion-ease-out) both}.modal-overlay[data-presence=exiting] .modal-content{animation:modal-exit var(--motion-exit) var(--motion-ease-in) both}.mobile-panel-overlay[data-presence=entering],.mobile-panel-overlay[data-presence=exiting],.mobile-panel-overlay[data-presence=entering] .mobile-panel,.mobile-panel-overlay[data-presence=exiting] .mobile-panel,.modal-overlay[data-presence=entering],.modal-overlay[data-presence=exiting],.modal-overlay[data-presence=entering] .modal-content,.modal-overlay[data-presence=exiting] .modal-content{will-change:transform,opacity}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-enter{0%{transform:translate3d(-12px,0,0)}to{transform:translateZ(0)}}@keyframes drawer-exit{0%{transform:translateZ(0)}to{transform:translate3d(-8px,0,0)}}@keyframes sheet-enter{0%{transform:translate3d(0,12px,0)}to{transform:translateZ(0)}}@keyframes sheet-exit{0%{transform:translateZ(0)}to{transform:translate3d(0,8px,0)}}@keyframes modal-enter{0%{transform:translate3d(0,6px,0) scale(.985)}to{transform:translateZ(0) scale(1)}}@keyframes modal-exit{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-3px,0) scale(.99)}}.sidebar-nav-btn{position:relative}.sidebar-nav-btn:before{content:"";position:absolute;top:7px;bottom:7px;left:-1px;width:2px;border-radius:2px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform var(--motion-exit) var(--motion-ease-out)}.sidebar-nav-btn.active{border-left-color:transparent}.sidebar-nav-btn.active:before{transform:scaleY(1)}.ai-media-tab{position:relative;overflow:hidden;transition:border-color .15s ease,background .15s ease,color .15s ease,transform var(--motion-feedback) var(--motion-ease-out)}.ai-media-tab:after{content:"";position:absolute;right:10px;bottom:0;left:10px;height:2px;border-radius:2px 2px 0 0;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform var(--motion-exit) var(--motion-ease-out)}.ai-media-tab.active:after{transform:scaleX(1)}.icon-btn,.library-item,.account-list-button{transition:transform var(--motion-feedback) var(--motion-ease-out)}.icon-btn:active:not(:disabled){transform:scale(.9)}.icon-btn.active{animation:favorite-pop var(--motion-enter) var(--motion-ease-out)}.generation-status-completed .pill{animation:success-pop var(--motion-enter) var(--motion-ease-out)}.busy-pulse{display:inline-block;transform-origin:center;animation:busy-pulse 1.1s ease-in-out infinite}.support-thread-swap{min-width:0;min-height:180px}.gallery>:nth-child(-n+8),.credit-tx-list>:nth-child(-n+8),.account-list>:nth-child(-n+8){animation:item-reveal var(--motion-enter) var(--motion-ease-out) backwards}.gallery>:nth-child(2),.credit-tx-list>:nth-child(2),.account-list>:nth-child(2){animation-delay:18ms}.gallery>:nth-child(3),.credit-tx-list>:nth-child(3),.account-list>:nth-child(3){animation-delay:36ms}.gallery>:nth-child(4),.credit-tx-list>:nth-child(4),.account-list>:nth-child(4){animation-delay:54ms}.gallery>:nth-child(5),.credit-tx-list>:nth-child(5),.account-list>:nth-child(5){animation-delay:72ms}.gallery>:nth-child(6),.credit-tx-list>:nth-child(6),.account-list>:nth-child(6){animation-delay:90ms}.gallery>:nth-child(7),.credit-tx-list>:nth-child(7),.account-list>:nth-child(7){animation-delay:108ms}.gallery>:nth-child(8),.credit-tx-list>:nth-child(8),.account-list>:nth-child(8){animation-delay:126ms}@keyframes item-reveal{0%{opacity:0;transform:translate3d(0,6px,0)}}@keyframes success-pop{0%{transform:scale(.92)}65%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes favorite-pop{0%{transform:scale(.82)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes busy-pulse{0%,to{opacity:.62;transform:scale(.985)}50%{opacity:1;transform:scale(1)}}@media(hover:hover)and (pointer:fine){.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled),.workflow-item:hover:not(:disabled),.preset-btn:hover:not(:disabled),.ai-media-tab:hover:not(:disabled),.gallery-item:hover,.library-item:hover,.account-list-button:hover:not(:disabled){transform:translate3d(0,-1px,0)}.btn:active:not(:disabled){transform:scale(.98)}.icon-btn:active:not(:disabled){transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.animated-swap-layer,.fox-loader,.fox-loader-body,.fox-loader-tail,.fox-loader-ear,.fox-loader-eyes,.mobile-panel-overlay[data-presence],.mobile-panel-overlay[data-presence] .mobile-panel,.modal-overlay[data-presence],.modal-overlay[data-presence] .modal-content,.generation-status-completed .pill,.icon-btn.active,.busy-pulse,.gallery>:nth-child(-n+8),.credit-tx-list>:nth-child(-n+8),.account-list>:nth-child(-n+8){animation:none!important}.btn,.icon-btn,.workflow-item,.preset-btn,.ai-media-tab,.gallery-item,.library-item,.account-list-button,.sidebar-nav-btn:before,.ai-media-tab:after,.video-parameter-details>summary:after{transition-duration:.01ms!important}.btn,.icon-btn,.workflow-item,.preset-btn,.ai-media-tab,.gallery-item,.library-item,.account-list-button{transform:none!important}.fox-loader-body,.fox-loader-tail,.fox-loader-ear,.fox-loader-eyes{transform:none!important;will-change:auto}.fox-loader{transform:none!important}.status-bar-fill{transition:none}.generations-collapse,.generations-toggle svg{transition:none}.status-bar-fill.indeterminate{animation:none;transform:none}}@media(max-width:760px){.mobile-panel-overlay-community{align-items:flex-end;justify-content:center}.mobile-panel-community{width:100%;height:auto;max-height:84dvh;border-right:1px solid var(--border);border-bottom:0;border-left:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.mobile-panel-overlay[data-presence=entering] .mobile-panel-community{animation-name:sheet-enter}.mobile-panel-overlay[data-presence=exiting] .mobile-panel-community{animation-name:sheet-exit}}