.radio-page .tools-hero{padding-bottom:32px}.radio-intro{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.radio-intro a,.rf-button{border:1px solid var(--tools-line-strong);border-radius:12px;padding:11px 16px;background:#122c41;color:var(--tools-text);font-weight:650;min-height:44px}.radio-intro a:hover,.rf-button:hover{background:#19405a}.rf-button[aria-pressed=true]{background:#27533e;border-color:var(--tools-lime)}
.rf-section{max-width:var(--tools-max);margin:0 auto;padding:32px var(--tools-pad) 52px;scroll-margin-top:105px}.rf-section-head{max-width:900px;margin-bottom:24px}.rf-section-head h2{font-size:clamp(27px,3vw,42px);line-height:1.15;margin:8px 0 16px}.rf-section-head p{color:var(--tools-muted);font-size:18px}.rf-workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);border:1px solid var(--tools-line);border-radius:24px;overflow:hidden;background:#0b1928;box-shadow:var(--tools-shadow)}.rf-visual{padding:22px;min-width:0;background:radial-gradient(ellipse at 45% 40%,#163247,#091625 75%)}.rf-visual canvas{width:100%;height:auto;aspect-ratio:700/400;border-radius:16px;display:block;background:#071522;touch-action:pan-y;outline-offset:4px}.rf-visual canvas:focus-visible{outline:2px solid var(--tools-accent)}.rf-visual canvas.rf-dragging{touch-action:none}.rf-legend{display:flex;gap:15px;flex-wrap:wrap;margin:16px 0 8px;font-size:15px}.rf-key{display:inline-flex;align-items:center;gap:7px}.rf-key::before{content:'';width:12px;height:12px;background:var(--key);border-radius:50%}.rf-caption{color:var(--tools-muted);font-size:15px;margin:10px 0}.rf-status{background:#132a3b;border-left:3px solid var(--tools-accent);padding:14px;border-radius:5px 12px 12px 5px;font-size:17px;margin-top:16px}.rf-status strong{color:var(--tools-text)}.rf-controls{padding:24px;background:#0d1e2e;min-width:0}.rf-controls h3{margin:0 0 16px;font-size:19px}.rf-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.rf-control{display:flex;flex-direction:column;gap:7px;min-width:0}.rf-control.full{grid-column:1/-1}.rf-control label{font-size:16px;line-height:1.3;display:flex;justify-content:space-between;gap:8px}.rf-control output{font-variant-numeric:tabular-nums;color:var(--tools-accent);white-space:nowrap}.rf-control input[type=range]{width:100%;height:26px;accent-color:var(--tools-accent);margin:0}.rf-control select{width:100%;border:1px solid var(--tools-line-strong);background:#081724;border-radius:10px;padding:10px;font-size:18px;min-height:45px}.rf-control small{font-size:14px;color:var(--tools-muted)}.rf-control:has(input:disabled){opacity:.55}.rf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.rf-details{margin-top:20px;border-top:1px solid var(--tools-line);padding-top:15px}.rf-details summary{cursor:pointer;font-weight:650;min-height:35px}.rf-details p{color:var(--tools-muted);font-size:15px}.rf-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.rf-metric{background:#081725;border:1px solid var(--tools-line);border-radius:12px;padding:13px;min-width:0}.rf-metric span{color:var(--tools-muted);font-size:14px;display:block}.rf-metric strong{font-size:23px;font-variant-numeric:tabular-nums;display:block;line-height:1.35}.rf-metric small{font-size:14px;display:block}.rf-metric[data-pass=true]{border-color:#4b8461}.rf-metric[data-pass=false]{border-color:#aa655b}.rf-formula{overflow-wrap:anywhere;font-family:var(--tools-mono);font-size:14px;color:var(--tools-muted);margin-top:14px}.rf-wide-note{max-width:1000px;color:var(--tools-muted);margin:18px 0 0;font-size:16px}.radio-page .tools-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-page .rf-paused-note{color:var(--tools-amber);font-size:15px}.rf-step{font-family:var(--tools-mono);color:var(--tools-accent);letter-spacing:.08em;font-size:14px}.rf-material-note{min-height:76px;color:var(--tools-muted);font-size:16px}.rf-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.rf-links a{color:var(--tools-accent);text-decoration:underline;text-underline-offset:4px}
@media(min-width:1100px){.radio-page .rf-section{padding-top:46px}.rf-visual{padding:28px}.rf-controls{padding:28px}.rf-control-grid{gap:20px}}
@media(max-width:1050px){.rf-workbench{grid-template-columns:1fr}.rf-controls{border-top:1px solid var(--tools-line)}.rf-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-control.full{grid-column:1/-1}.rf-visual{padding:20px}.rf-visual canvas{max-height:490px}.rf-section-head p{font-size:17px}}
@media(max-width:600px){.rf-section{padding:24px 16px 36px}.rf-workbench{border-radius:18px}.rf-visual,.rf-controls{padding:16px}.rf-control-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.rf-control label{font-size:15px;flex-wrap:wrap}.rf-control select{font-size:16px}.rf-caption{font-size:14px}.rf-legend{font-size:14px;gap:10px}.rf-status{font-size:16px}.rf-section-head p{font-size:16px}.rf-metric strong{font-size:20px}.rf-button{padding:10px 13px}.rf-material-note{min-height:0}.radio-intro a{font-size:15px}.rf-links{gap:12px}.rf-visual canvas{aspect-ratio:700/450}}
@media(prefers-reduced-motion:reduce){.radio-page *{scroll-behavior:auto}}
#planCanvas{touch-action:none}#waveCanvas.rf-touch-rotate{touch-action:none}.rf-visual canvas{cursor:grab}.rf-visual canvas:active{cursor:grabbing}