.fourier-page{max-width:1540px;margin:auto;color:#30372d}.fourier-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:24px 0 32px}.fourier-heading h1{font-size:clamp(29px,3.3vw,44px);letter-spacing:-.05em;margin:14px 0}.fourier-heading p{font-size:18px;line-height:1.8;margin:0}.fourier-badge{font-size:11px;letter-spacing:.06em;border:1px solid #bcc4b3;background:#e8eddd;padding:10px 12px;white-space:nowrap}.fourier-studio{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid #b9c1b2;background:#fffef8;box-shadow:4px 4px 0 #dce1d4}.fourier-controls{padding:24px;border-right:1px solid #cbd1c2;background:#f3f2e9;display:flex;flex-direction:column;gap:17px;min-width:0}.fourier-controls h2{font-size:22px;margin:0 0 6px}.fourier-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fourier-presets button{min-height:45px;border:1px solid #b9c2b1;background:#fffef8;font-size:15px;border-radius:0;color:inherit;cursor:pointer}.fourier-presets button:hover,.fourier-presets button:focus-visible{background:#dce4f9;border-color:#4e689e}.fourier-controls label:not(.fourier-check),.fourier-controls #fourier-image-options{display:grid;gap:12px;font-size:15px;font-weight:600}.fourier-controls output{float:right;color:#4d6693;font-weight:600}.fourier-controls input[type=range]{width:100%;accent-color:#5476ae;cursor:pointer}.fourier-controls select{width:100%;padding:10px;font:inherit;font-size:14px;border:1px solid #b9c2b1;background:#fffef8}.fourier-upload{padding:15px;background:#dfe6f7;border:1px dashed #6680b1;cursor:pointer}.fourier-upload input{width:100%;font-size:12px;font-weight:400}.fourier-controls .fourier-help{font-size:13px;line-height:1.8;margin:0;font-weight:400;color:#68705f}.fourier-controls hr{width:100%;border:0;border-top:1px dashed #b9c2b1;margin:8px 0}.fourier-buttons,.fourier-play{display:flex;flex-wrap:wrap;gap:12px}.fourier-controls .button{font-size:13px;padding:12px 13px;white-space:normal}.fourier-checks{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.fourier-checks label,.fourier-check{display:flex;gap:7px;align-items:center}.fourier-checks input,.fourier-check input{accent-color:#5476ae}.fourier-stage{min-width:0;padding:22px;overflow:hidden}.fourier-stage-head{display:flex;gap:12px;justify-content:space-between;font-size:13px;margin-bottom:15px;color:#57604e}.fourier-stage-head span:last-child{color:#4d6693}.fourier-stage>canvas{display:block;width:100%;height:auto;aspect-ratio:9/7;border:1px solid #d7dccf;touch-action:none;background:#faf9f2}.fourier-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #cbd1c2;padding:20px 0;gap:15px}.fourier-metrics div+div{border-left:1px solid #cbd1c2;padding-left:15px}.fourier-metrics small{display:block;font-size:12px;color:#6a745e;line-height:1.7}.fourier-metrics strong{display:block;font-size:20px;margin-top:8px;overflow-wrap:anywhere}.fourier-spectrum{margin-top:22px}.fourier-spectrum canvas{width:100%;height:auto;display:block;margin-top:12px}.fourier-spectrum p{font-size:13px;color:#657057;line-height:1.7}.fourier-message{padding:15px 18px;background:#eef1e4;font-size:15px;line-height:1.8;border-left:3px solid #a5b48d;overflow-wrap:anywhere}.fourier-mode-note{font-size:15px;line-height:1.8;color:#626a58}.fourier-explanation{margin:65px 0 50px}.fourier-explanation>h2{font-size:32px;letter-spacing:-.03em}.fourier-intro{font-size:20px;line-height:1.9;max-width:850px}.fourier-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.fourier-steps article{padding:24px;background:#edf0e4;border:1px solid #c5cfb5}.fourier-steps b{color:#68864b;font-size:28px;font-weight:400}.fourier-steps h3,.fourier-notes h3{font-size:21px;line-height:1.6}.fourier-steps p,.fourier-notes p,.fourier-formula p{font-size:18px;line-height:1.9}.fourier-formula{padding:26px;margin:25px 0;background:#e5eaf7;border:1px solid #b8c7e3;overflow:hidden}.fourier-formula>span{font-size:15px}.fourier-formula .katex-display{overflow-x:auto;overflow-y:hidden;font-size:1.06em;padding:8px 0}.fourier-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 34px}.fourier-explanation>.fourier-help{padding:20px;border-top:1px dashed #b9c2b1;font-size:15px;line-height:1.9}.fourier-credits{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.fourier-credits a{color:#48649a}.fourier-controls #fourier-image{width:100%;height:auto;background:#fff;border:1px solid #cbd1c2}.fourier-page [hidden]{display:none!important}.fourier-page button:focus-visible,.fourier-page input:focus-visible,.fourier-page select:focus-visible{outline:3px solid #d8a24c;outline-offset:3px}@media(max-width:1100px){.fourier-studio{grid-template-columns:245px minmax(0,1fr)}.fourier-controls{padding:18px}.fourier-stage{padding:16px}.fourier-heading{display:block}.fourier-badge{display:inline-block;margin-top:18px}.fourier-steps{gap:12px}.fourier-steps article{padding:18px}}@media(max-width:760px){.fourier-studio{display:flex;flex-direction:column}.fourier-controls{order:2;border-right:0;border-top:1px solid #b9c1b2}.fourier-stage{order:1;padding:12px}.fourier-stage>canvas{aspect-ratio:9/7}.fourier-metrics{gap:8px;padding:14px 0}.fourier-metrics div+div{padding-left:8px}.fourier-metrics small{font-size:11px}.fourier-metrics strong{font-size:16px}.fourier-heading h1{font-size:29px}.fourier-heading p{font-size:16px}.fourier-steps,.fourier-notes{grid-template-columns:1fr}.fourier-explanation>h2{font-size:27px}.fourier-intro{font-size:19px}.fourier-formula{padding:17px}.fourier-stage-head{font-size:11px}.fourier-studio .fourier-presets{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fourier-compare-buttons{display:flex;flex-wrap:wrap;gap:10px}.fourier-compare-buttons p{width:100%}