.dk-modal-content.spectrogram-modal-shell{min-height:min(70dvh,620px)}.dk-modal-body.spec-body{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.spec-controls.svelte-1xtv30j{border-bottom:1px solid var(--border);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;font-size:11px;display:flex}.spec-actions.svelte-1xtv30j{align-items:center;margin-left:auto;display:flex}.spec-code-use.svelte-1xtv30j{border:1px solid color-mix(in oklab, var(--primary) 35%, var(--border));background:color-mix(in oklab, var(--primary) 6%, transparent);max-width:min(52%,20rem);color:var(--primary);font-family:var(--font-mono);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:10px;display:inline-flex}.spec-code-use.svelte-1xtv30j:hover{background:color-mix(in oklab, var(--primary) 12%, transparent)}.spec-code-action.svelte-1xtv30j{flex:none;font-weight:500}.spec-field.svelte-1xtv30j{color:var(--foreground-tertiary);align-items:center;gap:5px;display:flex}.spec-select.svelte-1xtv30j{border:1px solid var(--border);background:var(--surface-raised);color:var(--foreground-secondary);font-family:var(--font-mono);border-radius:4px;padding:1px 4px;font-size:11px}.spec-number.svelte-1xtv30j{border:1px solid var(--border);background:var(--surface-raised);width:6.5ch;color:var(--foreground-secondary);font-family:var(--font-mono);text-align:right;border-radius:4px;padding:1px 3px;font-size:11px}.spec-number.svelte-1xtv30j::-webkit-outer-spin-button{appearance:none;margin:0}.spec-number.svelte-1xtv30j::-webkit-inner-spin-button{appearance:none;margin:0}.spec-number.svelte-1xtv30j{appearance:textfield}.spec-dim.svelte-1xtv30j{color:var(--foreground-dim)}.spec-reset.svelte-1xtv30j{border:1px solid var(--border);color:var(--foreground-secondary);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;padding:1px 5px;font-size:11px}.spec-reset.svelte-1xtv30j:hover{background:var(--surface-hover);color:var(--foreground)}.spec-drag.svelte-1xtv30j{z-index:1;border-top:1px solid var(--foreground);border-bottom:1px solid var(--foreground);background:color-mix(in oklab, var(--foreground) 18%, transparent);pointer-events:none;position:absolute;left:0;right:0}@media (width<=767px){.spec-select.svelte-1xtv30j,.spec-number.svelte-1xtv30j{font-size:16px}}.spec-empty.svelte-1xtv30j{color:var(--foreground-tertiary);padding:16px;font-size:12px}.spec-frame.svelte-1xtv30j{--spec-axis-height:14px;flex:auto;min-height:160px;margin:12px 16px 0;display:flex}.spec-freq-axis.svelte-1xtv30j{border-right:1px solid var(--border);width:42px;color:var(--foreground-dim);font-family:var(--font-mono);flex-direction:column;flex:none;font-size:10px;display:flex}.spec-freq-ticks.svelte-1xtv30j{flex:auto;min-height:0;position:relative}.spec-freq-ticks[style*=height].svelte-1xtv30j{flex:none}.spec-axis-spacer.svelte-1xtv30j{height:var(--spec-axis-height);flex:none}.spec-freq-tick.svelte-1xtv30j{position:absolute;right:4px;transform:translateY(50%)}.spec-plot.svelte-1xtv30j{background:var(--surface-raised);cursor:crosshair;flex:auto;min-width:0;position:relative}.spec-scroll.svelte-1xtv30j{flex-direction:column;height:100%;display:flex;overflow:auto hidden}.spec-canvas.svelte-1xtv30j{flex:auto;min-height:0;display:block}.spec-overlay.svelte-1xtv30j{top:0;right:0;bottom:var(--spec-axis-height);pointer-events:none;position:absolute;left:0}.spec-overlay[style*=height].svelte-1xtv30j{bottom:auto}.spec-grid-line.svelte-1xtv30j{border-top:1px solid color-mix(in oklab, var(--border-strong) 45%, transparent);position:absolute;left:0;right:0}.spec-time-axis.svelte-1xtv30j{height:var(--spec-axis-height);color:var(--foreground-dim);font-family:var(--font-mono);flex:none;font-size:10px;position:relative}.spec-time-axis.svelte-1xtv30j span:where(.svelte-1xtv30j){position:absolute;transform:translate(-50%)}.spec-time-axis.svelte-1xtv30j span:where(.svelte-1xtv30j):first-child{transform:none}.spec-time-axis.svelte-1xtv30j span:where(.svelte-1xtv30j):last-child{transform:translate(-100%)}.spec-note.svelte-1xtv30j{color:var(--warning);font-family:var(--font-mono);padding:8px 16px 12px;font-size:10px}@media (width<=639px){.spec-frame.svelte-1xtv30j{min-height:120px}}