:root{color-scheme:dark;--violet-300:#d8d1ff;--violet-400:#c9c0ff;--violet-500:#a896ff;--violet-600:#8a6cff;--violet-700:#6d4ee8;--blue-900:#0e2a47;--blue-950:#0a1b2e;--bg:#030711;--surface-1:#071321;--surface-2:#0a1b2e;--surface-3:#102b49;--brand:#0e2a47;--brand-soft:#0e2a47b8;--accent:var(--violet-600);--accent-strong:var(--violet-400);--accent-soft:#8a6cff33;--accent-wash:#8a6cff1a;--accent-line:#8a6cff73;--ink:#f7f8ff;--muted:#aab3c8;--on-accent:#05070d;--on-brand:#fff;--line:#c9c0ff29;--line-strong:#c9c0ff47;--ring:0 0 0 3px #8a6cff59;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--text-2xs:.72rem;--text-xs:.8rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.14rem;--text-xl:1.35rem;--text-2xl:1.7rem;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--w-heavy:800;--w-black:900;--tracking-eyebrow:.14em;--shadow:0 22px 60px #0000006b;--shadow-soft:0 12px 32px #00000047;--ease:cubic-bezier(.22, 1, .36, 1);--transition:.16s var(--ease);font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{background:linear-gradient(90deg, #8a6cff0f 1px, transparent 1px), linear-gradient(180deg, #ffffff08 1px, transparent 1px), radial-gradient(circle at 15% 8%, #8a6cff2e, transparent 32%), linear-gradient(135deg, #0e2a47d9, transparent 54%), var(--bg);min-width:320px;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-repeat:repeat,repeat,no-repeat,no-repeat,repeat;background-size:36px 36px,36px 36px,auto,auto,auto;background-attachment:fixed;margin:0;overflow:hidden}body>astro-island{height:100%;display:block}::selection{background:var(--accent-soft);color:var(--ink)}::-webkit-scrollbar-button{-webkit-appearance:none;background:0 0;width:0;height:0;display:none}@supports not selector(::-webkit-scrollbar){.app-view,.side-panel{scrollbar-color:var(--accent) #0307116b;scrollbar-width:thin}}.app-view::-webkit-scrollbar{width:10px;height:10px}.side-panel::-webkit-scrollbar{width:10px;height:10px}.app-view::-webkit-scrollbar-track{margin-block:var(--space-2);border-radius:var(--radius-pill);background:#0307116b}.side-panel::-webkit-scrollbar-track{margin-block:var(--space-2);border-radius:var(--radius-pill);background:#0307116b}.app-view::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--violet-400), var(--accent)) padding-box;border:3px solid #0000;min-height:44px}.side-panel::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--violet-400), var(--accent)) padding-box;border:3px solid #0000;min-height:44px}.app-view::-webkit-scrollbar-thumb:hover{background:var(--violet-400) padding-box}.side-panel::-webkit-scrollbar-thumb:hover{background:var(--violet-400) padding-box}.app-view::-webkit-scrollbar-corner{background:0 0}.side-panel::-webkit-scrollbar-corner{background:0 0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.62}input,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none}input:hover,select:hover{border-color:var(--line-strong)}input:not([type=range]):focus,select:focus,button:focus-visible,.tap-panel:focus-visible{box-shadow:var(--ring);outline:2px solid #0000}input[type=number],select{min-height:46px;padding:0 var(--space-3);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;width:100%;min-height:36px}input[type=range]:focus{box-shadow:none;outline:none}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--violet-700));height:6px}input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--violet-700));height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--accent);background:var(--ink);width:20px;height:20px;transition:transform var(--transition), box-shadow var(--transition);border-radius:50%;margin-top:-7px;box-shadow:0 2px 8px #0006}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);background:var(--ink);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0006}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--ring)}.app-shell{gap:var(--space-6);width:min(1500px,100%);height:100dvh;min-height:0;padding:var(--space-6);grid-template-columns:276px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.side-panel{align-self:stretch;gap:var(--space-4);height:100%;min-height:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(14px);background:#071321e6;flex-direction:column;display:flex;position:relative;overflow:hidden auto}.brand-lockup{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;padding:var(--space-2);color:var(--ink);text-align:left;background:0 0;display:flex}.brand-lockup h1{color:var(--accent-strong);font-family:Quintessential,cursive;font-size:1.86rem;font-weight:var(--w-regular);margin:0;line-height:.98}.creator-credit{gap:var(--space-1);margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-xs);font-weight:var(--w-semibold);flex-wrap:wrap;align-items:baseline;line-height:1.1;display:flex}.creator-credit strong{color:var(--on-brand);font-family:Quintessential,cursive;font-size:inherit;font-weight:var(--w-regular)}.tool-card-icon{border-radius:var(--radius-md);background:var(--brand);color:var(--on-brand);box-shadow:inset 0 -4px 0 var(--accent);place-items:center;display:grid}.tool-card-icon svg{font-size:1.2rem}.panel-title h2,.home-copy h2{text-wrap:balance;margin:0;line-height:1.04}.eyebrow{margin:0 0 var(--space-2);color:var(--accent-strong);font-size:var(--text-2xs);font-weight:var(--w-heavy);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.tool-nav{gap:var(--space-2);display:grid}.tool-nav button{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);min-height:42px;padding:0 var(--space-3);color:var(--ink);font-weight:var(--w-bold);text-align:left;transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);background:0 0;border:1px solid #0000;display:flex}.tool-nav button:hover{border-color:var(--line);background:var(--accent-wash);color:var(--accent-strong)}.tool-nav button.is-active{border-color:var(--accent-line);background:var(--brand);color:var(--on-brand);box-shadow:inset 4px 0 0 var(--accent)}.tool-nav button svg{flex:none;width:18px;height:18px}.workspace{align-items:stretch;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.view-frame{min-width:0;height:100%;min-height:0;position:relative}.view-frame[hidden],.app-view[hidden]{display:none!important}.app-view{overscroll-behavior:contain;height:100%;min-height:0;animation:viewIn .22s var(--ease);overflow:hidden auto}.home-view,.tool-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#071321f0}.home-view{gap:var(--space-5);padding:var(--space-6);align-content:start;display:grid}.home-hero{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.home-copy{border-radius:var(--radius-md);min-height:330px;padding:clamp(var(--space-6), 3vw, var(--space-10));background:radial-gradient(circle at 88% 12%, #8a6cff3d, transparent 34%), linear-gradient(135deg, #0e2a47fa, #071321f5), var(--brand);color:var(--on-brand);align-content:center;display:grid}.home-copy h2{width:100%;max-width:none;font-size:clamp(2rem,3.8vw,4rem);font-weight:var(--w-black);white-space:normal;overflow-wrap:break-word}.home-copy p:not(.eyebrow){width:100%;max-width:none;margin:var(--space-4) 0 0;color:#ffffffc7;font-size:clamp(.96rem,1.4vw,1.12rem);line-height:1.6}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.primary-button,.secondary-button,.quick-row button,.tap-actions button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:42px;padding:0 var(--space-4);background:var(--surface-1);color:var(--ink);font-weight:var(--w-heavy);transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);display:inline-flex}.primary-button{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.primary-button:hover{border-color:var(--accent);background:var(--violet-500);transform:translateY(-1px);box-shadow:0 10px 24px #8a6cff52}.secondary-button:hover,.quick-row button:hover,.quick-row button.is-active,.tap-actions button:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--ink)}.primary-button:active,.secondary-button:active,.quick-row button:active,.tap-actions button:active{transform:translateY(0)}.home-copy .secondary-button{color:var(--on-brand);background:#ffffff1a;border-color:#ffffff38}.home-copy .secondary-button:hover{background:#ffffff2e;border-color:#fff6}.home-tools{gap:var(--space-5);padding-top:var(--space-3);scroll-margin-top:var(--space-5);display:grid}.section-heading{gap:var(--space-8);padding:var(--space-4) var(--space-1) 0;grid-template-columns:minmax(0,1fr);align-items:end;display:grid}.section-heading h3{width:100%;max-width:none;color:var(--ink);font-size:clamp(1.55rem,2.5vw,2.5rem);font-weight:var(--w-black);white-space:normal;overflow-wrap:break-word;margin:0;line-height:1.08}.tool-panel{gap:var(--space-5);padding:var(--space-6);scroll-margin-top:var(--space-5);align-content:start;display:grid}.panel-title{display:block}.panel-title h2{color:var(--ink);font-size:clamp(1.5rem,2.4vw,2.4rem);font-weight:var(--w-black)}.panel-title p:last-child{max-width:780px;margin:var(--space-2) 0 0;color:var(--muted);line-height:1.55}.formula-note{align-items:center;gap:var(--space-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--surface-2);color:var(--muted);font-size:var(--text-xs);flex-wrap:wrap;align-self:start;line-height:1.4;display:inline-flex}.formula-note code{color:var(--accent-strong);font-family:Montserrat,ui-monospace,monospace;font-weight:var(--w-bold);font-variant-numeric:tabular-nums}.tool-card-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;display:grid}.tool-card{align-content:start;align-self:stretch;justify-items:start;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);height:100%;padding:var(--space-5);background:var(--surface-1);color:var(--ink);text-align:left;box-shadow:var(--shadow-soft);transition:background var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);grid-template-rows:repeat(4,auto);display:grid}.tool-card-topline{width:100%;margin-bottom:var(--space-2);justify-content:space-between;align-items:start;display:flex}.tool-card-number{color:var(--line-strong);font-size:var(--text-sm);font-weight:var(--w-black);font-variant-numeric:tabular-nums}.tool-card:hover{border-color:var(--accent-line);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--accent-line);transform:translateY(-3px)}.tool-card-icon{width:44px;height:44px;transition:transform var(--transition)}.tool-card:hover .tool-card-icon{transform:translateY(-1px)scale(1.04)}.tool-card-kicker{color:var(--accent-strong);font-size:var(--text-2xs);font-weight:var(--w-heavy);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.tool-card strong{color:var(--ink);font-size:var(--text-lg);font-weight:var(--w-heavy);line-height:1.15}.tool-card p{color:var(--muted);margin:0;line-height:1.55}.control-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;display:grid}.field-block,.range-block{gap:var(--space-2);display:grid}.field-block>span,.range-block>span,.metric>span{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:var(--w-heavy);letter-spacing:.04em;text-transform:uppercase;display:inline-flex}.range-block{grid-column:span 2}.quick-row{gap:var(--space-2);flex-wrap:wrap;grid-column:span 4;display:flex}.quick-row button{font-variant-numeric:tabular-nums}.metric-grid,.analysis-results{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{gap:var(--space-2);min-height:88px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);transition:border-color var(--transition);display:grid}.metric:hover{border-color:var(--line-strong)}.metric strong{overflow-wrap:anywhere;color:var(--accent-strong);font-size:clamp(1.25rem,2vw,1.8rem);font-weight:var(--w-black);font-variant-numeric:tabular-nums;line-height:1}.delay-reverb-tables{gap:var(--space-5);grid-auto-rows:max-content;align-content:start;min-width:0;height:max-content;min-height:max-content;display:grid}.table-wrap{overscroll-behavior-x:contain;scrollbar-width:thin;border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;min-height:max-content;overflow:auto hidden}.table-wrap h3{padding:var(--space-4);color:var(--ink);font-size:var(--text-base);font-weight:var(--w-heavy);margin:0}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:680px}th,td{padding:var(--space-3);border-bottom:1px solid var(--line);overflow-wrap:anywhere;text-align:left;vertical-align:top}th:first-child,td:first-child{width:24%}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--accent-wash)}th{background:var(--surface-3);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--w-heavy);letter-spacing:.04em;text-transform:uppercase;position:sticky;top:0}td{font-variant-numeric:tabular-nums}td strong,td span{display:block}td strong{font-weight:var(--w-bold)}td span{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm)}.metronome-board{gap:var(--space-5);grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr);align-items:center;display:grid}.tempo-display,.tap-readout{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%, #8a6cff38, transparent 62%), var(--brand);min-height:168px;color:var(--on-brand);place-items:center;display:grid}.tempo-display span,.tap-readout span{font-size:clamp(4rem,10vw,8rem);font-weight:var(--w-black);font-variant-numeric:tabular-nums;line-height:.9}.tempo-display small,.tap-readout small{color:var(--accent-strong);font-weight:var(--w-black);letter-spacing:.12em}.transport-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.transport-button{border-radius:var(--radius-pill);background:var(--accent);width:72px;height:72px;color:var(--on-accent);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);place-items:center;display:grid}.transport-button svg{font-size:1.7rem}.transport-button:hover{background:var(--violet-500);transform:scale(1.05);box-shadow:0 10px 26px #8a6cff66}.transport-button:active{transform:scale(.98)}.beat-row{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));display:grid}.beat-dot{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:42px;color:var(--muted);font-weight:var(--w-black);font-variant-numeric:tabular-nums;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);place-items:center;display:grid}.beat-dot.is-on{border-color:var(--accent);background:var(--accent);color:var(--on-accent);transform:translateY(-2px);box-shadow:0 6px 18px #8a6cff73}.volume-control{grid-column:span 1}.shortcut-strip{gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.support-message{border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:var(--accent-soft);color:var(--ink);font-weight:var(--w-bold);margin:0}kbd{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--ink);font-size:var(--text-2xs);font-weight:var(--w-black);font-variant-numeric:tabular-nums;border-bottom-width:2px;padding:3px 7px}.tap-layout{gap:var(--space-4);grid-template-columns:minmax(180px,260px) minmax(180px,1fr) auto;align-items:stretch;display:grid}.tap-button{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 30%, var(--violet-500), var(--accent) 70%);min-height:168px;color:var(--on-accent);font-size:clamp(2.3rem,6vw,4rem);font-weight:var(--w-black);letter-spacing:.06em;transition:transform 90ms var(--ease), box-shadow var(--transition)}.tap-button:hover{box-shadow:0 14px 36px #8a6cff66}.tap-button:active{transform:scale(.97);box-shadow:0 6px 18px #8a6cff80}.tap-actions{gap:var(--space-2);display:grid}.tap-actions button{min-width:84px}.stability-meter{gap:var(--space-2);min-height:88px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);display:grid}.stability-meter>span{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:var(--w-heavy);letter-spacing:.04em;text-transform:uppercase;display:inline-flex}.stability-value{color:var(--accent-strong);font-size:var(--text-xl);font-weight:var(--w-black);font-variant-numeric:tabular-nums;line-height:1}.stability-track{border-radius:var(--radius-pill);background:var(--surface-3);height:8px;overflow:hidden}.stability-fill{border-radius:inherit;background:linear-gradient(90deg, var(--violet-700), var(--accent));height:100%;transition:width .26s var(--ease)}.toggle-pill{align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:46px;padding:0 var(--space-3);background:var(--surface-1);color:var(--muted);font-weight:var(--w-bold);transition:border-color var(--transition), color var(--transition);display:flex}.toggle-pill:hover{border-color:var(--line-strong);color:var(--ink)}.toggle-pill input{width:auto;accent-color:var(--accent)}.drop-zone{gap:var(--space-4);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);min-height:124px;padding:var(--space-6);background:var(--surface-2);transition:border-color var(--transition), background var(--transition);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.drop-zone svg{color:var(--accent-strong)}.drop-zone-icon{font-size:2rem}.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-zone.is-disabled{opacity:.72}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{font-weight:var(--w-heavy)}.drop-zone span{margin-top:var(--space-1);color:var(--muted)}.analysis-status{align-items:center;gap:var(--space-3);color:var(--accent-strong);font-weight:var(--w-heavy);display:inline-flex}.analysis-status span{background:var(--accent);border-radius:50%;width:10px;height:10px}.analysis-status.is-loading span{animation:.7s infinite alternate pulse}.error-message{color:var(--accent-strong);font-weight:var(--w-heavy);margin:0}.result-line{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-4);grid-column:span 2;display:flex}.result-line strong{font-weight:var(--w-bold)}.result-line span{color:var(--muted);text-align:right}.key-badge{align-items:center;gap:var(--space-3);border:1px solid var(--accent-line);border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(135deg, var(--accent-wash), transparent 60%), var(--surface-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.camelot-chip{min-width:62px;height:62px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-xl);font-weight:var(--w-black);font-variant-numeric:tabular-nums;place-items:center;display:grid}.key-badge div{gap:2px;display:grid}.key-badge strong{color:var(--ink);font-size:var(--text-lg);font-weight:var(--w-heavy)}.key-badge span{color:var(--muted);font-size:var(--text-sm)}.chroma-chart{gap:var(--space-2);border-top:1px solid var(--line);min-height:170px;padding-top:var(--space-4);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.chroma-bar{place-items:end center;gap:var(--space-2);min-height:132px;display:grid}.chroma-bar span{border-radius:var(--radius-sm) var(--radius-sm) 2px 2px;background:linear-gradient(180deg, var(--accent), var(--brand));width:100%;max-width:28px;transition:height .32s var(--ease)}.chroma-bar.is-peak span{background:linear-gradient(180deg, var(--violet-300), var(--accent));box-shadow:0 0 16px #8a6cff73}.chroma-bar small{color:var(--muted);font-weight:var(--w-heavy)}.chroma-bar.is-peak small{color:var(--accent-strong)}@keyframes pulse{0%{opacity:.45;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.app-shell{gap:var(--space-4);padding:var(--space-4);grid-template-columns:244px minmax(0,1fr)}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.home-hero{grid-template-columns:1fr}.home-copy{min-height:auto}}@media (width<=900px){.app-shell{gap:var(--space-3);padding:var(--space-3);grid-template-rows:68px minmax(0,1fr);grid-template-columns:1fr}.side-panel{gap:var(--space-3);height:68px;padding:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.brand-lockup{width:auto;padding:var(--space-1)}.brand-lockup h1{font-size:1.5rem}.creator-credit{display:none}.tool-nav{gap:var(--space-1);grid-template-columns:repeat(5,minmax(0,1fr))}.tool-nav button{justify-content:center;gap:var(--space-2);min-width:0;padding:0 var(--space-2);font-size:var(--text-xs);white-space:nowrap}.tool-nav button span{text-overflow:ellipsis;overflow:hidden}.home-view,.tool-panel{padding:var(--space-5)}.section-heading{gap:var(--space-5)}}@media (width<=760px){.delay-reverb-tables{gap:var(--space-4)}.table-wrap{min-height:max-content;overflow:visible}.table-wrap h3{padding:var(--space-4)}.table-wrap table{min-width:0;display:block}.table-wrap thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table-wrap tbody{gap:var(--space-3);padding:0 var(--space-3) var(--space-3);display:grid}.table-wrap tr{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);display:grid;overflow:hidden}.table-wrap td{gap:var(--space-3);width:auto;padding:var(--space-3);overflow-wrap:anywhere;border-bottom:0;grid-template-columns:minmax(96px,.75fr) minmax(0,1.25fr);align-items:center;font-size:.82rem;line-height:1.35;display:grid}.table-wrap td:not(:last-child){border-bottom:1px solid var(--line)}.table-wrap td:before{content:attr(data-label);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--w-heavy);letter-spacing:.04em;text-transform:uppercase}.table-wrap td span{font-size:.74rem}}@media (width<=720px){.app-shell{gap:var(--space-2);padding:var(--space-2);grid-template-rows:60px minmax(0,1fr)}.side-panel{height:60px;padding:6px var(--space-2);grid-template-columns:auto minmax(0,1fr)}.tool-nav button{min-height:40px;padding:0}.tool-nav button span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-view,.tool-panel{padding:var(--space-4)}.home-hero,.metronome-board,.tap-layout,.drop-zone{grid-template-columns:1fr}.home-copy{min-height:300px;padding:var(--space-5)}.section-heading{gap:var(--space-3);grid-template-columns:1fr}.control-grid,.metric-grid,.analysis-results{grid-template-columns:repeat(2,minmax(0,1fr))}.range-block,.quick-row,.volume-control,.result-line,.key-badge{grid-column:1/-1}}@media (width<=520px){.table-wrap td{gap:var(--space-2);padding:var(--space-2) var(--space-3);grid-template-columns:84px minmax(0,1fr)}.control-grid,.metric-grid,.analysis-results,.tool-card-grid{grid-template-columns:1fr}.panel-title h2{font-size:1.45rem}.drop-zone{text-align:center}.drop-zone svg,.drop-zone button{justify-self:center}}