.explanation-overlay.svelte-14ak3ay{padding:16px;position:absolute;inset:0;z-index:1000;background:var(--clr-bg);display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.explanation-overlay.visible.svelte-14ak3ay{opacity:1;visibility:visible;pointer-events:auto}.explanation-body.svelte-14ak3ay{overflow-y:auto}.explanation-header.svelte-14ak3ay{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-close.svelte-14ak3ay{background:none;border:none;font-size:2rem;color:var(--clr-text);cursor:pointer}.tool-interface.svelte-pbs611{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;font-family:sans-serif}.top-monitor-bar.svelte-pbs611{display:grid;grid-template-columns:120px 1fr;gap:12px;flex-shrink:0;align-items:center}.monitor-tile.svelte-pbs611{background:var(--clr-card, #fff);border:1px solid #1A2B4B;border-radius:8px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;height:42px;box-sizing:border-box}.tile-label.svelte-pbs611{font-size:.7rem;font-weight:700;opacity:.6}.tile-value.note.svelte-pbs611{font-family:monospace;font-weight:800;font-size:1.2rem;color:#1a2b4b;opacity:.2;display:flex;align-items:center}.tile-value.note.has-pitch.svelte-pbs611{color:#ff6d00;opacity:1}.listening-dot.svelte-pbs611{display:inline-block;width:8px;height:8px;background-color:#ff6d00;border-radius:50%;margin-left:6px;animation:svelte-pbs611-pulse 1s infinite alternate}@keyframes svelte-pbs611-pulse{0%{opacity:.3}to{opacity:1}}.volume-monitor.svelte-pbs611{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#333;background:var(--clr-card, #fff);border:1px solid #e0e5ed;padding:0 12px;height:42px;border-radius:8px;box-sizing:border-box}.volume-monitor.svelte-pbs611 .label:where(.svelte-pbs611){min-width:45px;font-size:10px;letter-spacing:.05em;opacity:.7}.meter-track.svelte-pbs611{flex:1;height:8px;border-radius:4px;position:relative;background:linear-gradient(90deg,#2ecc71 0% 80%,#f1c40f 88%,#e74c3c 95% 100%)}.meter-mask.svelte-pbs611{position:absolute;top:0;right:0;height:100%;background-color:#e0e0e0;transition:width .05s ease-out;width:100%;border-top-right-radius:4px;border-bottom-right-radius:4px}.canvas-flex-container.svelte-pbs611{flex:1;min-height:0;background:#fff;overflow:hidden;position:relative;display:flex}canvas.svelte-pbs611{width:100%;height:100%;display:block}.countdown-overlay.svelte-pbs611{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#1a2b4be6;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;pointer-events:none}.countdown-number.svelte-pbs611{color:#fff;font-size:3rem;font-weight:900;animation:svelte-pbs611-zoomInOut 1s infinite ease-in-out}@keyframes svelte-pbs611-zoomInOut{0%{transform:scale(.6);opacity:0}20%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.action-tabs-container.svelte-pbs611{display:flex;flex-direction:column;margin-top:4px;height:auto}.tab-headers.svelte-pbs611{display:flex;gap:8px;width:100%;position:relative;z-index:2}.tab-trigger.svelte-pbs611{flex:1;text-align:center;border:1px solid var(--clr-text);border-bottom:none;background:#374151;color:var(--clr-card);padding:8px 16px;font-weight:700;font-size:.8rem;border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;transition:all .15s;margin-bottom:-1px;-webkit-appearance:none;appearance:none}.tab-trigger.svelte-pbs611:not(.active):hover{background:#4b5563;color:#fff}.tab-trigger.active.svelte-pbs611{background:#fff!important;color:var(--clr-text);border-color:var(--clr-text);padding-top:10px;padding-bottom:9px;margin-top:-2px;z-index:5;position:relative;font-size:.8rem}.tab-trigger.svelte-pbs611:disabled{cursor:not-allowed;opacity:.4}.tab-trigger.active.svelte-pbs611:disabled{opacity:1!important;background:#fff!important;color:var(--clr-text)!important;z-index:5}.tab-content-panel.svelte-pbs611{background:#fff;border:1px solid var(--clr-text);border-radius:0 0 8px 8px;padding:12px;position:relative;z-index:1}.main-controls.svelte-pbs611{height:48px;display:flex;gap:12px;width:100%;justify-content:center;max-width:360px;margin:0 auto}.main-controls.svelte-pbs611>button:where(.svelte-pbs611){flex:1;height:100%;border-radius:12px;font-size:1.6rem;line-height:1;cursor:pointer;box-sizing:border-box;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none}.main-controls.svelte-pbs611>button.btn-help:where(.svelte-pbs611){flex:0 0 60px;border:1px solid #e0e5ed;background:#fff;color:#333;font-size:.85rem;font-weight:700}.btn-primary.svelte-pbs611{background:var(--clr-main);color:#fff}.btn-danger.svelte-pbs611{background:#e74c3c;color:#fff}.main-controls.svelte-pbs611>button.btn-record:where(.svelte-pbs611){background:#f5f7fb;border:1px solid #e0e5ed}.btn-record.svelte-pbs611 .rec-icon:where(.svelte-pbs611){display:block;width:32px;height:32px;border-radius:50%;background-color:#e74c3c;border:2px solid #e74c3c;padding:3px;background-clip:content-box;box-sizing:border-box;transition:transform .15s ease}.btn-record.svelte-pbs611:not(:disabled):hover .rec-icon:where(.svelte-pbs611){transform:scale(1.08)}.btn-play.svelte-pbs611{background:#2ecc71;color:#fff}.btn-play.playing.svelte-pbs611{background:#f1c40f;color:#333}.animation-pulse.svelte-pbs611{animation:svelte-pbs611-pulse-red 1.5s infinite ease-in-out}@keyframes svelte-pbs611-pulse-red{0%{opacity:1}50%{opacity:.7}to{opacity:1}}button.svelte-pbs611:disabled{opacity:.4;cursor:not-allowed}.visually-hidden.svelte-pbs611{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}