@import url('./piano-view.css');
@import url('./vocal-range.css');
#mic-panel { padding:0 27px 25px; }
.mic-workspaces { display:flex;gap:5px;padding:5px;margin:0 0 23px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft); }
.mic-workspaces button { flex:1;border:0;border-radius:8px;padding:12px 16px;min-height:43px;background:transparent;color:var(--muted);font-weight:600;font-size:12px; }
.mic-workspaces button[aria-selected="true"] { color:var(--accent);background:var(--panel);box-shadow:0 2px 8px #0e2c6510,inset 0 0 0 1px var(--line); }
.mic-workspaces button[data-mic-workspace="record"][aria-selected="true"] { color:var(--signal-red); }
.mic-live-workspace { display:contents; }
.mic-harmonics { min-width:0;margin-top:15px; }
.mic-recording-view { min-width:0; }
.mic-intro { display:flex;gap:14px;align-items:center;padding:5px 0 22px; }
.mic-emblem { width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));flex-shrink:0;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 8%,transparent); }
.mic-emblem svg { width:23px;height:23px; }
.mic-intro h2 { font-family:'Space Grotesk',Arial,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.6px;margin:0 0 5px; }
.mic-intro p { font-size:12px;color:var(--muted);margin:0;line-height:1.6; }
.mic-mode-row { display:flex;align-items:center;justify-content:space-between;gap:14px; }
.mic-modes { display:flex;gap:3px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 4%,var(--panel));padding:4px;border-radius:10px; }
.mic-modes button { min-height:34px;padding:7px 18px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:600; }
.mic-modes button[aria-pressed="true"] { color:#fff;background:var(--accent);box-shadow:0 3px 9px color-mix(in srgb,var(--accent) 23%,transparent); }
.mic-modes button[data-mic-mode="percussion"][aria-pressed="true"] { background:var(--signal-red,#e6445e);box-shadow:0 3px 9px color-mix(in srgb,var(--signal-red,#e6445e) 20%,transparent); }
.mic-mode-help { margin:8px 0 17px;color:var(--muted);font-size:10px;line-height:1.5; }
.mic-dashboard { display:grid;grid-template-columns:1fr 1.45fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative; }
.mic-pitch-card { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 22px;background:radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 75%),color-mix(in srgb,var(--accent) 2%,var(--panel)); }
.mic-card-label { color:var(--muted);font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;font-weight:600; }
.mic-status-dot { width:5px;height:5px;border-radius:50%;background:var(--muted); }
.mic-running .mic-status-dot { background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 45%,transparent); }
.mic-note { font-family:'Space Grotesk',Arial,sans-serif;color:var(--accent);font-size:83px;font-weight:600;line-height:1.1;letter-spacing:-4px;margin:12px 0 0;min-height:92px; }
.mic-note small { font-size:37px;margin-left:3px;opacity:.7;letter-spacing:-1px; }
.mic-hz { display:flex;align-items:baseline;gap:5px;font-family:'Space Grotesk',Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:25px; }
.mic-hz small { font-family:'DM Sans',Arial,sans-serif;color:var(--muted);font-size:12px; }
.mic-frequency-label { color:var(--muted);font-size:8px;letter-spacing:.25px;margin-top:5px; }
.mic-tuning { width:100%;max-width:240px;margin-top:21px; }
.mic-tuning-legend,.mic-tuning-ticks { display:flex;justify-content:space-between;font-size:7px;color:var(--muted);letter-spacing:.6px; }
.mic-tuning-track { position:relative;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 5%);height:15px;margin:10px 2px 7px; }
.mic-tuning-track:after { content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line); }
.mic-tuning-centre { position:absolute;left:45%;width:10%;height:100%;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:3px;border-left:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 30%,transparent); }
.mic-tuning-track>i { width:3px;height:21px;position:absolute;top:-3px;background:var(--accent);border-radius:2px;transform:translateX(-50%);z-index:1; }
.mic-in-tune .mic-tuning-track>i { box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent); }
.mic-cents { font-size:11px;margin:12px 0 0;color:var(--muted);text-align:center; }
.mic-in-tune .mic-cents { color:var(--accent); }
.mic-standard { font-size:8px;color:var(--muted);letter-spacing:.7px;margin-top:20px; }
.mic-analysis-card { padding:24px 23px;border-left:1px solid var(--line);min-width:0; }
.mic-spectrum-heading { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.mic-local-badge { font-size:6px;font-weight:600;letter-spacing:.7px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:20px;padding:5px 7px;white-space:nowrap; }
canvas.mic-spectrum { display:block;position:static;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:113px;margin:13px 0 12px; }
.mic-input-heading { display:flex;justify-content:space-between;color:var(--muted);font-size:9px; }
.mic-level-track { height:4px;border-radius:3px;background:var(--line);margin-top:9px;overflow:hidden; }
.mic-level-track i { display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--signal-red,#e6445e));border-radius:3px;transition:width .06s linear; }
.mic-bands { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px; }
.mic-bands>div>span { display:flex;justify-content:space-between;gap:3px;color:var(--muted);font-size:7px;letter-spacing:.8px; }
.mic-bands b { font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums; }
.mic-bands i { display:block;height:3px;background:var(--line);margin-top:7px;overflow:hidden;border-radius:2px; }
.mic-bands em { display:block;width:0;height:100%;background:var(--accent);border-radius:2px;transition:width .08s linear; }
.mic-bands>div:nth-child(2) em { background:color-mix(in srgb,var(--accent) 55%,var(--signal-red,#e6445e)); }
.mic-bands>div:nth-child(3) em { background:var(--signal-red,#e6445e); }
.mic-family { border-top:1px solid var(--line);margin-top:21px;padding-top:18px; }
.mic-family-heading { display:flex;justify-content:space-between;align-items:center;gap:10px; }
.mic-estimate { font-size:8px;color:var(--muted);padding:3px 6px;border-radius:4px;border:1px solid var(--line); }
.mic-family h3 { font-family:'Space Grotesk',Arial,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.5px;margin:11px 0 6px; }
.mic-family p { font-size:10px;color:var(--muted);line-height:1.65;margin:0;min-height:48px; }
:root[data-theme] .mic-showing-hit .mic-note,:root[data-theme] .mic-showing-hit .mic-family h3 { color:var(--signal-red,#e6445e); }
.mic-showing-hit .mic-note { font-size:69px;letter-spacing:-3px;padding-top:8px; }
.mic-showing-hit .mic-tuning { opacity:.28; }
.mic-showing-hit .mic-standard { visibility:hidden; }
.mic-hit-pulse .mic-dashboard { animation:mic-hit-glow .3s ease-out; }
.mic-terrain { margin-top:15px;padding:21px 22px 16px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,var(--surface-soft),var(--panel));min-width:0; }
.mic-terrain-heading { display:flex;align-items:center;justify-content:space-between;gap:14px; }
.mic-terrain-heading h3 { font-family:'Space Grotesk',Arial,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.6px;margin:7px 0 0; }
.mic-terrain-description { color:var(--muted);font-size:11px;line-height:1.7;margin:10px 0 15px;max-width:600px; }
canvas.mic-terrain-canvas { display:block;position:static;inset:auto;width:100%;height:360px;min-height:0;margin:0;background:#05070d;border-radius:10px;border:1px solid var(--line); }
.mic-terrain-footer { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px; }
.mic-terrain-footer>span { font-size:10px;line-height:1.5;color:var(--muted); }
.mic-terrain-controls { display:flex;align-items:center;gap:6px;flex-shrink:0; }
.mic-terrain-controls button { border:1px solid var(--line);border-radius:7px;min-height:33px;padding:7px 10px;background:var(--panel);color:var(--text);font-size:10px; }
.mic-terrain-controls button[aria-pressed="true"] { color:var(--signal-red);border-color:color-mix(in srgb,var(--signal-red) 50%,var(--line)); }
.mic-terrain-note { color:var(--muted);font-size:9px;line-height:1.7;margin:10px 0 0; }
.mic-hits { margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 3%,transparent),color-mix(in srgb,var(--signal-red,#e6445e) 3%,transparent)); }
.mic-hits-heading { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.mic-hits-heading>div { display:flex;align-items:center;gap:9px; }
.mic-hits-heading strong { font-family:'Space Grotesk',Arial,sans-serif;font-size:23px;line-height:1;font-variant-numeric:tabular-nums;color:var(--signal-red,#e6445e); }
.mic-hits-caption { font-size:9px;color:var(--muted); }
.mic-reset { border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:9px;min-height:29px;background:var(--panel);color:var(--muted); }
.mic-hit-history { display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px;min-height:29px; }
.mic-hit-empty { color:var(--muted);font-size:10px; }
.mic-hit-chip { display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--text);padding:6px 8px;border-radius:7px;font-size:9px;white-space:nowrap; }
.mic-hit-chip i { font-style:normal;color:var(--accent);font-size:12px;line-height:1; }
.mic-hit-snare,.mic-hit-hat { border-color:color-mix(in srgb,var(--signal-red,#e6445e) 20%,var(--line));background:color-mix(in srgb,var(--signal-red,#e6445e) 5%,var(--panel)); }
.mic-hit-snare i,.mic-hit-hat i { color:var(--signal-red,#e6445e); }
.mic-hit-new { animation:mic-chip-in .22s ease-out; }
.mic-status { display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--muted);min-height:42px;margin-top:6px;text-align:center; }
.mic-status>i { width:5px;height:5px;background:var(--muted);border-radius:50%;flex-shrink:0; }
.mic-running .mic-status>i { background:var(--accent); }
.mic-error { border:1px solid color-mix(in srgb,var(--signal-red,#e6445e) 50%,transparent);background:color-mix(in srgb,var(--signal-red,#e6445e) 6%,transparent);color:var(--text);padding:12px 15px;border-radius:7px;font-size:11px;line-height:1.6;margin:0 0 15px; }
button.mic-start { margin-bottom:17px;width:100%;min-height:46px;display:flex;gap:10px;align-items:center;justify-content:center; }
.mic-start svg { width:17px;height:17px; }
.mic-start span { font-size:12px; }
.mic-privacy { margin-top:15px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;color:var(--muted);line-height:1.5;text-align:center; }
.mic-privacy svg { width:12px;height:12px;flex-shrink:0; }
.mic-limit { text-align:center;font-size:9px;color:var(--muted);line-height:1.6;margin:9px auto 0;max-width:590px; }
@keyframes mic-hit-glow { from {box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--signal-red,#e6445e) 55%,transparent),0 0 23px color-mix(in srgb,var(--signal-red,#e6445e) 14%,transparent);} to {box-shadow:inset 0 0 0 0 transparent,0 0 0 transparent;} }
@keyframes mic-chip-in { from {opacity:.45;transform:translateY(4px);} to {opacity:1;transform:translateY(0);} }
@media(max-width:650px) {
  #mic-panel { padding:0 15px 21px;display:flex;flex-direction:column; }
  .mic-intro { order:0; }
  .mic-workspaces { order:1;flex:none;margin-bottom:18px; }
  .mic-recording-view { order:2; }
  .mic-mode-row { order:1;flex-wrap:wrap;gap:8px; }
  .mic-mode-help { order:2;margin-bottom:0;font-size:9px; }
  .mic-status { order:3; }
  .mic-error { order:4; }
  button.mic-start { order:5;margin:0 0 16px;flex:none; }
  .mic-dashboard { order:6; }
  .mic-harmonics { order:7;margin-top:0; }
  .mic-terrain { order:7;padding:16px 12px 14px; }
  .mic-hits { order:7; }
  .mic-privacy { order:8; }
  .mic-limit { order:9; }
  .mic-intro { gap:10px;padding-bottom:17px; }
  .mic-intro h2 { font-size:18px;line-height:1.25; }
  .mic-intro p { font-size:10px; }
  .mic-emblem { width:37px;height:37px;border-radius:10px; }
  .mic-modes { flex:1; }
  .mic-modes button { flex:1;padding:8px 11px;min-height:40px;font-size:10px; }
  .mic-dashboard { grid-template-columns:1fr; }
  .mic-pitch-card { padding:22px 23px; }
  .mic-note { font-size:73px;min-height:80px; }
  .mic-showing-hit .mic-note { font-size:62px; }
  .mic-standard { margin-top:12px; }
  .mic-tuning { margin-top:15px; }
  .mic-analysis-card { border-left:0;border-top:1px solid var(--line);padding:20px; }
  .mic-family h3 { font-size:19px; }
  .mic-family p { min-height:32px; }
  .mic-terrain-heading h3 { font-size:20px; }
  .mic-terrain-heading { gap:8px;align-items:flex-start; }
  .mic-terrain-heading .mic-local-badge { font-size:6px;padding:5px 6px; }
  .mic-terrain-description { font-size:10px; }
  canvas.mic-terrain-canvas { height:300px; }
  .mic-terrain-footer { align-items:flex-start;flex-direction:column;gap:10px; }
  .mic-terrain-controls { width:100%; }
  .mic-terrain-controls button { flex:1;min-height:39px;padding:8px 7px;font-size:9px; }
  .mic-status { font-size:10px; }
  .mic-hits { padding:12px; }
  .mic-hits-heading>div { gap:7px;flex-wrap:wrap; }
  .mic-hits-heading .mic-card-label { font-size:7px;letter-spacing:1px; }
  .mic-reset { min-height:40px;padding:8px 11px; }
  .mic-hit-chip { font-size:8px;padding:7px; }
  .mic-privacy,.mic-limit { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .mic-level-track i,.mic-bands em { transition:none; }
  .mic-hit-pulse .mic-dashboard,.mic-hit-new { animation:none; }
  :root[data-theme] .mic-hit-pulse .mic-dashboard { border-color:var(--signal-red,#e6445e); }
}

/* The spectral comparison keeps its footprint while partials appear and fade. */
.mic-depth-layout { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;height:580px;margin-top:15px;min-width:0; }
.mic-depth-layout>.mic-terrain { margin:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:18px 16px 14px; }
.mic-depth-layout>.mic-harmonics { margin:0;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 14px; }
.mic-depth-layout>.mic-harmonics:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.mic-depth-layout .harmonics-columns { grid-template-columns:minmax(0,1fr); }
.mic-depth-layout .harmonics-heading { align-items:flex-start;flex-wrap:wrap;gap:8px; }
.mic-depth-layout .harmonics-heading h3 { font-size:20px; }
.mic-depth-layout .mic-terrain-heading h3 { font-size:21px; }
.mic-depth-layout .mic-terrain-heading { align-items:flex-start;gap:8px; }
.mic-depth-layout .mic-terrain-description { font-size:10px;line-height:1.55;margin:10px 0 12px; }
.mic-depth-layout .spectrogram-surface { flex:1;min-height:0;display:flex;flex-direction:column; }
.mic-depth-layout .spectrogram-surface>div:first-child { flex:1;min-height:0; }
.mic-depth-layout canvas.mic-terrain-canvas { height:100%; }
.mic-depth-layout .mic-terrain-footer { align-items:flex-start;flex-direction:column;gap:9px; }
.mic-depth-layout .mic-terrain-controls { width:100%; }
.mic-depth-layout .mic-terrain-controls button { flex:1;min-height:36px;padding:7px 5px;font-size:9px; }
.mic-depth-layout .mic-terrain-footer>span { min-height:15px;font-size:9px; }
.mic-depth-layout .mic-terrain-note { font-size:8px;line-height:1.5; }
.mic-key { margin-top:15px;min-width:0; }
.mic-effects { margin-top:15px;padding:20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(125deg,var(--surface-soft),var(--panel));min-width:0; }
.mic-effects-heading { display:flex;align-items:center;justify-content:space-between;gap:14px; }
.mic-effects h3 { margin:7px 0 0;font-family:'Space Grotesk',Arial,sans-serif;font-size:22px;letter-spacing:-.6px;font-weight:500; }
.mic-effects-heading>button { padding:11px 15px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:10px;min-height:42px; }
.mic-effects-heading>button[aria-pressed="true"] { color:#fff;background:var(--signal-red);border-color:var(--signal-red); }
.mic-effects-note,.mic-effects-status { font-size:10px;line-height:1.65;color:var(--muted);margin:10px 0 0; }
.mic-effects-status { min-height:33px;color:var(--text); }
.mic-effects-controls { display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;margin-top:19px; }
.mic-effects-controls label { font-size:11px;font-weight:600;min-width:0;color:var(--text); }
.mic-effects-controls output { float:right;font-size:9px;color:var(--accent);font-weight:400; }
.mic-effects-controls input[type="range"] { display:block;width:100%;margin:18px 0 9px;accent-color:var(--accent); }
.mic-effects-controls label>span { display:block;font-size:8px;font-weight:400;color:var(--muted);line-height:1.5; }
.mic-effects-controls label>span>i { float:right;font-style:normal; }
.mic-effects-controls select { display:block;width:100%;margin:9px 0 7px;min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font:10px 'DM Sans',Arial,sans-serif; }
@media(max-width:800px) {
  .mic-depth-layout { grid-template-columns:minmax(0,1fr);height:auto; }
  .mic-depth-layout>.mic-terrain { height:540px; }
  .mic-depth-layout>.mic-harmonics { height:340px; }
  .mic-effects-controls { grid-template-columns:1fr 1fr; }
  .mic-effects-controls label:last-child { grid-column:1/-1; }
}
@media(max-width:650px) {
  .mic-key,.mic-depth-layout,.mic-effects { order:7; }
  .mic-depth-layout>.mic-terrain { height:540px; }
  .mic-depth-layout>.mic-harmonics { margin:0;height:340px; }
  .mic-effects { padding:16px 12px; }
  .mic-effects-heading { align-items:flex-start;flex-direction:column;gap:12px; }
  .mic-effects-heading>button { width:100%; }
  .mic-effects-controls { grid-template-columns:1fr;gap:17px; }
  .mic-effects-controls label:last-child { grid-column:auto; }
}

/* Compact analysis views share one persistent pitch readout. */
.mic-live-workspace{display:block;min-width:0;overflow:visible}
.mic-intro{padding:3px 0 15px}.mic-intro h2{font-size:18px}.mic-intro p{font-size:10px}.mic-emblem{width:36px;height:36px;border-radius:10px}
.mic-workspaces{margin-bottom:16px}.mic-workspaces button{padding:10px 12px;font-size:11px}
.mic-mode-help{margin-bottom:4px}.mic-status{display:inline-flex;width:calc(100% - 220px);margin-top:0;min-height:45px;justify-content:flex-start;text-align:left;font-size:10px}
button.mic-start{display:inline-flex;width:210px;min-height:40px;vertical-align:middle;margin:0 0 12px 6px;padding:10px 13px}.mic-start span{font-size:11px}
.mic-pitch-dock{position:sticky;top:var(--flux-sticky-top,8px);z-index:12;border:1px solid #4264a3;border-radius:12px;box-shadow:0 8px 25px #0004;backdrop-filter:blur(18px);background:#0c1930f5;padding:11px 18px;display:grid;grid-template-columns:130px 100px minmax(100px,1fr) 160px;grid-template-rows:20px 28px;align-items:center;justify-content:stretch;gap:0 16px;min-height:78px;margin-bottom:15px}
.mic-pitch-dock>.mic-card-label{grid-column:1;grid-row:1;font-size:7px;letter-spacing:1px}.mic-pitch-dock>.mic-note{grid-column:1;grid-row:2;font-size:39px;letter-spacing:-1.6px;min-height:0;line-height:1;margin:0;align-self:center}.mic-pitch-dock>.mic-note small{font-size:20px;letter-spacing:-.5px;margin-left:2px}.mic-pitch-dock>.mic-hz{grid-column:2;grid-row:1/3;font-size:20px;white-space:nowrap}.mic-pitch-dock>.mic-hz small{font-size:9px}.mic-pitch-dock>.mic-frequency-label{display:none}.mic-pitch-dock>.mic-tuning{grid-column:3;grid-row:1/3;margin:0;max-width:none}.mic-pitch-dock>.mic-cents{grid-column:4;grid-row:1/3;margin:0;font-size:10px;text-align:right}.mic-pitch-dock>.mic-standard{display:none}.mic-pitch-dock .mic-tuning-track{margin:5px 0;height:10px}.mic-pitch-dock .mic-tuning-track>i{height:16px}.mic-pitch-dock .mic-tuning-legend,.mic-pitch-dock .mic-tuning-ticks{font-size:6px}.mic-showing-hit .mic-pitch-dock>.mic-note{font-size:33px;padding:0}
.mic-view-tabs{display:flex;gap:7px;margin:0 0 15px;padding-bottom:11px;border-bottom:1px solid var(--line)}.mic-view-tabs button{flex:1;min-height:38px;border:1px solid transparent;border-radius:8px;padding:9px 15px;background:transparent;color:var(--muted);font-size:10px;font-weight:600}.mic-view-tabs button[aria-selected=true]{color:#a8c4ff;background:#4679dd18;border-color:#4679dd55}.mic-view{min-width:0}
.mic-key-details{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:0 14px}.mic-key-details summary{cursor:pointer;color:var(--text);font-size:11px;padding:14px 0;min-height:43px}.mic-key-details summary span{color:var(--muted);font-size:9px;float:right;margin-left:10px}.mic-key-details .mic-key{margin:0 0 14px}.mic-key-details .key-panel{min-height:0}
.mic-view>.mic-dashboard{display:block}.mic-view .mic-analysis-card{border:0;padding:13px 15px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.mic-view .mic-spectrum-heading{grid-column:1}.mic-view .mic-spectrum{grid-column:1;grid-row:2/6;height:95px;margin:6px 0 0}.mic-view .mic-input-heading{grid-column:2;grid-row:1}.mic-view .mic-level-track{grid-column:2;grid-row:2}.mic-view .mic-bands{grid-column:2;grid-row:3;margin-top:11px}.mic-view .mic-family{grid-column:2;grid-row:4/6;border:0;margin-top:9px;padding:0}.mic-view .mic-family-heading{display:none}.mic-view .mic-family h3{font-size:14px;margin:0 0 4px}.mic-view .mic-family p{min-height:0;font-size:8px;line-height:1.4}.mic-view .mic-depth-layout{height:450px;margin-top:12px}.mic-view .mic-terrain-heading h3{font-size:18px}.mic-view .mic-terrain-description{font-size:9px;margin:7px 0}.mic-view .mic-terrain-note{display:none}.mic-view .mic-effects{margin-top:0}
.mic-sheet-capture{border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:10px 18px;background:var(--surface-soft);margin-bottom:14px}.mic-sheet-capture h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0 0 7px}.mic-sheet-capture p{font-size:10px;color:var(--muted);line-height:1.7;margin:0;max-width:530px}.mic-sheet-capture button{min-height:42px;align-self:center;padding:10px 15px;border-radius:9px;border:1px solid #4f84e6;background:#326fff20;color:#a7c4ff;font-size:11px}.mic-sheet-capture>span{grid-column:1/-1;font-size:10px;color:var(--muted)}
.mic-range-view{min-width:0}
@media(max-width:800px){.mic-view .mic-depth-layout{height:auto;grid-template-columns:1fr}.mic-view .mic-depth-layout>.mic-terrain{height:440px}.mic-view .mic-depth-layout>.mic-harmonics{height:300px}.mic-pitch-dock{grid-template-columns:85px 85px minmax(80px,1fr);gap:0 12px}.mic-pitch-dock>.mic-cents{display:none}}
@media(max-width:650px){#mic-panel{display:block;padding:0 15px 20px}.mic-workspaces button{padding:10px 7px;font-size:9px;line-height:1.4}.mic-workspaces{gap:3px;margin-bottom:14px}.mic-mode-row{flex-wrap:nowrap}.mic-mode-row>.mic-card-label{font-size:6px;letter-spacing:.7px;max-width:65px}.mic-modes button{padding:7px 9px;min-height:35px}.mic-mode-help{font-size:8px;margin:7px 0}.mic-status{font-size:9px;min-height:38px;width:100%;margin-bottom:3px}button.mic-start{width:100%;margin:0 0 12px;min-height:40px}.mic-pitch-dock{padding:10px 12px;grid-template-columns:65px 76px minmax(70px,1fr);gap:0 9px;grid-template-rows:16px 25px;min-height:66px}.mic-pitch-dock>.mic-note{font-size:32px;letter-spacing:-1.2px}.mic-pitch-dock>.mic-note small{font-size:16px}.mic-pitch-dock>.mic-hz{font-size:16px;gap:3px}.mic-pitch-dock>.mic-card-label{font-size:5px;letter-spacing:.5px;gap:3px}.mic-pitch-dock .mic-tuning-legend,.mic-pitch-dock .mic-tuning-ticks{font-size:5px;letter-spacing:0}.mic-pitch-dock>.mic-cents{display:none}.mic-view-tabs{gap:3px;margin-bottom:12px}.mic-view-tabs button{font-size:9px;padding:9px 5px}.mic-key-details summary{font-size:10px}.mic-key-details summary span{display:none}.mic-view .mic-analysis-card{padding:13px 12px;gap:0 12px}.mic-view .mic-spectrum-heading .mic-local-badge{display:none}.mic-view .mic-family h3{font-size:12px}.mic-view .mic-family p{font-size:7px}.mic-view .mic-bands>div>span{font-size:6px}.mic-view .mic-bands{gap:7px}.mic-view .mic-terrain-heading h3{font-size:18px}.mic-sheet-capture{padding:15px 12px;grid-template-columns:1fr}.mic-sheet-capture button{width:100%}.mic-sheet-capture h3{font-size:18px}.mic-limit{margin-top:7px}}