:root{--layout-space-base: max(.5rem, min(2.2vh, 1.1rem));--device-gap: calc(var(--layout-space-base) * 1.25);--panel-radius: max(1rem, min(2.2vw, 1.8rem));--layout-shell-padding: max(1.25rem, min(3vw, 3rem));--single-strip-max-width: max(320px, min(94vw, 560px));--radio-shell-max: 72rem;--layout-anim-fast: .12s;--layout-anim-medium: .22s;--layout-anim-slow: .36s;--layout-mode: single;--z-bottom: -1;--z-floor: 0;--z-base: 1;--z-above: 2;--z-float: 5;--z-overlay: 6;--z-tooltip: 10;--z-modal: 999;--z-max: 1000}@media(min-width:860px){:root{--layout-mode: docked}}@media(max-width:720px){:root{--layout-shell-padding: max(.6rem, min(3vw, 1.5rem))}}.radio-shell{width:100%;min-height:min(100vh,var(--safe-vh));display:flex;justify-content:center;align-items:center;padding:var(--layout-shell-padding);box-sizing:border-box}.radio-shell__content{width:min(var(--radio-shell-max),100%);max-width:min(100vw,var(--radio-shell-max));display:flex;flex-direction:column;gap:var(--device-gap);min-height:auto;box-sizing:border-box}.radio-console{width:100%;display:flex;flex-direction:column;gap:var(--device-gap);align-items:stretch}.radio-strip{display:flex;flex-direction:column;gap:var(--device-gap);width:100%;min-width:0;max-width:var(--single-strip-max-width);margin:0 auto}.radio-strip--primary{flex:1 1 auto}.radio-strip--aux{flex:1 1 auto;display:none}.radio-strip--primary>.radio-controls{align-self:stretch;width:100%;padding:var(--device-gap) 0}@media(max-width:859.98px){.radio-strip--aux{display:none}}@media(min-width:860px){.radio-console{flex-direction:row;align-items:stretch;justify-content:space-around;gap:max(2rem,min(4vw,4.5rem))}.radio-strip{flex:0 0 max(360px,min(40vw,480px));max-width:max(360px,min(40vw,480px));margin:0}.radio-strip--primary{flex-direction:column}.radio-strip--aux{display:flex}.radio-strip--primary>.radio-controls{padding:var(--device-gap)}#floating-input-slot{display:none}}:root{--green-h: 150;--green-s: 100%;--green-l: 68%;--amber-h: 60;--amber-s: 100%;--amber-l: 67%;--bg-color: #d8d6d3;--bg-color-dark: #2d2f30;--current-color: currentcolor;--transparent: transparent;--color-amber: hsl(var(--amber-h) var(--amber-s) var(--amber-l));--color-green: hsl(var(--green-h) var(--green-s) var(--green-l));--color-blue-dark: #05224b;--color-blue-mid: #0b4a8a;--color-blue-light: #1d7ad1;--color-white-soft: #f7fbff;--color-black-deep: #03060d;--color-grey-dark: #222;--color-white: #fff;--color-black: #000;--color-black-a10: color-mix(in srgb, var(--color-black), transparent 90%);--color-black-a25: color-mix(in srgb, var(--color-black), transparent 75%);--color-black-a35: color-mix(in srgb, var(--color-black), transparent 65%);--color-black-a40: color-mix(in srgb, var(--color-black), transparent 60%);--color-black-a45: color-mix(in srgb, var(--color-black), transparent 55%);--color-black-a65: color-mix(in srgb, var(--color-black), transparent 35%);--color-readout-off-1: #1f4124;--color-readout-off-2: #122518;--color-prism-text: #0e1424;--color-prism-bg-light: #f3f4fb;--color-red-soft: #f56a79;--color-prism-text-dark: #070b16;--color-input-backdrop: rgba(25,25,25,.50196);--color-green-text-light: #b1ffb1;--color-prism-bg-1: #181b29;--color-prism-bg-2: #272c42;--color-prism-base-dark: rgb(24, 27, 41);--color-prism-base-light: rgb(245, 247, 251);--color-modal-bg: rgba(6, 8, 15, .95);--color-tuner-menu-bg: rgba(3, 5, 11, .95);--color-topic-base: rgb(226, 255, 234);--color-topic-text: color-mix(in srgb, var(--color-topic-base), transparent 22%);--color-topic-text-a90: color-mix(in srgb, var(--color-topic-base), transparent 10%);--color-topic-text-a65: color-mix(in srgb, var(--color-topic-base), transparent 35%);--color-panel-bg-soft-base: rgba(34, 40, 52, .28);--color-panel-bg-strong-base: rgba(26, 32, 42, .34);--color-green-bright-a75: rgba(34, 233, 130, .75);--color-scan-glow: rgba(4, 245, 212, .6);--color-scope-bg-1: rgba(10, 60, 32, .5);--color-scope-bg-2: rgba(2, 10, 6, .85);--color-power-off-1: rgba(32, 24, 8, .95);--color-power-off-2: rgba(15, 10, 4, .95);--color-scan-disabled-text: rgba(120, 180, 130, .4);--color-scan-disabled-border: rgba(120, 180, 130, .35);--color-green-dark: hsl(var(--green-h) var(--green-s) 15%);--color-green-darker: hsl(var(--green-h) var(--green-s) 8%);--color-green-deep: hsl(var(--green-h) var(--green-s) 12%);--color-green-disabled: #5fa05f;--color-green-light: hsl(var(--green-h) var(--green-s) 85%);--color-red-focus: #ff0847;--color-hue-min: hsl(var(--hue-min, 100) var(--green-s) var(--green-l));--color-hue-max: hsl(var(--hue-max, 200) var(--green-s) var(--green-l));--color-green-a08: color-mix(in srgb, var(--color-green), transparent 92%);--color-green-a12: color-mix(in srgb, var(--color-green), transparent 88%);--color-green-a15: color-mix(in srgb, var(--color-green), transparent 85%);--color-green-a18: color-mix(in srgb, var(--color-green), transparent 82%);--color-green-a25: color-mix(in srgb, var(--color-green), transparent 75%);--color-green-a30: color-mix(in srgb, var(--color-green), transparent 70%);--color-green-a35: color-mix(in srgb, var(--color-green), transparent 65%);--color-green-a60: color-mix(in srgb, var(--color-green), transparent 40%);--color-green-a65: color-mix(in srgb, var(--color-green), transparent 35%);--color-green-a75: color-mix(in srgb, var(--color-green), transparent 25%);--color-green-a80: color-mix(in srgb, var(--color-green), transparent 20%);--color-green-a85: color-mix(in srgb, var(--color-green), transparent 15%);--color-green-a90: color-mix(in srgb, var(--color-green), transparent 10%);--color-green-light-a10: color-mix(in srgb, var(--color-green-light), transparent 90%);--color-green-light-a15: color-mix(in srgb, var(--color-green-light), transparent 85%);--color-green-light-a20: color-mix(in srgb, var(--color-green-light), transparent 80%);--color-green-light-a25: color-mix(in srgb, var(--color-green-light), transparent 75%);--color-amber-a20: color-mix(in srgb, var(--color-amber), transparent 80%);--color-amber-a30: color-mix(in srgb, var(--color-amber), transparent 70%);--color-amber-a35: color-mix(in srgb, var(--color-amber), transparent 65%);--color-amber-a50: color-mix(in srgb, var(--color-amber), transparent 50%);--color-amber-a65: color-mix(in srgb, var(--color-amber), transparent 35%);--color-amber-a75: color-mix(in srgb, var(--color-amber), transparent 25%);--color-amber-a80: color-mix(in srgb, var(--color-amber), transparent 20%);--color-amber-a90: color-mix(in srgb, var(--color-amber), transparent 10%);--color-white-a04: color-mix(in srgb, var(--color-white), transparent 96%);--color-white-a05: color-mix(in srgb, var(--color-white), transparent 95%);--color-white-a08: color-mix(in srgb, var(--color-white), transparent 92%);--color-white-a10: color-mix(in srgb, var(--color-white), transparent 90%);--color-white-a12: color-mix(in srgb, var(--color-white), transparent 88%);--color-white-a15: color-mix(in srgb, var(--color-white), transparent 85%);--color-white-a18: color-mix(in srgb, var(--color-white), transparent 82%);--color-white-a20: color-mix(in srgb, var(--color-white), transparent 80%);--color-white-a30: color-mix(in srgb, var(--color-white), transparent 70%);--color-white-a40: color-mix(in srgb, var(--color-white), transparent 60%);--color-white-a45: color-mix(in srgb, var(--color-white), transparent 55%);--color-white-a70: color-mix(in srgb, var(--color-white), transparent 30%);--color-white-a85: color-mix(in srgb, var(--color-white), transparent 15%);--color-white-a90: color-mix(in srgb, var(--color-white), transparent 10%);--color-white-a92: color-mix(in srgb, var(--color-white), transparent 8%);--color-black-a00: color-mix(in srgb, var(--color-black), transparent 100%);--color-black-a20: color-mix(in srgb, var(--color-black), transparent 80%);--color-black-a30: color-mix(in srgb, var(--color-black), transparent 70%);--color-black-a50: color-mix(in srgb, var(--color-black), transparent 50%);--color-black-a55: color-mix(in srgb, var(--color-black), transparent 45%);--color-black-a75: color-mix(in srgb, var(--color-black), transparent 25%);--color-black-a70: color-mix(in srgb, var(--color-black), transparent 30%);--color-gray-dark: #444;--color-gray-dark-a15: color-mix(in srgb, var(--color-gray-dark), transparent 85%);--color-gray-dark-a25: color-mix(in srgb, var(--color-gray-dark), transparent 75%);--color-gray-dark-a35: color-mix(in srgb, var(--color-gray-dark), transparent 65%);--color-gray-light: #bbb;--color-gray-mid: #777;--color-gray-light-a15: color-mix(in srgb, var(--color-gray-light), transparent 85%);--color-gray-mid-a15: color-mix(in srgb, var(--color-gray-mid), transparent 85%);--color-gray-light-a35: color-mix(in srgb, var(--color-gray-light), transparent 65%);--color-gray-mid-a35: color-mix(in srgb, var(--color-gray-mid), transparent 65%);--color-green-dark-a95: color-mix(in srgb, var(--color-green-dark), transparent 5%);--color-green-darker-a95: color-mix(in srgb, var(--color-green-darker), transparent 5%);--color-green-disabled-a25: color-mix(in srgb, var(--color-green-disabled), transparent 75%);--color-green-disabled-a35: color-mix(in srgb, var(--color-green-disabled), transparent 65%);--color-red-focus-a90: color-mix(in srgb, var(--color-red-focus), transparent 10%);--color-tx-field-bg: linear-gradient(180deg, color-mix(in srgb, hsl(var(--green-h) var(--green-s) 6%), transparent 15%), color-mix(in srgb, hsl(var(--green-h) var(--green-s) 3%), transparent 8%));--color-tx-input-bg: linear-gradient(120deg, color-mix(in srgb, hsl(var(--green-h) var(--green-s) 8%), transparent 8%), color-mix(in srgb, hsl(var(--green-h) var(--green-s) 4%), transparent 15%));--color-tx-input-focus-border: color-mix(in srgb, hsl(var(--green-h) var(--green-s) 77%), transparent 35%);--color-tx-input-focus-shadow-top: color-mix(in srgb, hsl(var(--green-h) var(--green-s) 89%), transparent 60%);--color-tx-input-focus-shadow-glow: color-mix(in srgb, hsl(var(--green-h) var(--green-s) 62%), transparent 75%);--color-tx-input-focus-bg: linear-gradient(120deg, color-mix(in srgb, hsl(var(--green-h) var(--green-s) 12%), transparent 5%), color-mix(in srgb, hsl(var(--green-h) var(--green-s) 4%), transparent 5%));--color-tx-icon: color-mix(in srgb, hsl(var(--green-h) var(--green-s) 91%), transparent 10%);--color-tx-placeholder: color-mix(in srgb, hsl(var(--green-h) var(--green-s) 85%), transparent 60%);--color-tx-status-border: color-mix(in srgb, hsl(var(--green-h) 50% 33%), transparent 25%);--color-tx-status-bg: linear-gradient(180deg, color-mix(in srgb, hsl(var(--green-h) var(--green-s) 8%), transparent 10%), color-mix(in srgb, hsl(var(--green-h) var(--green-s) 3%), transparent 5%));--color-tx-status-glow: color-mix(in srgb, hsl(var(--green-h) var(--green-s) 66%), transparent 55%);--color-tx-status-ready-bg: linear-gradient(180deg, hsl(var(--green-h) var(--green-s) 61%), hsl(var(--green-h) 67% 15%));--color-tx-status-cooldown-bg: linear-gradient(180deg, #ff6c6c, #2c0404);--color-tx-status-cooldown-border: rgba(255, 140, 140, .65);--panel-border: var(--color-white-a12);--panel-shadow: 0 35px 70px var(--color-black-a35), 0 15px 30px var(--color-black-a40);--panel-sheen: var(--color-white-a08);--panel-bg-soft: var(--color-panel-bg-soft-base);--panel-bg-strong: var(--color-panel-bg-strong-base)}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--radius-2xs: 4px;--control-border-radius: var(--radius-md);--radius-control: var(--radius-md);--radius-panel: var(--radius-lg);--radius-card: var(--radius-md);--radius-badge: var(--radius-sm)}:root{--csstools-color-scheme--light: ;color-scheme:dark;font-family:Gemunu Libre,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font: "Gemunu Libre", "Inter",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;--safe-vh: 100dvh;--inner-gap: min(3vw, 24px);--outer-gap: min(4vw, 40px);--text-xs: max(.75rem, min(1vw, .9rem));--text-sm: max(1rem, min(1.2vw, 1.1rem));--text-md: max(1.2rem, min(1.4vw, 1.35rem));--text-lg: max(1.5rem, min(1.9vw, 1.8rem));--text-xl: max(1.9rem, min(2.7vw, 2.4rem));--text-2xl: max(2.4rem, min(3.5vw, 2.8rem));--text-3xl: max(3rem, min(3.8vw, 3.6rem));--screen-height: max(11rem, min(26vw, 15rem))}.panel--hue-control{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.hue-control__row{display:flex;align-items:center;width:100%;gap:12px}.hue-control__label{width:40px;text-align:right;font-size:1.1rem;color:var(--color-green-light);text-transform:uppercase;letter-spacing:.05em}.hue-control__slider{flex:1;margin:0 .75vw 0 .5vw}.panel--hue-control[data-powered=false] .hue-control__row{opacity:.45}.panel--hue-control[data-powered=false] .hue-control__label{color:var(--color-gray-light-a35)}.signal-scope{position:relative;width:100%;height:clamp(64px,9.5vw + 4.8vh,20vh);border-radius:var(--radius-lg);border:1px solid var(--color-green-a35);background:radial-gradient(circle at 30% 30%,var(--color-scope-bg-1),var(--color-scope-bg-2));box-shadow:inset 0 0 25px var(--color-black-a65),0 0 30px var(--color-black-a35);overflow:hidden}.signal-scope__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 0 10px var(--color-green-a25))}.signal-scope__overlay{pointer-events:none;position:absolute;inset:0;mix-blend-mode:screen}.signal-scope__grid{width:100%;height:100%;background-image:linear-gradient(var(--color-green-a08) 1px,var(--transparent) 1px),linear-gradient(90deg,var(--color-green-a08) 1px,var(--transparent) 1px);background-size:100% 22%,25% 100%;opacity:.35}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:var(--transparent)}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);font-size:var(--text-md);line-height:1.5;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;padding:0;min-height:var(--safe-vh);container-type:inline-size;container-name:viewport}body.radio-texture-bg{background-color:var(--bg-color-dark);background-image:radial-gradient(circle at 20% 20%,var(--color-white-a08),var(--transparent) 55%),radial-gradient(circle at 80% 10%,var(--color-green-a08),var(--transparent) 50%),linear-gradient(160deg,var(--color-black-a65),var(--color-black-a20) 35%,var(--color-black-a55)),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%201200'%3e%3cdefs%3e%3c!--%20Base%20gradient%20for%20the%20metal%20plate%20--%3e%3clinearGradient%20id='metalBase'%20x1='0'%20y1='0'%20x2='600'%20y2='0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23494b4bff'%20/%3e%3cstop%20offset='0.35'%20stop-color='%233d3f40'%20/%3e%3cstop%20offset='0.65'%20stop-color='%23323333'%20/%3e%3cstop%20offset='1'%20stop-color='%234f5252'%20/%3e%3c/linearGradient%3e%3c!--%20Vertical%20bloom%20to%20soften%20the%20edges%20--%3e%3clinearGradient%20id='edgeGlow'%20x1='0'%20y1='0'%20x2='0'%20y2='1200'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23ffffff'%20stop-opacity='0.08'%20/%3e%3cstop%20offset='0.2'%20stop-color='%23ffffff'%20stop-opacity='0.03'%20/%3e%3cstop%20offset='0.5'%20stop-color='%23000000'%20stop-opacity='0'%20/%3e%3cstop%20offset='0.8'%20stop-color='%23000000'%20stop-opacity='0.15'%20/%3e%3cstop%20offset='1'%20stop-color='%23000000'%20stop-opacity='0.25'%20/%3e%3c/linearGradient%3e%3c!--%20Fine%20brushed%20streaks%20--%3e%3cpattern%20id='fineStreaks'%20width='3'%20height='20'%20patternUnits='userSpaceOnUse'%3e%3crect%20width='3'%20height='20'%20fill='none'%20/%3e%3cline%20x1='0'%20y1='5'%20x2='3'%20y2='5'%20stroke='%23ffffff'%20stroke-width='0.25'%20stroke-opacity='0.05'%20/%3e%3cline%20x1='0'%20y1='11'%20x2='3'%20y2='11'%20stroke='%23ffffff'%20stroke-width='0.25'%20stroke-opacity='0.02'%20/%3e%3cline%20x1='0'%20y1='17'%20x2='3'%20y2='17'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-opacity='0.08'%20/%3e%3c/pattern%3e%3c!--%20Broad%20streaks%20to%20add%20depth%20--%3e%3cpattern%20id='broadStreaks'%20width='20'%20height='80'%20patternUnits='userSpaceOnUse'%3e%3crect%20width='20'%20height='80'%20fill='none'%20/%3e%3cline%20x1='0'%20y1='15'%20x2='20'%20y2='15'%20stroke='%23000000'%20stroke-width='1.2'%20stroke-opacity='0.09'%20/%3e%3cline%20x1='0'%20y1='40'%20x2='20'%20y2='40'%20stroke='%23ffffff'%20stroke-width='1'%20stroke-opacity='0.05'%20/%3e%3cline%20x1='0'%20y1='65'%20x2='20'%20y2='65'%20stroke='%23000000'%20stroke-width='0.8'%20stroke-opacity='0.1'%20/%3e%3c/pattern%3e%3c!--%20Soft%20vignette%20--%3e%3cradialGradient%20id='centerGlow'%20cx='0.5'%20cy='0.45'%20r='0.75'%3e%3cstop%20offset='0'%20stop-color='%23c8d0cc'%20stop-opacity='0.15'%20/%3e%3cstop%20offset='0.5'%20stop-color='%23707573'%20stop-opacity='0.05'%20/%3e%3cstop%20offset='1'%20stop-color='%23141514'%20stop-opacity='0'%20/%3e%3c/radialGradient%3e%3c/defs%3e%3c!--%20Layering%20order:%20base,%20broad%20streaks,%20fine%20streaks,%20glow,%20edge%20vignette%20--%3e%3crect%20width='600'%20height='1200'%20fill='url(%23metalBase)'%20/%3e%3crect%20width='600'%20height='1200'%20fill='url(%23broadStreaks)'%20opacity='0.4'%20/%3e%3crect%20width='600'%20height='1200'%20fill='url(%23fineStreaks)'%20opacity='0.35'%20/%3e%3crect%20width='600'%20height='1200'%20fill='url(%23centerGlow)'%20/%3e%3crect%20width='600'%20height='1200'%20fill='url(%23edgeGlow)'%20/%3e%3c/svg%3e");background-size:160% 160%,200% 200%,100% 100%,cover;background-repeat:no-repeat;background-position:center,center,center,center;background-attachment:scroll}body.radio-texture-bg .radio-shell,body.radio-texture-bg .radio-shell__content{max-width:none;width:100%}.radio-visuals{position:fixed;inset:0;z-index:var(--z-floor);pointer-events:none;display:block}.radio-visuals__canvas{width:100%;height:100%;display:block;pointer-events:none}.radio-shell{z-index:var(--z-base);min-height:min(100vh,var(--safe-vh))}.radio-shell__content{align-items:stretch}.radio-strip--aux{position:relative;z-index:var(--z-above)}.primary-display-stack{display:flex;flex-direction:column;gap:var(--device-gap)}.panel{background:var(--panel-bg-soft);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:var(--radius-panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);padding:var(--device-gap);display:flex;flex-direction:column;gap:var(--device-gap)}.panel--channels,.panel--log{flex:1 1 auto;min-height:0}.panel--screen{display:flex;flex-direction:column;gap:var(--device-gap)}.panel--actions{align-items:center;justify-content:center}.panel--readout{padding:max(1rem,min(2vw,1.35rem))}.panel--input{gap:max(.75rem,min(1.6vw,1.25rem))}#floating-input-slot{position:relative;z-index:var(--z-above)}@media(max-width:720px){body.radio-texture-bg{background-image:linear-gradient(180deg,var(--bg-color-dark) 0%,var(--color-black-deep) 65%,var(--color-black) 100%);background-size:100% 100%;background-repeat:no-repeat;background-position:top center}.radio-shell{margin:0}section[aria-label="Radio display"]{padding:var(--layout-space-base)}}.panel.sparkle,docked-input-panel.sparkle{animation:panel-sparkle .8s ease-out}@keyframes panel-sparkle{0%{filter:brightness(1);border-color:var(--color-green-a12)}30%{filter:brightness(1.3);border-color:var(--color-green-a35);box-shadow:0 0 15px var(--color-green-a12)}to{filter:brightness(1);border-color:var(--color-green-a12)}}.sparkle-particle{left:0;top:0;width:4px;height:4px;position:absolute;pointer-events:none;background:var(--color-green);border-radius:var(--radius-round);opacity:0;z-index:var(--z-above);box-shadow:0 0 4px var(--color-green-a60)}