:root{--bass-body:#a22329;--bass-guard:#fffefa;--bass-neck:#fab55d;--bass-fret:#957154;--bass-string:#4d4d4d;--bass-nut:#f4e5d1;--bass-nut-plate:#d1d1d1;--bass-nut-cap:#ababab;--bass-pickup:#000;--bass-tuner-btn:#e1e1e2;--bass-tuner-pin:#434242;--bass-tuner-housing:#e2e2e3;--bass-tuner-inner:#3f3637;--text:#606060;--text-h:#111;--bg:#fafafa;--border:#dedede;--code-bg:#f2f2f2;--accent:var(--bass-body);--accent-bg:#a2232914;--accent-border:#a2232959;--social-bg:#f2f2f299;--shadow:#0000001a 0 10px 15px -3px, #0000000f 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:Georgia, "Times New Roman", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#999;--text-h:#eee;--bg:#181818;--border:#303030;--code-bg:#212121;--accent:#e04555;--accent-bg:#e045551f;--accent-border:#e0455566;--social-bg:#1e1e1e99;--shadow:#00000073 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.fret-dot{fill:var(--accent);fill-opacity:0;pointer-events:none;transition:fill-opacity .2s ease-out}.fret-dot.visible{fill-opacity:.85}.bio-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);background:#0a0a0ad6;justify-content:center;align-items:center;padding:24px;animation:.18s bio-fade-in;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes bio-fade-in{0%{opacity:0}to{opacity:1}}.bio-panel{flex-direction:column;gap:20px;width:100%;max-width:740px;display:flex}.bio-header{border-bottom:1px solid #ffffff1a;padding-bottom:16px}.bio-title{color:#eee;letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:600}.bio-subtitle{color:#999;margin:0;font-size:13px;line-height:1.55}.bio-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.bio-grid{grid-template-columns:1fr}}.bio-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:16px 18px}.bio-card-title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#a22329);margin:0 0 8px;font-size:11px;font-weight:700}.bio-card-hint{color:#888;margin:0 0 12px;font-size:12px;line-height:1.5}.bio-kb-table{border-collapse:collapse;width:100%;font-size:12px}.bio-kb-table th{letter-spacing:.06em;text-transform:uppercase;color:#666;text-align:left;border-bottom:1px solid #ffffff12;padding:0 0 6px;font-size:10px;font-weight:600}.bio-kb-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:5px 0}.bio-kb-table tr:last-child td{border-bottom:none}.bio-string-badge{font-family:var(--mono,monospace);color:#ccc;text-align:center;background:#ffffff14;border-radius:3px;min-width:20px;padding:1px 5px;font-size:11px;font-weight:700;display:inline-block}.bio-keys{font-family:var(--mono,monospace);color:#bbb;letter-spacing:.03em;background:0 0;padding:0;font-size:11px}.bio-range{font-family:var(--mono,monospace);color:#777;white-space:nowrap;font-size:11px}.bio-tips{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bio-tips li{color:#888;padding-left:12px;font-size:12px;line-height:1.5;position:relative}.bio-tips li:before{content:"–";color:var(--accent,#a22329);position:absolute;left:0}.bio-tips li strong{color:#ccc;font-weight:600}.control-mapping{text-align:left;flex-direction:column;gap:0;width:100%;display:flex}.cm-section{border-bottom:1px solid var(--border);padding:24px 28px}.cm-section:last-child{border-bottom:none}.cm-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 16px;font-size:14px;font-weight:600}.cm-subsection{margin-top:16px}.cm-subsection-title{color:var(--text-h);margin:0 0 6px;font-size:13px;font-weight:600}.cm-device-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.cm-device{border:1px solid var(--border);background:var(--code-bg);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.cm-device--empty{color:var(--text);border-style:dashed;font-style:italic}.cm-status-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cm-status-dot--on{background:#22c55e;box-shadow:0 0 0 2px #22c55e40}.cm-device-name{color:var(--text-h);flex:1}.cm-device-state{color:var(--text);text-transform:capitalize;font-size:11px}.cm-string-grid{grid-template-columns:auto 48px 60px 1fr;align-items:center;gap:12px 16px;margin-top:12px;display:grid}.cm-col-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:600}.cm-tune-ctrl{align-items:center;gap:6px;display:flex}.cm-tune-btn{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:9px;line-height:1;transition:border-color .12s,background .12s;display:flex}.cm-tune-btn:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg)}.cm-tune-btn:disabled{opacity:.3;cursor:not-allowed}.cm-tune-note{font-family:var(--mono);color:var(--text-h);text-align:center;min-width:28px;font-size:12px}.cm-string-badge{background:var(--accent-bg);width:32px;height:32px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.cm-key-range{font-family:var(--mono);color:var(--text-h);font-size:13px}.cm-fret-range{color:var(--text);font-size:13px;font-family:var(--mono)}.cm-note-select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:6px;width:100%;padding:5px 8px;font-size:13px}.cm-note-select:focus{outline:2px solid var(--accent);outline-offset:1px}.cm-advanced-toggle{cursor:pointer;font:inherit;color:var(--text);background:0 0;border:none;align-items:center;gap:6px;margin-top:20px;padding:0;font-size:13px;font-weight:600;transition:color .15s;display:flex}.cm-advanced-toggle:hover{color:var(--text-h)}.cm-advanced-arrow{color:var(--accent);font-size:10px}.cm-field{flex-direction:column;gap:6px;margin-top:14px;display:flex}.cm-label{color:var(--text-h);font-size:13px;font-weight:600}.cm-upload-row{align-items:center;gap:10px;display:flex}.cm-upload-btn{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:13px;transition:border-color .15s}.cm-upload-btn:hover{border-color:var(--accent-border)}.cm-upload-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cm-notice{border-left:3px solid;border-radius:6px;margin:8px 0 0;padding:8px 12px;font-size:13px}.cm-notice--info{color:var(--text);background:var(--code-bg);border-color:var(--border)}.cm-notice--warn{color:#92400e;background:#fbbf241a;border-color:#fbbf24}.cm-notice--error{color:#991b1b;background:#ef44441a;border-color:#ef4444}@media (prefers-color-scheme:dark){.cm-notice--warn{color:#fcd34d}.cm-notice--error{color:#fca5a5}}.cm-hint{color:var(--text);margin:4px 0 0;font-size:12px}.presets-view{text-align:left;width:100%}.presets-section{border-bottom:1px solid var(--border);padding:24px 28px 20px}.presets-section:last-child{border-bottom:none}.presets-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600}.presets-list{flex-direction:column;gap:6px;display:flex}.preset-card{border:1px solid var(--border);border-radius:8px;align-items:stretch;transition:border-color .15s;display:flex;overflow:hidden}.preset-card--active{border-color:var(--accent);background:var(--accent-bg)}.preset-card-load{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.preset-card-load:hover{background:var(--accent-bg)}.preset-card--active .preset-card-load:hover{background:0 0}.preset-card-name{color:var(--text-h);font-size:14px;font-weight:600;line-height:1.3}.preset-card--active .preset-card-name{color:var(--accent)}.preset-card-desc{color:var(--text);font-size:12px;line-height:1.4}.preset-card-delete{border:none;border-left:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;padding:0 14px;font-size:18px;line-height:1;transition:color .15s,background .15s}.preset-card-delete:hover{color:#ef4444;background:#ef444414}.presets-save-row{gap:8px;display:flex}.presets-save-input{font-size:14px;font-family:var(--sans);background:var(--bg);color:var(--text-h);border:1px solid var(--border);border-radius:6px;outline:none;flex:1;padding:8px 12px;transition:border-color .15s}.presets-save-input:focus{border-color:var(--accent)}.presets-save-input::placeholder{color:var(--text);opacity:.6}.presets-save-btn{font-size:14px;font-weight:600;font-family:var(--sans);background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:6px;padding:8px 18px;transition:background .15s}.presets-save-btn:hover:not(:disabled){background:var(--accent);color:var(--bg)}.presets-save-btn:disabled{opacity:.4;cursor:not-allowed}.rk-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:inline-flex}.rk-pole-row{justify-content:space-between;width:100%;padding:0 2px;display:flex}.rk-pole{color:var(--text);font-size:10px;line-height:1}.rk-svg{cursor:ns-resize;border-radius:50%;outline:none;display:block}.rk-wrap--disabled{opacity:.35;pointer-events:none}.rk-svg:focus-visible{box-shadow:0 0 0 2px var(--accent-border)}.rk-value{font-family:var(--mono);color:var(--accent);margin-top:2px;font-size:11px;line-height:1}.rk-label{color:var(--text-h);font-size:12px;font-weight:600;line-height:1}.ms-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:inline-flex}.ms-spacer{height:10px;line-height:1}.ms-switch{cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;padding:0;display:block}.ms-switch:focus-visible{box-shadow:0 0 0 2px var(--accent-border)}.ms-body{width:36px;height:80px;position:relative;overflow:hidden}.ms-rod{z-index:2;background:linear-gradient(90deg,#4a4a4a 0%,#969696 16%,#e4e4e4 36%,#f0f0f0 52%,silver 70%,#828282 86%,#404040 100%);border-radius:4px;width:8px;height:40px;margin-left:-4px;transition:transform .14s cubic-bezier(.4,0,.2,1);position:absolute;top:20px;left:50%;transform:translateY(22px)}.ms-switch--on .ms-rod{transform:translateY(-22px)}.ms-collar{z-index:1;background:radial-gradient(circle at 38% 30%,#d8d8d8 0%,#b0b0b0 32%,#686868 68%,#343434 100%);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:-13px;margin-left:-13px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 3px 6px #0000008c,0 0 0 2px #252525,inset 0 1px #ffffff38}.ms-collar-ring{pointer-events:none;border:.7px solid #0003;border-radius:50%;position:absolute;inset:3px}.ms-socket{background:#161616;border-radius:50%;flex-shrink:0;width:13px;height:13px;box-shadow:inset 0 1px 3px #000000e6,inset 0 0 0 .5px #ffffff0d}.ms-state-label{font-family:var(--mono);color:var(--text);margin-top:2px;font-size:11px;line-height:1;transition:color .14s}.ms-switch--on .ms-state-label{color:var(--accent)}.ms-label{color:var(--text-h);font-size:12px;font-weight:600;line-height:1}.settings-view{text-align:left;width:100%}.sv-section{border-bottom:1px solid var(--border);padding:24px 28px 20px}.sv-section:last-child{border-bottom:none}.sv-section-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.sv-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0;font-size:14px;font-weight:600}.sv-section-badge{letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--mono);border-radius:20px;padding:2px 7px}.sv-section-badge--live{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.sv-section-badge--next{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.sv-section-hint{color:var(--text);margin:0 0 20px;font-size:12px}.sv-knobs{flex-wrap:wrap;align-items:flex-end;gap:32px;display:flex}.sv-envelope-note{color:var(--text);margin:16px 0 0;font-size:12px}.sv-envelope-note strong{color:var(--text-h)}.tabs{border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}.tab-nav{background:var(--code-bg);border-bottom:1px solid var(--border);display:flex}.tab-btn{cursor:pointer;font:inherit;color:var(--text);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 20px;font-size:15px;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text-h)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{justify-content:center;align-items:center;min-height:540px;padding:24px;display:flex;position:relative}.bass-info-btn{z-index:21;border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:flex;position:absolute;top:12px;right:12px}.bass-info-btn:hover,.bass-info-btn--active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.tab-content--full{align-items:flex-start;padding:0}.tab-content img,.bass-guitar svg{max-width:100%;height:auto}.placeholder{color:var(--text);font-size:16px}