@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#0f1012;--panel:#16171a;--panel-2:#16171a;--well:#1e1f23;--hover:#2a2b30;--raised:#34363c;--line:#ffffff0d;--edge:#ffffff14;--fg:#f2f2f2;--soft:#a0a3a8;--faint:#6b6e73;--teal:#5fd4c0;--teal-hover:#7de0cf;--on-teal:#0f1012;--sky:#7fb2f0;--lemon:#e6d36a;--red:#f0616f;--accent:var(--teal);--accent-2:var(--teal);--sans:"Manrope", ui-sans-serif, -apple-system, system-ui, sans-serif;--pixel:var(--sans);--notch:0 0 #0000;--r-control:8px;--r-card:12px;--shadow-overlay:0 8px 32px #0006;--ease:.15s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--fg);font-family:var(--sans)}[hidden]{display:none!important}canvas.px,img.px{image-rendering:pixelated}::selection{background:#5fd4c04d}body button{font:600 14px/1 var(--sans);letter-spacing:0;background:var(--well);color:var(--fg);box-shadow:none;cursor:pointer;transition:background var(--ease), color var(--ease);border:0;border-radius:999px;margin:0;padding:9px 16px}body button:hover:not(:disabled){background:var(--hover)}body button:disabled{opacity:.4;cursor:not-allowed}body button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.primary{background:var(--teal);color:var(--on-teal)}.primary:hover:not(:disabled){background:var(--teal-hover)}.quiet{color:var(--soft);background:0 0}.quiet:hover:not(:disabled){color:var(--fg);background:var(--well)}body button.icon{border-radius:var(--r-control);place-items:center;width:36px;height:36px;padding:0;display:inline-grid}body button svg{display:block}body input[type=number],body input:not([type]),body input[type=text],body input[type=password],body textarea,body select{font:500 14px/1.3 var(--sans);background:var(--well);color:var(--fg);border-radius:var(--r-control);box-shadow:none;transition:background var(--ease), box-shadow var(--ease);border:0;margin:0;padding:8px 12px}body input:focus-visible,body textarea:focus-visible,body select:focus-visible{box-shadow:0 0 0 2px var(--teal);outline:0}body input::placeholder,body textarea::placeholder{color:var(--faint)}body select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a3a8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}body input[type=checkbox]{appearance:none;background:var(--well);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;transition:background var(--ease);border-radius:4px;flex:none;margin:0}body input[type=checkbox]:checked{background:var(--teal);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f1012' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.panel{background:var(--panel);border-radius:var(--r-card);box-shadow:none}kbd{font:500 12px var(--sans);background:var(--well);color:var(--soft);border-radius:5px;padding:2px 6px}body .bar{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);height:48px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;gap:16px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}body .bar b{flex:none;align-items:center;gap:12px;font-weight:400;display:flex}body .bar b .preview{font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:var(--well);color:var(--lemon);cursor:default;border-radius:999px;padding:6px 10px}body .bar b a{color:var(--fg);align-items:center;gap:10px;line-height:0;text-decoration:none;display:flex}body .bar b a .product{font:600 15px/1 var(--sans);color:var(--soft);letter-spacing:-.01em;box-shadow:inset 1px 0 0 0 var(--edge);padding-left:10px}body .bar b svg.wordmark{width:auto;height:20px;display:block}body .bar b a.crumb{font:600 15px/1 var(--sans);color:var(--soft);letter-spacing:-.01em;box-shadow:inset 1px 0 0 0 var(--edge);margin-left:-2px;padding-left:12px}body .bar b a.crumb[aria-current],body .bar b a:hover .product,body .bar b a.crumb:hover{color:var(--fg)}body .bar>a{display:none}body .bar a,body .bar .status{font:500 14px var(--sans);white-space:nowrap}body .bar .status{color:var(--faint);margin-left:auto;font-size:13px}body .bar nav{align-items:center;gap:18px;margin-left:auto;display:flex}body .bar .status+nav{margin-left:0}body .bar nav a{color:var(--soft);transition:color var(--ease);padding:14px 0;text-decoration:none}body .bar nav a[aria-current]{color:var(--fg);box-shadow:inset 0 -2px 0 0 var(--teal);font-weight:600}body .bar nav a:hover,body .bar nav button:hover:not(:disabled){color:var(--fg)}body .bar nav button{font:500 14px var(--sans);box-shadow:none;color:var(--soft);background:0 0;border-radius:0;margin:0;padding:0}body .bar nav button:hover:not(:disabled){background:0 0}body .bar nav .slot:empty{display:none}body .bar nav .help{display:flex;position:relative}body .bar nav #help{align-items:center;gap:4px;padding:14px 0;display:flex}body .bar nav #help.on{color:var(--fg)}body .bar nav .help-menu:not([hidden]){z-index:30;background:var(--panel);border-radius:var(--r-card);min-width:200px;box-shadow:0 0 0 1px var(--edge), var(--shadow-overlay);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 2px);right:-12px}body .bar nav .help-menu a,body .bar nav .help-menu button{border-radius:var(--r-control);min-height:40px;font:500 14px var(--sans);color:var(--fg);text-align:left;white-space:nowrap;background:0 0;align-items:center;padding:0 12px;text-decoration:none;display:flex}body .bar nav .help-menu a:hover,body .bar nav .help-menu button:hover:not(:disabled){background:var(--well);color:var(--fg)}dialog{background:var(--well);color:var(--fg);border-radius:var(--r-card);width:min(460px,100vw - 32px);box-shadow:var(--shadow-overlay);border:0;padding:28px 32px}dialog::backdrop{background:#0009}dialog h2{font:700 32px/1.1 var(--sans);letter-spacing:-.02em;margin:0 0 8px}dialog p{color:var(--soft);text-wrap:pretty;font-size:15px;line-height:1.55}dialog input{width:100%;margin:6px 0 16px!important}dialog .end{justify-content:flex-end;gap:8px;display:flex}#vst-dlg .row{flex-wrap:wrap;gap:10px;margin:18px 0 14px;display:flex}#vst-dlg .row button{padding:12px 22px;font-size:15px}#vst-dlg .fine{color:var(--faint);margin:0 0 18px;font-size:13px}#vst-dlg .fine a{color:var(--soft)}#about-dlg p{color:var(--soft);line-height:1.55}#about-dlg .socials{flex-wrap:wrap;gap:6px 18px;margin:14px 0 22px;display:flex}#about-dlg .socials a{color:var(--soft);font:600 14px var(--sans);transition:color var(--ease);text-decoration:none}#about-dlg .socials a:hover{color:var(--fg)}@media (width<=760px){body .bar{gap:8px;padding:0 12px}body .bar .status{display:none}body .bar nav{gap:12px}body .bar b .preview .long{display:none}dialog{padding:22px 20px}}body .bar .burger,body .house-menu{display:none}@media (width<=600px){body .bar nav>a,body .bar nav>.help{display:none}body .bar nav{gap:6px}body .bar .burger{border-radius:var(--r-control);width:44px;height:44px;color:var(--fg);background:0 0;place-items:center;margin-right:-10px;padding:0;display:grid}body .bar .burger.on{background:var(--well)}body .house-menu:not([hidden]){z-index:30;background:var(--panel);border-radius:var(--r-card);min-width:200px;box-shadow:0 0 0 1px var(--edge), var(--shadow-overlay);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:12px}body .house-menu a,body .house-menu button{border-radius:var(--r-control);min-height:44px;font:500 15px var(--sans);color:var(--fg);text-align:left;background:0 0;align-items:center;padding:0 12px;text-decoration:none;display:flex}body .house-menu a:hover,body .house-menu button:hover:not(:disabled),body .house-menu a:active,body .house-menu button:active{background:var(--well)}body .house-menu a[aria-current]{box-shadow:inset 2px 0 0 0 var(--fg);font-weight:600}}@media (width<=420px){body .bar b svg.wordmark{height:18px!important}body .bar b a .product,body .bar b a.crumb{display:none}body .bar b{gap:6px}body .bar b .preview{letter-spacing:.04em;padding:6px 8px}body .bar nav{gap:10px}}