.desktop-shell{--d-lit:inset 0 1px 0 #ffffff1a;--d-lit-strong:inset 0 1px 0 #ffffff29;--d-lip:inset 0 -1px 0 #00000052;--d-ring:inset 0 0 0 1px #ffffff0d;--d-1:0 1px 1.5px #0000006b;--d-2:0 1px 2px #0000006b, 0 3px 8px -3px #00000085;--d-3:0 2px 4px #0006, 0 12px 28px -8px #0000009e;--d-well:inset 0 2px 4px #0000006b, inset 0 1px 0 #00000080;--d-press:inset 0 1px 3px #00000080, inset 0 -1px 0 #ffffff0a;--d-face:linear-gradient(180deg, #ffffff13, #fff0 62%);--d-face-hot:linear-gradient(180deg, #ffffff1d, #fff0 66%);--d-face-in:linear-gradient(180deg, #0000002b, #ffffff09);--r-input:7px;--r-ctl:8px;--r-card:12px;--r-panel:15px;--ease:cubic-bezier(.2, .7, .3, 1);font-family:var(--font-geist-sans), system-ui, sans-serif;font-feature-settings:"cv01", "ss01"}.desktop-shell :is(h1,h2,h3,.suite-head-name,.gallery-title,.settings-page-title,.desktop-panel-heading){font-family:var(--font-display), var(--font-geist-sans), system-ui, sans-serif;font-synthesis-weight:none}.desktop-shell .suite-head-name,.desktop-shell .gallery-title,.desktop-shell .settings-page-title{letter-spacing:-.026em;color:var(--sh-text);margin:0;font-size:27px;font-weight:700;line-height:1.1}.desktop-shell .desktop-panel-heading,.desktop-shell .suite-rail-title{font-family:var(--font-display), var(--font-geist-sans), sans-serif;letter-spacing:.02em;color:var(--sh-text);font-size:12.5px;font-weight:700}.desktop-shell :is(.tree-header-title,.desktop-empty-kicker,.settings-section-title,.gallery-count){text-transform:uppercase;letter-spacing:.11em;color:var(--sh-muted);font-size:10.5px;font-weight:700}.desktop-shell :is(code,kbd,.suite-head-path code,.studio-canvas-meta strong){font-family:var(--font-code), ui-monospace, monospace;font-variant-ligatures:none}.desktop-shell :is(.suite-row-meta,.suite-widget-group,.tree-count,.tree-header-count,.topbar-count-pill,.gallery-card-meta,.suite-rail-count){font-variant-numeric:tabular-nums lining-nums}.desktop-shell :is(.sidebar,.topbar,.desktop-project-tree,.studio-canvas-panel,.desktop-view-frame,.desktop-shell-main,.conversations-panel,.settings-card,.settings-card-row,.theme-rail-section,.gallery-card,.gallery-state,.tree-header,.studio-recent,.desktop-empty-panel,.chat-composer){border:none}.desktop-shell .sidebar-divider,.desktop-shell .ctx-divider{display:none}.desktop-shell .topbar{box-shadow:var(--d-lit), 0 1px 0 #00000080, 0 6px 18px -10px #000c;z-index:5;position:relative}.desktop-shell .sidebar{box-shadow:1px 0 #0000006b}.desktop-shell :is(.btn-tactile,.topbar-action-btn,.topbar-icon-btn,.settings-action-btn,.settings-key-btn,.chat-workbar-actions button,.studio-canvas-actions button,.studio-canvas-head-actions button,.desktop-panel-actions button,.tree-header button,.skin-ai-ghost-btn,.gallery-load-btn,.gallery-filter-btn,.gallery-sort-select,.studio-tab-new,.desktop-empty-actions button,.shortcuts-head button,.setup-banner button){border-radius:var(--r-ctl);background-color:var(--sh-ctl);background-image:var(--d-face);color:var(--sh-text-2);letter-spacing:-.003em;box-shadow:var(--d-lit), var(--d-lip), var(--d-1);transition:background-color .13s var(--ease), box-shadow .13s var(--ease), transform 80ms var(--ease), color .13s var(--ease);border:none;font-family:inherit;font-size:12.5px;font-weight:600;position:relative}.desktop-shell :is(.btn-tactile,.topbar-action-btn,.topbar-icon-btn,.settings-action-btn,.settings-key-btn,.chat-workbar-actions button,.studio-canvas-actions button,.studio-canvas-head-actions button,.desktop-panel-actions button,.tree-header button,.skin-ai-ghost-btn,.gallery-load-btn,.gallery-filter-btn,.gallery-sort-select,.studio-tab-new,.desktop-empty-actions button,.shortcuts-head button,.setup-banner button):hover:not(:disabled){background-color:var(--sh-ctl-hover);background-image:var(--d-face-hot);color:var(--sh-text);box-shadow:var(--d-lit-strong), var(--d-lip), var(--d-2);transform:none}.desktop-shell :is(.btn-tactile,.topbar-action-btn,.topbar-icon-btn,.settings-action-btn,.settings-key-btn,.chat-workbar-actions button,.studio-canvas-actions button,.studio-canvas-head-actions button,.desktop-panel-actions button,.tree-header button,.skin-ai-ghost-btn,.gallery-load-btn,.gallery-filter-btn,.gallery-sort-select,.studio-tab-new,.desktop-empty-actions button,.shortcuts-head button,.setup-banner button):active:not(:disabled){background-image:var(--d-face-in);box-shadow:var(--d-press);transform:translateY(1px)}.desktop-shell :is(.btn-tactile,.topbar-action-btn,.gallery-filter-btn,.gallery-load-btn):disabled{background-image:none;background-color:color-mix(in srgb, var(--sh-ctl) 55%, transparent);box-shadow:none;color:color-mix(in srgb, var(--sh-muted) 75%, transparent);cursor:not-allowed}.desktop-shell .btn-tactile{cursor:pointer;white-space:nowrap;min-height:32px;padding:0 14px}.desktop-shell .btn-tactile-sm{border-radius:var(--r-input);min-height:27px;padding:0 10px;font-size:11.5px}.desktop-shell :is(.btn-tactile-primary,.desktop-empty-primary,.setup-banner>button:not(.setup-banner-dismiss)){background-color:color-mix(in srgb, var(--accent,#38bdf8) 82%, #06121e);color:#04121d;box-shadow:inset 0 1px 0 #ffffff59, inset 0 -1px 0 #00000038, 0 1px 2px #00000073, 0 4px 12px -5px color-mix(in srgb, var(--accent,#38bdf8) 55%, transparent);background-image:linear-gradient(#ffffff38,#fff0 64%);font-weight:700}.desktop-shell :is(.btn-tactile-primary,.desktop-empty-primary):hover:not(:disabled){background-color:color-mix(in srgb, var(--accent,#38bdf8) 94%, #06121e);color:#04121d;box-shadow:inset 0 1px 0 #ffffff6b, inset 0 -1px 0 #00000038, 0 2px 4px #0000006b, 0 7px 18px -6px color-mix(in srgb, var(--accent,#38bdf8) 62%, transparent)}.desktop-shell .btn-tactile.is-on{background-color:color-mix(in srgb, var(--accent,#38bdf8) 20%, var(--sh-ctl));background-image:var(--d-face-in);color:var(--sh-text);box-shadow:var(--d-press)}.desktop-shell :is(.btn-tactile,button,[role=option],input,select,textarea):focus-visible{box-shadow:var(--d-lit), var(--d-1), 0 0 0 2px var(--sh-bg,#0e0f11), 0 0 0 4px color-mix(in srgb, var(--accent,#38bdf8) 72%, transparent);outline:none}.desktop-shell :is(.topbar-search input,.gallery-search,.conversation-search,.studio-chat-search,.suite-rail-search,.settings-input,input[type=text],textarea){border-radius:var(--r-input);background-color:color-mix(in srgb, #05070b 42%, var(--sh-panel));box-shadow:var(--d-well);color:var(--sh-text);background-image:none;border:none}.desktop-shell :is(.gallery-search,.suite-rail-search):focus-within{box-shadow:var(--d-well), 0 0 0 2px color-mix(in srgb, var(--accent,#38bdf8) 55%, transparent)}.desktop-shell :is(.gallery-card,.suite-widget){border-radius:var(--r-card);background-image:var(--d-face);box-shadow:var(--d-lit), var(--d-ring), var(--d-2);transition:box-shadow .18s var(--ease), transform .18s var(--ease);border:none}.desktop-shell :is(.gallery-card,.suite-widget):hover{box-shadow:var(--d-lit-strong), var(--d-ring), var(--d-3);transform:translateY(-2px)}.desktop-shell :is(.gallery-card,.suite-widget):active{box-shadow:var(--d-lit), var(--d-ring), var(--d-1);transform:translateY(0)}.desktop-shell :is(.gallery-card-active,.suite-widget.is-live){box-shadow:var(--d-lit-strong), inset 0 0 0 1px color-mix(in srgb, var(--accent,#38bdf8) 42%, transparent), var(--d-2), 0 0 22px -10px color-mix(in srgb, var(--accent,#38bdf8) 60%, transparent)}.desktop-shell .suite-browser{grid-template-columns:272px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.desktop-shell .suite-rail{background:color-mix(in srgb, var(--sh-panel) 92%, #05070b);grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;padding:14px 10px 0;display:grid;box-shadow:1px 0 #0006}.desktop-shell .suite-rail-head{justify-content:space-between;align-items:baseline;padding:0 8px 10px;display:flex}.desktop-shell .suite-rail-count{color:var(--sh-muted);font-size:11px;font-weight:700}.desktop-shell .suite-rail-search{min-height:32px;color:var(--sh-muted);align-items:center;gap:7px;margin:0 4px 10px;padding:0 9px;display:flex}.desktop-shell .suite-rail-search input{min-width:0;box-shadow:none;color:var(--sh-text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.desktop-shell .suite-rail-search input::placeholder{color:var(--sh-muted)}.desktop-shell .suite-rail-search-clear{width:18px;height:18px;color:var(--sh-text-2);cursor:pointer;background:#ffffff14;border:none;border-radius:999px;place-items:center;display:grid}.desktop-shell .suite-rail-list{flex-direction:column;gap:2px;min-height:0;padding:0 2px 10px;display:flex;overflow-y:auto}.desktop-shell .suite-row{width:100%;min-height:50px;color:inherit;text-align:left;cursor:pointer;transition:background-color .13s var(--ease), box-shadow .13s var(--ease);background:0 0;border:none;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.desktop-shell .suite-row:hover{background-color:#ffffff0b}.desktop-shell .suite-row.is-active{background-color:color-mix(in srgb, var(--accent,#38bdf8) 15%, var(--sh-raised));background-image:var(--d-face);box-shadow:var(--d-lit), var(--d-lip), var(--d-1)}.desktop-shell .suite-row-thumb{background:color-mix(in srgb, #05070b 45%, var(--sh-panel));width:38px;height:38px;box-shadow:var(--d-well);border-radius:9px;place-items:center;display:grid;overflow:hidden}.desktop-shell .suite-row-thumb img{object-fit:cover;width:100%;height:100%}.desktop-shell .suite-row-initial{font-family:var(--font-display), sans-serif;color:hsl(var(--suite-hue,200) 70% 72%);font-size:15px;font-weight:700}.desktop-shell .suite-row-thumb:has(.suite-row-initial){background:linear-gradient(180deg, hsl(var(--suite-hue,200) 46% 26%), hsl(var(--suite-hue,200) 52% 17%))}.desktop-shell .suite-row-lines{flex-direction:column;gap:1px;min-width:0;display:flex}.desktop-shell .suite-row-name{letter-spacing:-.008em;color:var(--sh-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.desktop-shell .suite-row.is-active .suite-row-name{color:var(--sh-text)}.desktop-shell .suite-row-meta{color:var(--sh-muted);font-size:11px}.desktop-shell .suite-row-live{background:var(--sh-ok,#34d399);width:7px;height:7px;box-shadow:0 0 8px -1px var(--sh-ok,#34d399);border-radius:999px}.desktop-shell .suite-row.is-skeleton{cursor:default;pointer-events:none}.desktop-shell .suite-rail-empty{color:var(--sh-muted);margin:0;padding:20px 12px;font-size:12.5px;line-height:1.55}.desktop-shell .suite-rail-foot{color:var(--sh-muted);cursor:pointer;align-items:center;gap:8px;padding:11px 12px;font-size:11.5px;display:flex;box-shadow:0 -1px #00000059,inset 0 1px #ffffff09}.desktop-shell .suite-rail-foot input{accent-color:var(--accent,#38bdf8)}.desktop-shell .suite-stage{background:color-mix(in srgb, #080c13 calc(var(--snow-surface-opacity,68%) * .55 + 46%), transparent);flex-direction:column;min-width:0;min-height:0;padding:22px 26px 34px;display:flex;overflow-y:auto}.desktop-shell .suite-head{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.desktop-shell .suite-head-back{border-radius:var(--r-ctl);background-color:var(--sh-ctl);background-image:var(--d-face);width:32px;height:32px;box-shadow:var(--d-lit), var(--d-lip), var(--d-1);color:var(--sh-text-2);cursor:pointer;border:none;flex:none;place-items:center;margin-top:2px;display:grid}.desktop-shell .suite-head-back:hover{background-color:var(--sh-ctl-hover);color:var(--sh-text)}.desktop-shell .suite-head-back:active{box-shadow:var(--d-press);transform:translateY(1px)}.desktop-shell .suite-head-id{flex:1;min-width:0}.desktop-shell .suite-head-path{color:var(--sh-muted);flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0 0;font-size:11.5px;display:flex}.desktop-shell .suite-head-path code{color:var(--sh-text-2);font-size:11px}.desktop-shell .suite-head-live{color:var(--sh-ok,#34d399);font-weight:600}.desktop-shell .suite-head-actions{flex-wrap:wrap;gap:7px;padding-top:2px;display:flex}.desktop-shell .suite-widgets{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:14px;display:grid}.desktop-shell .suite-widget{background-color:var(--sh-group);flex-direction:column;display:flex;overflow:hidden}.desktop-shell .suite-widget-stage{aspect-ratio:16/10;cursor:pointer;background-color:#0a0e15;background-image:linear-gradient(45deg,#ffffff06 25%,#0000 25% 75%,#ffffff06 75%),linear-gradient(45deg,#ffffff06 25%,#0000 25% 75%,#ffffff06 75%);background-position:0 0,8px 8px;background-size:16px 16px;border:none;place-items:center;width:100%;padding:12px;display:grid;position:relative;box-shadow:inset 0 -1px #00000073}.desktop-shell .suite-widget-thumb,.desktop-shell .suite-widget-thumb-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s var(--ease);justify-content:center;align-items:center;display:flex}.desktop-shell .suite-widget-thumb>svg,.desktop-shell .gallery-card-engine-svg>svg{width:auto;max-width:100%;height:auto;max-height:100%}.desktop-shell .suite-widget:hover .suite-widget-thumb,.desktop-shell .suite-widget:hover .suite-widget-thumb-img{transform:scale(1.03)}.desktop-shell .suite-widget-thumb.is-pending,.desktop-shell .suite-widget-thumb.is-empty{background:#ffffff09;border-radius:8px;width:62%;height:46%}.desktop-shell .suite-widget-thumb.is-pending{animation:1.5s ease-in-out infinite suite-pulse}@keyframes suite-pulse{0%,to{opacity:.45}50%{opacity:.85}}.desktop-shell .suite-widget-live{background:color-mix(in srgb, var(--sh-ok,#34d399) 22%, #060c14d9);color:var(--sh-ok,#34d399);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700;position:absolute;top:8px;left:8px}.desktop-shell .suite-widget-bar{justify-content:space-between;align-items:center;gap:8px;padding:9px 10px 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}.desktop-shell .suite-widget-lines{flex-direction:column;min-width:0;display:flex}.desktop-shell .suite-widget-name{color:var(--sh-text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.desktop-shell .suite-widget-tag{color:var(--sh-muted);letter-spacing:.07em;text-transform:uppercase;background:#e2ecff14;border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 6px;font-size:9.5px;font-weight:700}.desktop-shell .suite-widget.is-panel .suite-widget-stage{opacity:.72}.desktop-shell .suite-widget-group{color:var(--sh-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.desktop-shell .suite-widget-actions{flex:none;align-items:center;gap:5px;display:flex}.desktop-shell .suite-widget .suite-widget-edit{opacity:0;transition:opacity .13s var(--ease), background-color .13s var(--ease), box-shadow .13s var(--ease)}.desktop-shell .suite-widget:hover .suite-widget-edit,.desktop-shell .suite-widget:focus-within .suite-widget-edit{opacity:1}.desktop-shell .suite-widget-fav{border-radius:var(--r-input);width:26px;height:26px;color:var(--sh-muted);cursor:pointer;transition:color .13s var(--ease), background-color .13s var(--ease);background:0 0;border:none;place-items:center;display:grid}.desktop-shell .suite-widget-fav:hover{color:var(--sh-text-2);background:#ffffff12}.desktop-shell .suite-widget-fav[aria-pressed=true]{color:#f0b429}.desktop-shell .suite-widget.is-open{box-shadow:var(--d-lit-strong), inset 0 0 0 2px color-mix(in srgb, var(--accent,#38bdf8) 60%, transparent), var(--d-2)}.desktop-shell .suite-stage-state{border-radius:var(--r-panel);background-color:var(--sh-group);background-image:var(--d-face);max-width:46ch;box-shadow:var(--d-lit), var(--d-ring), var(--d-2);flex-direction:column;align-items:flex-start;gap:10px;padding:34px 30px;display:flex}.desktop-shell .suite-stage-state h3{font-family:var(--font-display), sans-serif;letter-spacing:-.018em;color:var(--sh-text);margin:0;font-size:17px;font-weight:700}.desktop-shell .suite-stage-state p{color:var(--sh-text-2);margin:0;font-size:13px;line-height:1.6}.desktop-shell .suite-stage-loading{color:var(--sh-muted)}.desktop-shell :is(.suite-files,.suite-detail){border-radius:var(--r-panel);background-color:var(--sh-group);min-height:0;box-shadow:var(--d-lit), var(--d-ring), var(--d-2);overflow:hidden}.desktop-shell .suite-files .skin-tree{background:0 0}.desktop-shell .live-dot{background:var(--sh-ok,#34d399);width:6px;height:6px;box-shadow:0 0 7px -1px var(--sh-ok,#34d399);vertical-align:.08em;border-radius:999px;flex:none;margin-right:1px;display:inline-block}.desktop-shell .theme-dirty-dot{background:var(--sh-warn,#fbbf24);border-radius:999px;flex:none;width:7px;height:7px;display:inline-block}.desktop-shell :is(.gallery-card-fav,.theme-saved-use){border-radius:var(--r-input);width:26px;height:26px;color:var(--sh-muted);cursor:pointer;transition:color .13s var(--ease), background-color .13s var(--ease);background:0 0;border:none;place-items:center;display:grid}.desktop-shell :is(.gallery-card-fav,.theme-saved-use):hover{color:var(--sh-text-2);background:#ffffff14}.desktop-shell :is(.gallery-card-fav.on,.theme-saved-use[aria-pressed=true]){color:#f0b429}.desktop-shell .gallery-filter-btn{align-items:center;gap:5px;display:inline-flex}:is([data-theme=light],[data-ui-preset=light]) .desktop-shell{--d-lit:inset 0 1px 0 #ffffffe6;--d-lit-strong:inset 0 1px 0 #fff;--d-lip:inset 0 -1px 0 #0f192d1a;--d-ring:inset 0 0 0 1px #0f192d12;--d-1:0 1px 1.5px #0f192d1a;--d-2:0 1px 2px #0f192d17, 0 3px 8px -3px #0f192d21;--d-3:0 2px 4px #0f192d1a, 0 12px 28px -8px #0f192d2e;--d-well:inset 0 2px 4px #0f192d1f, inset 0 1px 0 #0f192d24;--d-press:inset 0 1px 3px #0f192d2e;--d-face:linear-gradient(180deg, #ffffffd9, #fff0 62%);--d-face-hot:linear-gradient(180deg, #fff, #fff0 66%);--d-face-in:linear-gradient(180deg, #0f192d12, #fff6)}:is([data-theme=light],[data-ui-preset=light]) .desktop-shell .suite-widget-stage{background-color:#e9edf3;background-image:linear-gradient(45deg,#141e320b 25%,#0000 25% 75%,#141e320b 75%),linear-gradient(45deg,#141e320b 25%,#0000 25% 75%,#141e320b 75%);box-shadow:inset 0 -1px #0f192d1a}@media (prefers-reduced-motion:reduce){.desktop-shell :is(.gallery-card,.suite-widget):hover{transform:none}.desktop-shell :is(.suite-widget-thumb,.suite-widget-thumb-img){transition:none}.desktop-shell .suite-widget:hover :is(.suite-widget-thumb,.suite-widget-thumb-img){transform:none}.desktop-shell .suite-widget-thumb.is-pending{opacity:.6;animation:none}}@media (max-width:1080px){.desktop-shell .suite-browser{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.desktop-shell .suite-rail{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 10px;padding:10px 12px;box-shadow:0 1px #0006}.desktop-shell .suite-rail-head{padding:0}.desktop-shell .suite-rail-search{grid-column:2;margin:0}.desktop-shell .suite-rail-list{flex-direction:row;grid-column:1/-1;gap:6px;padding-top:10px;overflow:auto hidden}.desktop-shell .suite-row{flex:none;width:auto;min-width:190px}.desktop-shell .suite-rail-foot{display:none}.desktop-shell .suite-stage{padding:18px 18px 28px}}.desktop-shell .suite-more{align-items:center;gap:10px;margin-top:16px;display:flex}.desktop-shell .suite-more span{font-variant-numeric:tabular-nums;color:var(--sh-muted);font-size:11.5px}.desktop-shell .desktop-status-toast{background-color:var(--sh-raised,#1a2232);background-image:var(--d-face);box-shadow:var(--d-lit), var(--d-ring), var(--d-3);border:none;align-items:center;gap:9px;display:flex}.desktop-shell .toast-dot{background:var(--sh-muted);border-radius:999px;flex:none;width:8px;height:8px}.desktop-shell .toast-dot.success{background:var(--sh-ok,#34d399);box-shadow:0 0 8px -1px var(--sh-ok,#34d399)}.desktop-shell .toast-dot.error{background:#f87171;box-shadow:0 0 8px -1px #f87171}.desktop-shell .toast-dot.loading{animation:1.2s ease-in-out infinite suite-pulse}.desktop-shell .desktop-status-toast.error{color:#fecaca}.desktop-shell .desktop-status-toast.success{color:var(--sh-text)}@media (prefers-reduced-motion:reduce){.desktop-shell .toast-dot.loading{animation:none}}