/* Lab inherits the established homepage colors and typography. */
.amm-lab{max-width:1200px;margin:auto;padding-bottom:50px}.lab-intro{padding:42px 0 30px;border-bottom:1px solid var(--line);margin-bottom:28px}.lab-intro h1{font:800 clamp(50px,7vw,92px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-1px;text-transform:uppercase;margin:12px 0 18px}.lab-intro h1 em{color:var(--red);font-style:normal}.lab-intro>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:650px;color:#c5d0d6}.lab-pills{display:flex;gap:10px;flex-wrap:wrap}.lab-pills span{border:1px solid #36535f;border-radius:20px;padding:7px 12px;font-size:11px;color:#a6eef2;background:#0d1c23}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:5px;background:var(--panel);transition:border-color .15s}.lab-card:hover{border-color:#00a2af}.lab-card h2{font:700 29px/1.1 'Barlow Condensed',sans-serif;margin:0 0 13px}.lab-card>p:not(.eyebrow){color:#b4c4cc;line-height:1.7;font-size:13px;flex:1}.lab-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.lab-card .eyebrow{font-size:9px;letter-spacing:1.5px}.lab-back{color:var(--cyan);font-size:13px;display:inline-block;margin:0 0 20px}.lab-workbench{background:#0b1218;border:1px solid #36515e;border-radius:5px;padding:28px;margin-bottom:38px}.lab-tool-heading h2{font:700 clamp(30px,4vw,46px)/1 'Barlow Condensed',sans-serif;margin:8px 0 13px}.lab-tool-heading>p:last-child{color:#bacbd3;font-size:14px;line-height:1.7;max-width:750px}.lab-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end;margin:25px 0}.lab-form label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12px;color:#d5e0e5;line-height:1.4}.lab-form input,.lab-form select{width:100%;min-width:0;background:#101d25;border:1px solid #59717d;border-radius:4px;min-height:43px;padding:10px;color:var(--text)}.lab-form .btn{justify-self:start}.lab-gate{background:#10202a;padding:22px;border:1px solid #36535f;margin-top:20px}.lab-gate h3{font:700 27px/1.1 'Barlow Condensed',sans-serif}.lab-gate p{font-size:14px;line-height:1.6}.lab-result{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.lab-result>h2{font:700 30px 'Barlow Condensed',sans-serif}.lab-result dl{max-width:900px;margin-bottom:25px}.lab-result dl>div{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);gap:20px;padding:11px 0;border-bottom:1px solid #263a45;font-size:13px;line-height:1.6}.lab-result dt{color:#b8cbd4}.lab-result dd{margin:0;overflow-wrap:anywhere}.lab-result .btn{margin:0 10px 10px 0}.lab-result-note{color:#aebfc9;font-size:12px;line-height:1.7;margin:15px 0}.lab-csv{display:inline-block;color:var(--cyan);font-size:12px;margin:0 10px 15px}.lab-sound-status{color:#b8e9eb;font-size:12px;min-height:18px}.lab-fret-wrap{overflow:auto;margin:20px 0}.lab-frets{width:100%;max-width:620px;border-collapse:collapse;text-align:center}.lab-frets caption{text-align:left;font-size:12px;color:#aebfc9;margin-bottom:10px}.lab-frets th,.lab-frets td{padding:12px;border:1px solid #36505d}.lab-frets th{color:#a5dce1;font-size:12px}.lab-frets td{font-size:23px;font-weight:700;background:#10252e}.lab-keyboard{position:relative;display:flex;height:170px;width:100%;margin:25px 0 22px;border:1px solid #425766;border-radius:4px;overflow:hidden}.lab-key{font-family:Inter,Arial,sans-serif;font-size:10px;cursor:pointer;border-radius:0 0 4px 4px}.lab-key-white{flex:1;height:100%;min-width:0;background:#e9efee;color:#13212a;border:1px solid #738891;display:flex;align-items:end;justify-content:center;padding:0 0 11px}.lab-key-black{position:absolute;z-index:1;top:0;transform:translateX(-50%);width:4.3%;height:62%;background:#0b131c;color:#e7eff2;border:1px solid #4c6877;padding:0 0 8px;display:flex;align-items:end;justify-content:center}.lab-key-white.is-note{background:#9feaf0;color:#051b22;box-shadow:inset 0 -5px 0 var(--cyan)}.lab-key-black.is-note{background:#ab1734;border-color:#ef627b}.lab-key:active{filter:brightness(.8)}.lab-pattern{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;list-style:none;margin:20px 0;padding:0}.lab-pattern li{padding:10px 4px;border:1px solid #3a505c;text-align:center;border-radius:4px;background:#111e27}.lab-pattern span{display:block;font-size:10px;color:#b7cbd4}.lab-pattern strong{font-size:11px;display:block;margin-top:7px}.lab-pattern .is-hit{border-color:var(--cyan);background:#123742;color:#c6f8fb}.lab-directory .section-heading h2{font-size:34px}.amm-lab .amm-notice{margin:22px 0}
@media(max-width:900px){.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lab-intro{padding-top:25px}.lab-intro h1{font-size:58px}.lab-intro>p:not(.eyebrow){font-size:14px}.lab-grid{grid-template-columns:1fr}.lab-card{padding:22px}.lab-workbench{padding:20px 16px}.lab-form{grid-template-columns:1fr;gap:15px}.lab-result dl>div{grid-template-columns:1fr;gap:5px}.lab-result dd{font-size:14px}.lab-frets th,.lab-frets td{padding:10px 6px}.lab-keyboard{height:140px}.lab-key{font-size:8px}.lab-key-black{font-size:7px}.lab-pattern{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-pills{gap:6px}.lab-pills span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lab-card{transition:none}}
.lab-frets td{height:38px;padding:4px 8px;font-size:16px;min-width:38px}.lab-finger{color:var(--cyan);font-size:22px}.lab-tap-status{display:block;font-size:11px;color:#b0c5ce;margin-top:9px}.lab-form .lab-tap{min-height:43px}.lab-form>div{min-width:0}

.lab-keyboard-scroll{overflow-x:auto;max-width:100%;margin:25px 0 22px}.lab-keyboard-scroll .lab-keyboard{min-width:560px;margin:0}.lab-key-black{min-width:24px}.lab-key-white{min-width:40px}

.has-tool .lab-intro{padding:18px 0 22px;margin-bottom:20px}.has-tool .lab-intro h1{font-size:48px}.has-tool .lab-intro>p:not(.eyebrow){font-size:13px;margin-bottom:0}.has-tool .lab-pills{display:none}@media(min-width:1000px){.lab-workbench.has-result{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:22px 32px;align-items:start}.has-result .lab-tool-heading,.has-result>.amm-notice{grid-column:1/-1}.has-result .lab-form{grid-template-columns:1fr;margin:0}.has-result .lab-result{margin:0;padding:0;border:0}.has-result .lab-result>h2{font-size:28px}.has-result .lab-keyboard-scroll .lab-keyboard{min-width:560px}}

.lab-export{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.lab-timing{margin-bottom:20px}.lab-timing summary{padding:12px;border:1px solid var(--line);color:var(--cyan);font-size:12px;cursor:pointer}.lab-timing dl{margin-top:12px}
