:root{--font-main:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", sans-serif;--font-mono:"Fira Code", ui-monospace, monospace;--blur-intensity:20px;--anim-speed:.3s;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px;--bg-panel:#12121ca6;--bg-panel-rgb:18, 18, 28;--bg-window:#0f0f18bf;--bg-window-rgb:15, 15, 24;--bg-input:#ffffff0f;--border-glass:#ffffff1f;--border-glass-rgb:255, 255, 255;--border-glass-opacity:.12;--text-primary:#f8fafc;--text-primary-rgb:248, 250, 252;--text-secondary:#94a3b8;--text-secondary-rgb:148, 163, 184;--text-muted:#64748b;--shadow-premium:0 16px 40px #00000073, 0 1px 3px #ffffff14 inset;--accent:#06f;--accent-rgb:0, 102, 255;--accent-hover:#1d7bff;--accent-light:#06f3;--accent-glow:0 0 20px #0066ff59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-light{--bg-panel:#ffffffa6;--bg-panel-rgb:255, 255, 255;--bg-window:#f5f7facc;--bg-window-rgb:245, 247, 250;--bg-input:#0000000a;--border-glass:#00000014;--border-glass-rgb:0, 0, 0;--border-glass-opacity:.08;--text-primary:#0f172a;--text-primary-rgb:15, 23, 42;--text-secondary:#475569;--text-secondary-rgb:71, 85, 105;--text-muted:#94a3b8;--shadow-premium:0 16px 40px #00000026, 0 1px 3px #fffc inset;--accent-light:rgba(var(--accent-rgb), .12);--accent-glow:0 0 15px rgba(var(--accent-rgb), .2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.accent-sapphire{--accent:#06f;--accent-rgb:0, 102, 255;--accent-hover:#2580ff}.accent-emerald{--accent:#10b981;--accent-rgb:16, 185, 129;--accent-hover:#14d494}.accent-sunset{--accent:#f97316;--accent-rgb:249, 115, 22;--accent-hover:#fa8a3c}.accent-ruby{--accent:#ef4444;--accent-rgb:239, 68, 68;--accent-hover:#f16666}.accent-purple{--accent:#a855f7;--accent-rgb:168, 85, 247;--accent-hover:#b87cf8}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100vw;height:100vh;font-family:var(--font-main);color:var(--text-primary);background-color:#0b0c10;font-size:14px;overflow:hidden}body:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#0000000d 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}#root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:var(--border-radius-sm);background:#0000000d}::-webkit-scrollbar-thumb{background:rgba(var(--border-glass-rgb), .15);border-radius:var(--border-radius-sm);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:rgba(var(--border-glass-rgb), .3);background-clip:padding-box;border:2px solid #0000}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--blur-intensity)) saturate(130%);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);border-radius:var(--border-radius-lg);color:var(--text-primary);transition:background-color var(--anim-speed) ease, border-color var(--anim-speed) ease, box-shadow var(--anim-speed) ease}.glass-window{background:var(--bg-window);-webkit-backdrop-filter:blur(var(--blur-intensity)) saturate(140%);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);border-radius:var(--border-radius-lg);will-change:transform, width, height;flex-direction:column;display:flex;overflow:hidden}.interactive-btn{cursor:pointer;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-main);background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.interactive-btn:hover{background:rgba(var(--border-glass-rgb), .08)}.interactive-btn:active{transform:scale(.96)}.interactive-btn.active{background:var(--accent);color:#fff;box-shadow:var(--accent-glow)}.interactive-btn.active:hover{background:var(--accent-hover)}.glass-input{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-main);outline:none;width:100%;padding:10px 14px;transition:all .2s}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);background:rgba(var(--bg-panel-rgb), .5)}.glass-input::placeholder{color:var(--text-muted)}.glass-select{appearance:none;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 0.5)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;outline:none;padding:10px 40px 10px 14px;transition:all .2s}.theme-light .glass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(0, 0, 0, 0.5)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}.glass-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.glass-slider{-webkit-appearance:none;border-radius:var(--border-radius-sm);background:rgba(var(--border-glass-rgb), .15);outline:none;width:100%;height:6px;transition:background .3s}.glass-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px rgba(var(--accent-rgb), .4);border-radius:50%;transition:transform .1s,background-color .2s}.glass-slider::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.25)}.glass-slider::-webkit-slider-thumb:active{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--anim-speed) ease forwards}.slide-up{animation:slideUp var(--anim-speed) cubic-bezier(.34, 1.56, .64, 1) forwards}.flex-center{justify-content:center;align-items:center;display:flex}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desktop-container{z-index:2;background-position:50%;background-size:cover;flex-direction:column;width:100vw;height:100vh;transition:background-image .5s;display:flex;position:relative;overflow:hidden}.desktop-content{flex-direction:column;flex:1;padding:16px;display:flex;position:relative;overflow:hidden}.drag-select-box{border:1px solid var(--accent);background:rgba(var(--accent-rgb), .15);pointer-events:none;z-index:9999;border-radius:2px;position:absolute}