.fourier-explore{width:100%;background:#0a0a0a;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.fourier-explore__canvas{width:100%;max-height:min(34vh,400px);min-height:200px;display:flex;justify-content:center;align-items:center}.fourier-explore__canvas canvas{display:block;max-width:100%;max-height:min(34vh,400px);width:auto!important;height:auto!important}.fourier-explore__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg)}.fourier-explore__n{flex:1 1 12rem;min-width:0}.fourier-explore__n-value{color:#d4b87a;font-weight:600}.fourier-explore__mode-btn{flex:0 1 auto;font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text);background:transparent;border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);cursor:pointer;white-space:nowrap;transition:border-color .15s ease}.fourier-explore__mode-btn:hover{border-color:var(--color-text-muted)}.fourier-explore__reveal{flex:0 0 auto;margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);padding-bottom:var(--space-2)}.fourier-explore__meta{padding:0 var(--space-5) var(--space-4)}.fourier-explore__title{font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.06em;color:#d4b87a}.fourier-explore__formula,.fourier-explore__mode{margin-top:var(--space-1);font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted);line-height:1.5}.fourier-explore .control-field label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text);margin-bottom:var(--space-2)}@media(min-width:640px){.fourier-explore__toolbar{flex-wrap:nowrap}.fourier-explore__mode-btn{align-self:flex-end;margin-bottom:2px}}.range-wrap{position:relative;display:flex;align-items:center;height:1.75rem}.range-wrap:before{content:"";position:absolute;left:0;right:0;height:2px;border-radius:1px;background:var(--color-border);pointer-events:none;transition:background .2s ease,box-shadow .2s ease}.range-wrap:hover:before,.range-wrap:focus-within:before{background:var(--color-accent);box-shadow:0 0 8px var(--accent-border)}.range{-webkit-appearance:none;appearance:none;position:relative;z-index:1;width:100%;height:1.75rem;margin:0;padding:0;border:none;outline:none;background:transparent;cursor:pointer;accent-color:var(--color-accent)}.range:focus{outline:none}.range::-webkit-slider-runnable-track{height:2px;background:transparent;border:none;box-shadow:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--color-text-muted);border:none;box-shadow:0 0 0 1px var(--color-border);transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.range-wrap:hover .range::-webkit-slider-thumb,.range-wrap:focus-within .range::-webkit-slider-thumb,.range:active::-webkit-slider-thumb{background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),0 0 12px var(--accent-border);transform:scale(1.08)}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent),0 0 12px var(--accent-border)}.range::-moz-range-track{height:2px;background:transparent;border:none}.range::-moz-range-progress{background:transparent}.range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--color-text-muted);box-shadow:0 0 0 1px var(--color-border);transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.range-wrap:hover .range::-moz-range-thumb,.range-wrap:focus-within .range::-moz-range-thumb,.range:active::-moz-range-thumb{background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),0 0 12px var(--accent-border);transform:scale(1.08)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent),0 0 12px var(--accent-border)}.wave-explore{width:100%;background:#0a0a0a;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.wave-explore__stage{display:grid;grid-template-columns:minmax(0,1fr) min(300px,32vw);align-items:start;contain:layout}.wave-explore__visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:var(--space-4) var(--space-5);background:#0a0a0a}.wave-explore__visual-title{align-self:flex-start;margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-muted)}.wave-explore__canvas{width:100%;display:flex;justify-content:center;align-items:center}.wave-explore__canvas canvas{display:block;max-width:100%;width:auto!important;height:auto!important}.wave-explore__sidebar{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg);border-left:1px solid var(--color-border);position:sticky;top:var(--nav-height);align-self:start;max-height:calc(100vh - var(--nav-height));overflow-y:auto;overscroll-behavior:contain}.wave-explore__mode-btn{align-self:flex-start;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:border-color .15s ease,color .15s ease}.wave-explore__mode-btn:hover{border-color:var(--color-text-muted);color:var(--color-accent)}.wave-explore__state{margin:0;font-family:var(--font-mono);font-size:.8125rem;color:#d4b87a;line-height:1.4}.wave-explore__control-block{display:flex;flex-direction:column;gap:var(--space-3)}.wave-explore__group-label{margin:0;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--color-text-muted)}.wave-explore__formula{margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted);line-height:1.5}.wave-explore__val{color:#d4b87a;font-weight:600}.wave-explore .control-field label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text);margin-bottom:var(--space-2)}@media(max-width:1023px){.wave-explore__stage{grid-template-columns:1fr}.wave-explore__sidebar{position:static;max-height:none;border-left:none;border-top:1px solid var(--color-border)}}