:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e8ea;--bg:#0a0a0f;--surface:#ffffff0a;--surface-strong:#ffffff14;--border:#ffffff14;--text:#e8e8ea;--muted:#9a9aa3;--dim:#6c6c76;--rose:#ef4468;--amber:#f5a623;--green:#4ade80;--error:#f87171;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--rose);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1280px;margin:0 auto;padding:72px 24px 48px}.page-narrow{max-width:520px}.page-center{justify-content:center;align-items:center;min-height:70vh;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 24px}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-block}.button:hover{background:var(--surface-strong);text-decoration:none}.button.primary{background:var(--rose);color:#fff;border-color:var(--rose)}.button.primary:hover{background:#f0567a}.button:disabled{opacity:.5;cursor:not-allowed}.mono{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,monospace}.key-select{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;letter-spacing:.04em;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='rgba(255,255,255,0.6)' d='M6 7 0 0h12z'/></svg>");background-position:right 18px center;background-repeat:no-repeat;border-radius:10px;padding:12px 42px 12px 14px;font-size:15px}.key-select option{color:var(--text);background:#14141c}.error{color:var(--error);font-size:14px}.drive-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.drive-pattern-name{letter-spacing:-.01em;margin-top:4px;font-size:24px;font-weight:600}.drive-header-right{align-items:center;gap:14px;display:flex}.drive-controls{grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:24px;margin-bottom:32px;padding:20px 0;display:grid}@media (width<=720px){.drive-controls{grid-template-columns:1fr}}.drive-slider{display:block}.drive-slider-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;display:flex}.drive-slider-label .mono{color:var(--text);letter-spacing:0;text-transform:none;font-size:14px}.drive-slider input[type=range]{appearance:none;background:var(--surface-strong);border-radius:3px;outline:none;width:100%;height:6px}.drive-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--rose);cursor:pointer;border:2px solid #0a0a0f;border-radius:50%;width:20px;height:20px}.drive-slider input[type=range]::-moz-range-thumb{background:var(--rose);cursor:pointer;border:2px solid #0a0a0f;border-radius:50%;width:20px;height:20px}.drive-play-row{justify-content:flex-end;display:flex}.drive-group{text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin:24px 0 10px;font-size:12px;font-weight:500}.drive-pattern-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.drive-pattern-btn{text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;border-radius:10px;flex-direction:column;gap:4px;padding:14px;transition:background .12s,border-color .12s;display:flex}.drive-pattern-btn:hover{background:var(--surface-strong);border-color:#ef446859}.drive-pattern-btn.active{border-color:var(--rose);background:#ef446814}.drive-pattern-icon{opacity:.8;font-size:18px}.drive-pattern-title{font-size:14.5px;font-weight:600}.drive-pattern-desc{color:var(--muted);font-size:12px;line-height:1.35}.viz{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:24px}.viz-empty{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.drive-macros{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1.4fr 1fr;gap:24px;margin-bottom:24px;padding:20px;display:grid}@media (width<=720px){.drive-macros{grid-template-columns:1fr}}.drive-macro-heat input[type=range]{width:100%}.drive-chips{flex-wrap:wrap;gap:8px;display:flex}.drive-chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}.drive-chip:hover{background:#ef446814;border-color:#ef446880}.drive-shuffle{flex-direction:column;justify-content:center;gap:10px;display:flex}.drive-shuffle-toggle,.drive-shuffle-secs{align-items:center;gap:8px;font-size:14px;display:flex}.drive-shuffle-secs select{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;padding:4px 8px;font-size:13px}.drive-presets{margin-bottom:32px}.drive-preset-grid{grid-template-columns:repeat(9,1fr);gap:6px;margin-top:10px;display:grid}@media (width<=720px){.drive-preset-grid{grid-template-columns:repeat(3,1fr)}}.drive-preset-btn{border:1px solid var(--border);color:var(--dim);cursor:pointer;font:inherit;text-align:center;background:#ffffff08;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:10px 8px;font-size:11.5px;line-height:1.25;display:flex}.drive-preset-btn.filled{color:var(--text);background:#ef44680f;border-color:#ef44684d}.drive-preset-btn:hover{color:var(--text);background:#ef44681a;border-color:#ef446880}.drive-preset-btn.save-mode{background:#f5a6230d;border-color:#f5a62380}.drive-preset-btn.save-mode:hover{background:#f5a62326}.drive-preset-slot{opacity:.7;font-size:13px;font-weight:700}.drive-preset-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.drive-preset-btn.filled .drive-preset-label{color:var(--text);opacity:.9}.drive-play-btn{min-width:140px}.drive-footer{border:1px solid var(--border);text-align:center;background:#ffffff05;border-radius:8px;margin-top:32px;padding:12px 16px}.link-like{color:var(--rose);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.link-like:hover{text-decoration:underline}