.audio-debugger-container{backdrop-filter:blur(10px);color:#fff;z-index:9999;pointer-events:auto;background:#0a0f19d9;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;width:500px;padding:16px;font-family:monospace;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000080}.audio-debugger-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.audio-debugger-header h3{letter-spacing:1px;color:#a0c0ff;margin:0;font-size:14px;font-weight:600}.audio-debugger-title{align-items:center;gap:12px;display:flex}.detector-pill{color:#ff9bb8;letter-spacing:.08em;text-transform:uppercase;background:#ff33661f;border:1px solid #ff336659;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.audio-debugger-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:16px}.audio-debugger-close:hover{color:#fff}.audio-debugger-canvas-container{background:#00000080;border-radius:6px;width:100%;height:120px;position:relative;overflow:hidden}.audio-debugger-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.audio-debugger-bands{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.band-item{background:#ffffff0d;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;display:flex}.band-label{color:#aaa;width:70px;font-size:11px}.band-bar-container{background:#00000080;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.band-bar{border-radius:4px;height:100%;transition:width 50ms linear}.band-value{text-align:right;color:#fff;width:30px;font-size:11px}.debugger-hint{color:#666;text-align:center;margin-top:4px;font-size:10px}.audio-debugger-triggers{border-top:1px solid #ffffff1a;flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;display:flex}.trigger-item{background:#ffffff0d;border-radius:4px;flex-direction:column;gap:6px;padding:6px 8px;display:flex}.trigger-header{align-items:center;gap:8px;width:100%;display:flex}.trigger-controls{color:#aaa;justify-content:space-between;gap:8px;width:100%;font-size:10px;display:flex}.trigger-controls label{align-items:center;gap:4px;display:flex}.trigger-controls input[type=range]{width:60px;height:4px}.trigger-bar-container{background:#00000080;border-radius:4px;flex-grow:1;height:12px;position:relative}.trigger-bar-energy{background-color:#f36;border-radius:4px;height:100%;transition:width 50ms linear}.trigger-bar-thresh{z-index:2;background-color:#fff;width:2px;transition:left .1s linear;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 4px #fffc}.kick-monitor{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;display:flex}.kick-monitor-head{align-items:center;gap:12px;display:flex}.beat-lamp{color:#ffffff73;letter-spacing:.12em;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;place-items:center;width:74px;height:34px;font-size:12px;font-weight:800;transition:transform 80ms linear,background-color 80ms linear,color 80ms linear,box-shadow 80ms linear;display:grid}.beat-lamp.is-active{color:#fff;background:#f36;border-color:#ff3366e6;transform:scale(1.06);box-shadow:0 0 18px #ff3366a6}.kick-meta{color:#ffffff75;gap:3px;font-size:11px;line-height:1.2;display:grid}.kick-meta span{color:#fff;font-weight:700}.kick-meter-row{color:#ffffff9e;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:8px;font-size:11px;display:grid}.kick-meter{background:#0000008c;border-radius:5px;height:11px;position:relative;overflow:hidden}.kick-meter-fill{border-radius:5px;width:0%;height:100%;transition:width 50ms linear}.kick-meter-fill.level{background:#ff6690}.kick-meter-fill.flux{background:#f36}.kick-meter-fill.envelope{background:#ffd166}.kick-threshold{background:#fff;width:2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 6px #ffffffd9}.detector-sensitivity{background:#ffffff0d;border-radius:6px;gap:6px;padding:8px 10px;display:grid}.detector-sensitivity-head{color:#ffffff9e;justify-content:space-between;align-items:center;font-size:11px;display:flex}.detector-sensitivity-head strong{color:#fff;font-size:12px}.detector-sensitivity-control{color:#ffffff7a;grid-template-columns:48px minmax(0,1fr) 68px;align-items:center;gap:8px;font-size:10px;display:grid}.detector-sensitivity-control span:last-child{text-align:right}.detector-sensitivity-control input[type=range]{accent-color:#f36;cursor:pointer;width:100%}.beat-timeline-label{color:#ffffff6b;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px}.beat-timeline{background:repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 12.5%),#00000059;border:1px solid #ffffff14;border-radius:5px;height:28px;position:relative;overflow:hidden}.beat-tick{background:#f36;border-radius:999px;width:3px;position:absolute;top:5px;bottom:5px;box-shadow:0 0 10px #ff3366bf}