*{box-sizing:border-box}:root{color-scheme:dark;--bg:#05070d;--surface:rgba(10,12,20,.78);--surface2:rgba(20,22,32,.86);--line:rgba(255,255,255,.09);--text:#f8fafc;--muted:#9ca3af;--accent:#f97316;--accent2:#fbbf24;--accent-rgb:249,115,22;--glow-strength:.8;--glass-opacity:.65;--surface-blur:22px;--star-opacity:.7;--nebula-opacity:.8;--border-strength:.6;--chat-opacity:.65;--radius:14px;--text-scale:1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;color:var(--text);font-size:calc(16px*var(--text-scale));background:radial-gradient(circle at 12% 2%,rgba(var(--accent-rgb),calc(.24*var(--nebula-opacity))),transparent 34rem),radial-gradient(circle at 90% 82%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 32rem),linear-gradient(180deg,#07080d,#030407 70%);transition:background .3s ease}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{opacity:var(--star-opacity);background-image:radial-gradient(circle at 9% 22%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 48% 18%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 78% 44%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 31% 77%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 93% 13%,#fff 0 1px,transparent 1.4px);background-size:170px 170px,210px 210px,260px 260px,190px 190px,240px 240px}body.no-particles:before{display:none}button,input,select,textarea{font:inherit}.sprite{display:none}.surface-shell{width:min(1240px,100%);margin:auto;padding:22px}.surface-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;margin-bottom:6px;border:1px solid rgba(255,255,255,calc(.07 + .12*var(--border-strength)));border-radius:calc(var(--radius) + 4px);background:rgba(8,10,16,var(--glass-opacity));backdrop-filter:blur(var(--surface-blur));box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 calc(34px*var(--glow-strength)) rgba(var(--accent-rgb),.08)}.brand-mark,.icon-box{display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent2) 8%,transparent));box-shadow:0 0 calc(28px*var(--glow-strength)) color-mix(in srgb,var(--accent) 18%,transparent)}.brand-mark{width:44px;height:44px;border-radius:14px;font-weight:900}.heading h1{font-size:clamp(20px,3vw,28px);margin:1px 0 2px}.heading p,.eyebrow{margin:0;color:var(--muted);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.13em}.header-actions,.row,.between,.action-row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}.action-row{flex-wrap:wrap}.button,.chip{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px;color:var(--text);background:rgba(255,255,255,.045);text-decoration:none;font-weight:750}.button{cursor:pointer}.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#050608}.button.ghost:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 12%,transparent)}.button.danger{color:#fda4af}.button:disabled{opacity:.45}.chip{padding:5px 9px;color:#e5e7eb;font-size:11px}.status{min-height:38px;padding:11px 4px;color:var(--muted);font-size:12px}.status.error{color:#fecdd3}.status.ok{color:#86efac}.surface-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.card{grid-column:span 4;min-width:0;padding:16px;border:1px solid rgba(255,255,255,calc(.06 + .12*var(--border-strength)));border-radius:var(--radius);background:rgba(10,12,20,var(--glass-opacity));backdrop-filter:blur(var(--surface-blur));box-shadow:0 18px 50px rgba(0,0,0,.22)}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.card h2,.card h3{margin:0 0 6px}.card h2{font-size:18px}.card h3{font-size:14px}.card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.icon-box{width:38px;height:38px;border-radius:12px;margin-bottom:14px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.meta span{padding:4px 7px;border-radius:99px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:#e5e7eb;font-size:10px}.list{display:grid;gap:9px;margin-top:12px}.list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.24)}.list-item strong{display:block;font-size:13px}.list-item small{display:block;color:var(--muted);margin-top:3px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.settings-nav{display:flex;flex-direction:column;gap:5px}.settings-nav button{border:1px solid transparent;border-radius:11px;padding:10px 12px;background:transparent;color:#a1a1aa;text-align:left;font-size:12px;font-weight:800}.settings-nav button.active,.settings-nav button:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.settings-panels{min-width:0}.settings-section{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-section.active{display:grid}.setting-group{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.22)}.setting-group h3{margin:0 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#a1a1aa}.field{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,1.25fr);align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.045);color:#d4d4d8;font-size:12px}.field:first-of-type{border-top:0}.field input[type=range],.field select,.field input[type=text],.field input[type=color]{width:100%;accent-color:var(--accent)}.field select,.field input[type=text],.dock-editor input{border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#08090d;color:var(--text);padding:9px}.field input[type=color]{height:34px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent}.field.toggle{grid-template-columns:1fr auto}.field.toggle small{display:block;color:#71717a;font-size:10px;margin-top:2px}.value-control{display:flex;align-items:center;gap:9px}.value-control output,.value-control code{min-width:52px;text-align:right;color:#fff;font-size:10px}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-card{position:relative;overflow:hidden;min-height:104px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:linear-gradient(140deg,color-mix(in srgb,var(--preset) 22%,#06070b),color-mix(in srgb,var(--preset2) 12%,#06070b));padding:14px;color:#fff;text-align:left}.preset-card.active{border-color:var(--preset);box-shadow:0 0 26px color-mix(in srgb,var(--preset) 24%,transparent)}.preset-card strong,.preset-card small{position:relative;display:block}.preset-card small{margin-top:5px;color:#d4d4d8}.preset-orb{position:absolute;width:76px;height:76px;border-radius:50%;right:-16px;top:-15px;background:radial-gradient(circle,var(--preset),transparent 70%);opacity:.72}.file-button input{display:none}.saved-theme-list{display:grid;gap:8px;margin-top:12px}.saved-theme-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;background:rgba(0,0,0,.2)}.saved-theme-list article strong,.saved-theme-list article small{display:block}.saved-theme-list article small,.empty-inline{color:#71717a;font-size:10px}.worktray-shell,.overlay-manager{display:grid;gap:14px}.tray-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.dock-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dock-slot{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:11px;background:rgba(255,255,255,.025);color:#fff;text-align:left}.dock-slot span,.dock-slot strong,.dock-slot small{display:block}.dock-slot span,.dock-slot small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#71717a}.dock-slot strong{margin:4px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-slot.active{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.dock-slot.collapsed{opacity:.7}.dock-stage{height:min(48vh,430px);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:#000}.dock-stage iframe{width:100%;height:100%;border:0}.dock-editor{display:grid;grid-template-columns:1fr 2fr 1fr auto auto auto;gap:8px;align-items:end}.dock-editor label span{display:block;margin-bottom:5px;color:#a1a1aa;font-size:10px}.inline-check{display:flex;align-items:center;gap:6px;color:#d4d4d8;font-size:11px}.surface-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.surface-launch{display:block;min-width:0;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);text-decoration:none;color:#fff}.surface-launch .icon-box{margin-bottom:9px}.surface-launch strong,.surface-launch small{display:block}.surface-launch small{margin-top:4px;color:#71717a;font-size:10px;line-height:1.35}.surface-launch:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.overlay-canvas{position:relative;height:min(58vh,600px);overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(var(--accent-rgb),.08),transparent 50%),#020305}.overlay-canvas.disabled{opacity:.45}.overlay-widget{position:absolute;overflow:hidden;border:1px dashed color-mix(in srgb,var(--accent) 65%,transparent);border-radius:12px;background:#000;box-shadow:0 12px 36px rgba(0,0,0,.45)}.overlay-widget.widget-hidden{opacity:.28!important}.overlay-widget header{position:absolute;inset:0 0 auto 0;z-index:2;height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 9px;background:rgba(3,4,7,.9);cursor:move;font-size:10px}.overlay-widget header span{color:#71717a;text-transform:uppercase}.overlay-widget iframe{width:100%;height:100%;padding-top:30px;border:0;background:transparent}.resize-handle{position:absolute;right:0;bottom:0;width:24px;height:24px;border:0;border-left:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-top:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:rgba(0,0,0,.8);cursor:se-resize}.overlay-layers{display:grid;gap:9px;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:12px;background:rgba(0,0,0,.22)}.overlay-layers article{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px;border-top:1px solid rgba(255,255,255,.05)}.overlay-layers article button{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:5px 8px;background:transparent;color:#d4d4d8}.overlay-empty{position:absolute;inset:20% 10%;display:grid;place-items:center}.empty{grid-column:1/-1;padding:34px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius);color:var(--muted)}.profile-card{display:flex;gap:16px;align-items:center}.avatar{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:24px;font-weight:900}.hidden{display:none!important}.reduce-motion *{animation:none!important;transition:none!important}body.mode-compact .surface-shell,body.mode-dock .surface-shell{padding:12px}body.mode-compact .surface-header,body.mode-dock .surface-header{grid-template-columns:auto 1fr}body.mode-compact .heading p,body.mode-dock .heading p,body.mode-compact .brand-mark{display:none}body.mode-compact .header-actions,body.mode-dock .header-actions{grid-column:1/-1;justify-content:flex-end}body.mode-overlay{background:transparent}body.mode-overlay:before,body.mode-overlay:after{display:none}.launch-link{margin-top:13px;display:inline-flex}@media(max-width:920px){.settings-layout{grid-template-columns:1fr}.settings-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.settings-nav button{text-align:center}.dock-editor{grid-template-columns:1fr 1fr}.surface-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.surface-shell{padding:10px}.surface-header{grid-template-columns:auto 1fr}.header-actions{grid-column:1/-1;justify-content:flex-end}.card,.card.wide{grid-column:1/-1}.settings-section.active{grid-template-columns:1fr}.field{grid-template-columns:1fr}.preset-grid,.dock-slots,.surface-launch-grid{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{align-items:flex-start}.surface-content{grid-template-columns:1fr}.dock-stage{height:46vh}.dock-editor{grid-template-columns:1fr}.overlay-canvas{height:56vh}}