/* Tactile console retained from v0.2; v0.3 extensions live in styles.css. */
.kit-panel{background:linear-gradient(145deg,#252522,#151513);border:1px solid #4b4a43;box-shadow:0 25px 80px #0005,0 2px 0 #080808,inset 0 1px 0 #ffffff12;border-radius:10px;padding:29px;position:relative;scroll-margin-top:25px}.kit-panel:before,.kit-panel:after{content:'+';font-family:monospace;font-size:11px;color:#868174;background:#191917;border:1px solid #49483e;width:11px;height:11px;border-radius:50%;display:grid;place-items:center;line-height:1;position:absolute;top:8px;left:9px}.kit-panel:after{left:auto;right:9px}.console-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.console-brand{display:flex;gap:15px;align-items:center}.console-emblem{font-family:var(--display);font-size:28px;color:var(--red);border:1px solid #666054;padding:3px 8px;transform:skew(-5deg);line-height:1.2}.console-brand h3{font-family:var(--body);font-size:11px;font-weight:bold;letter-spacing:2px;line-height:1.5}.console-brand>div>span{font-size:6px;letter-spacing:1.5px;color:var(--muted)}.sound-indicator{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:8px;color:var(--muted)}.sound-indicator .live-dot{width:5px;height:5px;background:#888175}.audio-running .sound-indicator .live-dot{background:var(--red);box-shadow:0 0 9px #ed3b2f77}.console-display{display:flex;gap:25px;align-items:center;background:#0a0b09;border:1px solid #3f3f35;box-shadow:inset 0 3px 12px #0009;padding:16px 20px;border-radius:4px}.display-tempo{display:flex;flex-direction:column;min-width:87px;border-right:1px solid #33372a}.display-tempo>span{font-size:6px;letter-spacing:1.5px;color:#898e78}.display-tempo>strong{font-family:var(--display);font-size:45px;line-height:1.1;font-weight:400;letter-spacing:1px;color:#d0dab2}.waveform-wrap{flex:1;min-width:0;height:64px}.waveform-wrap canvas{display:block;width:100%;height:49px}.waveform-label{display:flex;justify-content:space-between;font-size:5px;letter-spacing:1.5px;color:#858b72;margin-top:4px}.beat-lights{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-left:9px}.beat-lights i{width:6px;height:6px;border-radius:50%;background:#383b30;border:1px solid #4e5340}.beat-lights i.active{background:#d7e2b5;border-color:#d7e2b5;box-shadow:0 0 10px #d7e2b577}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:24px}.pad{min-height:213px;display:flex;flex-direction:column;padding:17px 19px;background:linear-gradient(140deg,#30302c,#20201d);border:1px solid #4e4d45;border-top-color:#65635a;border-bottom:5px solid #090908;border-radius:5px;box-shadow:0 5px 10px #0005,inset 0 1px 0 #ffffff08;color:var(--paper);transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;user-select:none;text-align:left}.pad:hover{border-top-color:#ad7d73;background:#383630}.pad.is-hit,.pad:active{background:linear-gradient(135deg,#f44c3b,#c32b21);border-color:#ff9b86;border-bottom-color:#58150f;transform:translateY(3px);box-shadow:0 0 18px #e3382930}.pad-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:6px;letter-spacing:1px;color:#b7b0a2}.pad.is-hit .pad-top{color:var(--paper)}.pad kbd{font-family:var(--body);font-size:10px;border:1px solid #676055;border-radius:3px;width:24px;height:24px;display:grid;place-items:center;line-height:1;color:var(--paper)}.pad-art{display:flex;align-items:center;justify-content:center;height:99px;position:relative;margin:3px 0}.pad-art i{display:block;position:absolute}.kick-art i{border:1px solid #a29b8e;border-radius:50%;width:60px;height:60px}.kick-art i:nth-child(2){width:42px;height:42px}.kick-art i:nth-child(3){width:19px;height:19px;background:#a29b8e;border:0}.snare-art{gap:6px}.snare-art i{position:static;width:3px;height:33px;background:#a29b8e}.snare-art i:nth-child(2),.snare-art i:nth-child(4){height:52px}.snare-art i:nth-child(3){height:70px}.hat-art i{width:64px;height:15px;border:1px solid #a29b8e;border-radius:50%}.hat-art i:first-child{transform:translateY(-13px)}.hat-art i:last-child{transform:translateY(13px)}.crash-art i{width:65px;height:1px;background:#a29b8e}.crash-art i:nth-child(2){transform:rotate(60deg)}.crash-art i:nth-child(3){transform:rotate(-60deg)}.pad.is-hit .pad-art i{border-color:var(--paper)}.pad.is-hit .snare-art i,.pad.is-hit .crash-art i,.pad.is-hit .kick-art i:last-child{background:var(--paper)}.pad-label{display:flex;flex-direction:column;font-family:var(--display);font-size:23px;line-height:1.1;letter-spacing:.2px}.pad-label>small{font-family:var(--body);font-size:6px;letter-spacing:1.3px;color:#bbb4a8;margin-top:8px}.pad.is-hit .pad-label>small{color:var(--paper)}.kit-controls{display:flex;align-items:center;gap:32px;margin-top:24px}.loop-button{display:flex;gap:13px;align-items:center;background:#ddd7c9;color:var(--ink);border:1px solid #e9e5db;border-bottom:3px solid #726a5c;padding:13px 17px;border-radius:3px;font-size:8px;letter-spacing:1px;font-weight:bold;min-width:158px;justify-content:center}.loop-button:hover{background:white}.loop-button[aria-pressed=true]{background:var(--red);color:var(--paper);border-color:var(--red);border-bottom-color:#621810}.play-icon{font-size:12px}.tempo,.volume{display:flex;align-items:center;gap:13px;font-size:7px;letter-spacing:1px;color:#bbb5a8}.tempo input,.volume input{width:120px;height:15px;accent-color:var(--red);cursor:pointer}.tempo output,.volume output{font-size:8px;color:var(--paper);width:56px}.volume{margin-left:auto}.volume input{width:78px}.volume output{width:28px}.console-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;padding-top:15px;border-top:1px solid #45433b;font-size:6px;color:#a6a08f;letter-spacing:1px}.console-bottom>span{font-style:italic}.kit-note{margin-top:16px;font-family:var(--serif);font-style:italic;font-size:18px;text-align:right;color:var(--muted)}#audio-status{font-size:11px;color:#ff9285;margin-top:4px}
dialog{background:var(--ink);color:var(--paper);border:1px solid #59564e;max-width:650px;width:calc(100% - 32px);padding:42px;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:none;font-size:29px;width:36px;height:36px;line-height:1}.dialog-close:hover{color:var(--red)}dialog .eyebrow{color:var(--red);font-size:8px}dialog h2{font-size:51px;margin:20px 0;letter-spacing:-1px}dialog .dialog-intro{font-size:12px;color:var(--muted);margin-bottom:23px}form label,#booking-result>label{display:flex;flex-direction:column;gap:7px;font-size:11px;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input:not([type=range]),textarea,select{width:100%;background:#22221d;color:var(--paper);border:1px solid #47473b;padding:11px 12px;font-size:12px;border-radius:0}input::placeholder,textarea::placeholder{color:#aaa393}textarea{resize:vertical;min-height:80px}form .button{width:100%;margin-top:7px}.optional{display:contents;color:var(--muted)}.result-actions{display:flex;align-items:center;gap:24px;margin-top:20px}.result-actions .button{font-size:9px;gap:15px}.result-actions .text-link{font-size:9px}#copy-status{color:var(--muted);font-size:11px;margin-top:17px}.back-button{margin-top:16px;border:0;background:none;padding:0;color:var(--red);font-size:11px}