@font-face{font-family:Inter;src:url(/fonts/Inter.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #101019;--bg-deep: #0b0b12;--surface: #191925;--surface-2: #1f1f2e;--surface-3: #27273a;--surface-glass: rgba(25, 25, 37, .72);--primary: #795bff;--primary-hi: #a58bff;--primary-soft: rgba(121, 91, 255, .16);--primary-line: rgba(165, 139, 255, .3);--text: #f6f4ff;--text-2: #b0abc9;--text-3: #948eb3;--border: rgba(255, 255, 255, .075);--border-strong: rgba(255, 255, 255, .13);--success: #4ade9a;--success-soft: rgba(74, 222, 154, .14);--warning: #f5b352;--warning-soft: rgba(245, 179, 82, .14);--danger: #ff6b7a;--danger-soft: rgba(255, 107, 122, .14);--info: #63b3ff;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--sidebar-w: 244px;--sidebar-w-compact: 78px;--header-h: 74px;--shadow-sm: 0 4px 16px rgba(0, 0, 0, .35);--shadow-md: 0 18px 50px rgba(0, 0, 0, .45);--shadow-glow: 0 0 0 1px var(--primary-line), 0 12px 45px rgba(121, 91, 255, .28);--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, .8, .24, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}[data-theme=obsidian]{--primary: #5b7cff;--primary-hi: #8fa8ff;--primary-soft: rgba(91, 124, 255, .16);--primary-line: rgba(143, 168, 255, .32);--bg: #0c0d14;--surface: #151722}[data-theme=violet]{--primary: #b45bff;--primary-hi: #d3a1ff;--primary-soft: rgba(180, 91, 255, .16);--primary-line: rgba(211, 161, 255, .3);--bg: #120d1c;--surface: #1d1529}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 42% at 72% -8%,rgba(121,91,255,.16),transparent 70%),radial-gradient(48% 34% at 4% 30%,rgba(121,91,255,.07),transparent 70%),linear-gradient(180deg,#101019,#0c0c14)}h1,h2,h3,h4,h5{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.12}p{margin:0}a{color:inherit;text-decoration:none}img,svg,canvas{display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}ul,ol{margin:0;padding:0;list-style:none}::selection{background:#a58bff59;color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#34344a;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#4a4a66;background-clip:content-box}:focus-visible{outline:2px solid var(--primary-hi);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-hi)}.section{margin-top:46px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:clamp(20px,2vw,25px)}.section-head p{margin-top:5px;color:var(--text-2);font-size:13.5px}.section-link{display:inline-flex;align-items:center;gap:7px;flex:none;color:var(--text-2);font-size:13px;font-weight:600;transition:color .2s var(--ease),gap .2s var(--ease)}.section-link:hover{color:var(--primary-hi);gap:10px}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--text);--btn-border: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;border:1px solid var(--btn-border);border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.btn:hover{transform:translateY(-1px);background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:translateY(0) scale(.985)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn--primary{--btn-bg: linear-gradient(135deg, #6a48f0 0%, #5432d8 100%);--btn-border: transparent;box-shadow:0 8px 30px #795bff59}.btn--primary:hover{--btn-bg: linear-gradient(135deg, #7a5bff 0%, #5f3ef0 100%);box-shadow:0 10px 38px #795bff80}.btn--soft{--btn-bg: var(--primary-soft);--btn-border: var(--primary-line);--btn-fg: var(--primary-hi)}.btn--soft:hover{--btn-bg: rgba(121, 91, 255, .24)}.btn--ghost{--btn-bg: rgba(255, 255, 255, .04);--btn-border: var(--border)}.btn--danger{--btn-bg: var(--danger-soft);--btn-border: rgba(255, 107, 122, .28);--btn-fg: #ff9ca6}.btn--sm{min-height:36px;padding:0 15px;font-size:12.5px}.btn--lg{min-height:52px;padding:0 28px;font-size:15px}.btn--block{width:100%}.btn__icon{flex:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid transparent;color:var(--text-2);background:transparent;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.icon-btn:hover{background:#ffffff0f;color:var(--text)}.icon-btn--bordered{border-color:var(--border);background:#ffffff08}.icon-btn.is-active{color:var(--primary-hi);background:var(--primary-soft);border-color:var(--primary-line)}.chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:var(--text-2);font-size:12.5px;font-weight:500;transition:all .18s var(--ease)}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.is-active{color:#fff;background:var(--primary);border-color:transparent;box-shadow:0 6px 22px #795bff4d}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--border);border-radius:6px;background:#ffffff0a;color:var(--text-2);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tag--primary{color:var(--primary-hi);border-color:var(--primary-line);background:var(--primary-soft)}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status--playable{color:var(--success);background:var(--success-soft)}.status--demo{color:var(--warning);background:var(--warning-soft)}.status--unavailable{color:var(--text-3);background:#ffffff0d}.input,.select{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#09090f80;color:var(--text);font-size:14px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{outline:none;border-color:var(--primary-line);box-shadow:0 0 0 3px #795bff24}.select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b0abc9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}.field{display:grid;gap:7px}.field>span{color:var(--text-2);font-size:12.5px;font-weight:600}.range{width:100%;height:26px;accent-color:var(--primary)}.toggle{position:relative;display:inline-flex;flex:none;width:46px;height:26px;border-radius:999px;border:1px solid var(--border-strong);background:#ffffff0f;transition:background .2s var(--ease),border-color .2s var(--ease)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-2);transition:transform .22s var(--ease-out),background .2s var(--ease)}.toggle[aria-checked=true]{background:var(--primary);border-color:transparent;box-shadow:0 0 20px #795bff59}.toggle[aria-checked=true]:after{transform:translate(20px);background:#fff}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,#1f1f2ecc,#14141ee6);box-shadow:var(--shadow-sm)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.panel__head h3{font-size:17px}.panel__body{padding:22px}.empty{display:grid;place-items:center;gap:14px;min-height:280px;padding:40px 24px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:#ffffff04}.empty__icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--primary-soft);color:var(--primary-hi)}.empty h3{font-size:19px}.empty p{max-width:380px;color:var(--text-2);font-size:13.5px}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-md);background:#1b1b29}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.06) 45%,transparent 70%);transform:translate(-100%);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeUp .55s var(--ease-out) both}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);z-index:40;padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:#08080d;color:var(--text);font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s var(--ease),transform .16s var(--ease)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}