.pluto-channel-dialog{box-sizing:border-box;width:min(570px,calc(100vw - 24px));max-height:calc(100dvh - 20px);padding:0;border:1px solid #57829a;border-radius:20px;background:#0b1c29;color:#eaf8ff;box-shadow:0 20px 70px #0009;font:14px system-ui,sans-serif;overflow:auto}
.pluto-channel-dialog::backdrop{background:#020911b8;backdrop-filter:blur(7px)}
.pluto-channel-dialog *{box-sizing:border-box}
.pluto-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#123349;border-bottom:1px solid #466c80}
.pluto-dialog-head small{color:#91cce8;letter-spacing:.12em;font-size:10px}
.pluto-dialog-head h2{margin:2px 0 0;font-size:19px}
.pluto-dialog-head button{width:38px;height:38px;border:1px solid #6b91a5;border-radius:10px;background:#1c4459;color:#fff;font-size:25px;cursor:pointer}
.pluto-dialog-body{padding:15px 18px 18px}
.pluto-current{display:block;margin:0 0 15px;padding:10px 12px;border:1px solid #39738f;border-radius:10px;background:#12394e;color:#a9e9ff;font-variant-numeric:tabular-nums}
.pluto-channel-dialog section{margin:0 0 14px}
.pluto-channel-dialog h3{margin:0 0 7px;color:#a9cbd9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.09em}
.pluto-bands,.pluto-modes,.pluto-channels{display:grid;gap:6px}
.pluto-bands{grid-template-columns:repeat(6,minmax(0,1fr))}
.pluto-modes{grid-template-columns:repeat(4,minmax(0,1fr))}
.pluto-channels{grid-template-columns:repeat(8,minmax(0,1fr))}
.pluto-bands button,.pluto-modes button,.pluto-channels button{min-width:0;min-height:42px;border:1px solid #456e82;border-radius:8px;background:#173749;color:#eaf8ff;font:600 15px system-ui;cursor:pointer;touch-action:manipulation}
.pluto-channels button{font-variant-numeric:tabular-nums}
.pluto-channels button[title]::after{content:'·';color:#57c9e5;margin-left:2px}
.pluto-channel-dialog button[aria-pressed=true]{border-color:#7ee2ff;background:#0879ad;color:#fff;box-shadow:inset 0 0 0 1px #7ee2ff55}
.pluto-channels button.alpha-current::after{content:'α';color:#fff;font-size:11px;margin-left:2px}
.pluto-options{display:grid;gap:7px;margin-top:16px!important}
.pluto-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:57px;padding:8px 11px;border:1px solid #456e82;border-radius:10px;background:#142f40;color:#eaf8ff;text-align:left;cursor:pointer}
.pluto-option span{display:grid;gap:2px}.pluto-option strong{font-size:13px}.pluto-option small{color:#9fbcc9;font-size:11px}
.pluto-option i{display:block;flex:none;position:relative;width:38px;height:21px;border-radius:20px;background:#5d7480}.pluto-option i::after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .18s}
.pluto-option[aria-checked=true] i{background:#1594c6}.pluto-option[aria-checked=true] i::after{transform:translateX(17px)}
.pluto-channel-dialog button:focus-visible{outline:2px solid #a2edff;outline-offset:2px}
@media(max-width:390px){.pluto-dialog-body{padding:12px}.pluto-channels{grid-template-columns:repeat(5,minmax(0,1fr))}.pluto-bands button,.pluto-modes button,.pluto-channels button{min-height:40px}}
@media(max-height:440px){.pluto-channel-dialog{width:min(760px,calc(100vw - 16px))}.pluto-dialog-body{display:grid;grid-template-columns:1fr 1.3fr;gap:5px 14px;padding:10px 14px}.pluto-current{grid-column:1/-1;margin-bottom:2px}.pluto-dialog-body section{margin-bottom:5px}.pluto-dialog-body section:has(.pluto-channels){grid-column:2;grid-row:2/5}.pluto-channels{grid-template-columns:repeat(8,minmax(0,1fr))}.pluto-channels button{min-height:32px}.pluto-dialog-body .pluto-options{grid-column:1;grid-row:4;margin-top:0!important}.pluto-option{min-height:43px}}
/* Il canale mantiene il tamburo scorrevole, come nel quadrante aRadiu. */
.pluto-channel-section{margin-bottom:14px!important}
.pluto-drum-row{display:flex;align-items:center;justify-content:center;gap:10px}
.pluto-step{flex:none;width:46px;height:48px;border:1px solid #456e82;border-radius:10px;background:#173749;color:#eaf8ff;font:28px system-ui;cursor:pointer;touch-action:manipulation}
.pluto-drums{position:relative;display:flex;justify-content:center;gap:6px;width:min(100%,235px);height:178px;overflow:hidden;border:1px solid #365f74;border-radius:13px;background:linear-gradient(#102a3b,#143b51 48%,#102a3b);user-select:none}
.pluto-selection{position:absolute;left:7px;right:7px;top:62px;height:54px;border:1px solid #67c8ed66;border-radius:9px;background:#1689b243;pointer-events:none}
.pluto-wheel{position:relative;width:68px;height:100%;overflow:hidden;touch-action:none;cursor:ns-resize;outline:none;mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.pluto-digit{position:absolute;left:0;right:0;height:54px;display:grid;place-items:center;color:#98bccd;font:500 37px/1 system-ui;pointer-events:none;font-variant-numeric:tabular-nums}
.pluto-digit:nth-child(1){top:-100px}.pluto-digit:nth-child(2){top:-46px}.pluto-digit:nth-child(3){top:8px}.pluto-digit:nth-child(4){top:62px}.pluto-digit:nth-child(5){top:116px}.pluto-digit:nth-child(6){top:170px}.pluto-digit:nth-child(7){top:224px}
.pluto-digit.current{color:#fff;font-size:48px}
.pluto-alpha{position:absolute;right:15px;top:74px;color:#8ae6ff;font-size:25px;pointer-events:none}
.pluto-alpha[hidden]{display:none}
@media(max-height:440px){.pluto-channel-section{grid-column:2;grid-row:2/5}.pluto-drums{height:146px}.pluto-selection{top:46px}.pluto-digit:nth-child(1){top:-116px}.pluto-digit:nth-child(2){top:-62px}.pluto-digit:nth-child(3){top:-8px}.pluto-digit:nth-child(4){top:46px}.pluto-digit:nth-child(5){top:100px}.pluto-digit:nth-child(6){top:154px}.pluto-digit:nth-child(7){top:208px}.pluto-alpha{top:58px}}
.pluto-digit.alpha-position::after{content:'α';position:absolute;left:calc(50% + 16px);top:13px;color:#85e4ff;font-size:15px;font-weight:600}
.pluto-digit.alpha-position.current::after{top:10px;font-size:18px}
/* Due sole cifre visibili; trascinamento e rotellina restano sul tamburo. */
.pluto-drums{height:96px}
.pluto-selection{top:10px;height:76px}
.pluto-digit:not(.current){display:none}
.pluto-digit.current{top:10px;height:76px}
.pluto-digit.alpha-position.current::after{top:20px}
@media(max-height:440px){.pluto-drums{height:90px}.pluto-selection{top:7px;height:76px}.pluto-digit.current{top:7px;height:76px}.pluto-digit.alpha-position.current::after{top:20px}}
/* Un solo selettore: frequenza a sinistra, canale a destra, −/+ ai lati. */
.pluto-tuning-row{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:stretch;gap:7px}
.pluto-readout{display:grid;grid-template-columns:minmax(0,1fr) 135px;align-items:center;min-width:0;border:1px solid #39738f;border-radius:12px;background:linear-gradient(110deg,#102d3e,#16445a);overflow:hidden}
.pluto-current{display:block;min-width:0;margin:0;padding:8px 10px;border:0;border-radius:0;background:transparent;color:#9ce6ff;text-align:center;font:600 clamp(14px,3vw,22px)/1 system-ui;white-space:nowrap}
.pluto-drums{width:100%;height:80px;border:0;border-left:1px solid #4a819a;border-radius:0;background:transparent}
.pluto-selection{top:5px;bottom:5px;height:auto;left:4px;right:4px}
.pluto-wheel{width:48px}
.pluto-digit.current{top:5px;height:70px;font-size:39px}
.pluto-digit.alpha-position.current::after{left:calc(50% + 12px);top:19px;font-size:16px}
.pluto-step{height:80px;width:46px}
@media(max-width:390px){.pluto-tuning-row{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px}.pluto-readout{grid-template-columns:minmax(0,1fr) 100px}.pluto-current{font-size:15px;padding:5px}.pluto-step{width:38px}.pluto-wheel{width:35px}.pluto-digit.current{font-size:34px}.pluto-digit.alpha-position.current::after{left:calc(50% + 10px);font-size:13px}}
@media(max-height:440px){.pluto-drums{height:66px}.pluto-step{height:66px}.pluto-digit.current{top:3px;height:60px}.pluto-selection{top:3px;bottom:3px}.pluto-digit.alpha-position.current::after{top:15px}}
/* Anteprima chiara del solo quadrante, senza alterare la scena radio. */
.pluto-channel-dialog.theme-light{color:#173142;background:#eef7fb;border-color:#a8c8d7}
.pluto-channel-dialog.theme-light .pluto-dialog-head{background:#d8edf5;border-bottom-color:#b2ccd8}
.pluto-channel-dialog.theme-light .pluto-dialog-head small{color:#286d91}
.pluto-channel-dialog.theme-light .pluto-dialog-head button{background:#e8f4f8;color:#173142;border-color:#9dbbca}
.pluto-channel-dialog.theme-light h3{color:#426c7f}
.pluto-channel-dialog.theme-light .pluto-bands button,.pluto-channel-dialog.theme-light .pluto-modes button,.pluto-channel-dialog.theme-light .pluto-step{background:#deedf4;color:#173142;border-color:#a5c1d0}
.pluto-channel-dialog.theme-light .pluto-readout{background:linear-gradient(110deg,#f7fcfe,#d9eff7);border-color:#a5c1d0}
.pluto-channel-dialog.theme-light .pluto-current{color:#11698c}
.pluto-channel-dialog.theme-light .pluto-drums{border-left-color:#b7ced9}
.pluto-channel-dialog.theme-light .pluto-selection{background:#abdcea66;border-color:#4c9dbc77}
.pluto-channel-dialog.theme-light .pluto-digit.current{color:#173142}
.pluto-channel-dialog.theme-light .pluto-option{background:#e1eff5;color:#173142;border-color:#a5c1d0}
.pluto-channel-dialog.theme-light .pluto-option small{color:#5f8191}
.pluto-channel-dialog.theme-light button[aria-pressed=true]{background:#c1e5f3;border-color:#299ac3;color:#123547}
.pluto-channel-dialog.theme-light .pluto-digit.alpha-position.current::after{color:#1684ac}
.pluto-channel-dialog.mobile-preview{width:360px;max-width:calc(100vw - 16px)}
.pluto-channel-dialog.mobile-preview .pluto-dialog-body{display:block;padding:12px}
.pluto-channel-dialog.mobile-preview .pluto-tuning-row{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px}
.pluto-channel-dialog.mobile-preview .pluto-readout{grid-template-columns:minmax(0,1fr) 100px}
.pluto-channel-dialog.mobile-preview .pluto-current{font-size:15px;padding:5px}
.pluto-channel-dialog.mobile-preview .pluto-step{width:38px}
.pluto-channel-dialog.mobile-preview .pluto-wheel{width:35px}
.pluto-channel-dialog.mobile-preview .pluto-digit.current{font-size:34px}
/* Il microfono decorativo non deve coprire il display canale della radio. */
.mic-hit-shield{pointer-events:none!important}
.pluto-dialog-head .pluto-theme-switch{margin-left:auto;height:34px;padding:0 10px;border:1px solid #6b91a5;border-radius:9px;background:#1c4459;color:#eaf8ff;font:600 11px system-ui;cursor:pointer}
.pluto-dialog-head .pluto-theme-switch[aria-checked=true]{background:#d9eff7;color:#174257;border-color:#7cb8d1}
.pluto-channel-dialog.theme-light .pluto-dialog-head .pluto-theme-switch{background:#e6f2f7;color:#245570;border-color:#9dbbca}
.pluto-channel-dialog.theme-light .pluto-dialog-head .pluto-theme-switch[aria-checked=true]{background:#1689b8;color:#fff}
@media(max-width:390px){.pluto-dialog-head{padding:9px 11px}.pluto-dialog-head h2{font-size:16px}.pluto-dialog-head .pluto-theme-switch{font-size:10px;padding:0 7px}}
.channel-display-hit{position:absolute;z-index:8;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.channel-display-hit:focus-visible{outline:2px solid #83e4ff;outline-offset:1px}
/* Un'unica superficie, senza cornici attorno alle cifre. */
.pluto-readout{grid-template-columns:minmax(0,1fr) 106px}
.pluto-drums{height:68px;gap:0;border:0;background:transparent}
.pluto-wheel{width:44px}
.pluto-current{display:flex;align-items:baseline;justify-content:center;gap:4px;padding:4px;font:600 30px/1 system-ui;color:#9ce6ff}
.pluto-current small{font:600 10px/1 system-ui;color:#78bdd7}
.pluto-digit.current{top:3px;height:62px;font-size:30px;color:#8cddff}
.pluto-digit.alpha-position.current::after{top:17px;left:calc(50% + 11px);font-size:13px}
.pluto-step{height:68px}
.pluto-selection{display:none}
.pluto-channel-dialog.theme-light .pluto-drums{border:0}
.pluto-channel-dialog.theme-light .pluto-digit.current{color:#1687b4}
.pluto-channel-dialog.theme-light .pluto-current small{color:#548ba1}
.pluto-dialog-head .pluto-portrait-switch{height:34px;padding:0 9px;border:1px solid #6b91a5;border-radius:9px;background:#1c4459;color:#eaf8ff;font:600 11px system-ui;cursor:pointer}
.pluto-dialog-head .pluto-portrait-switch[aria-checked=true]{background:#1689b8;border-color:#66cef0;color:#fff}
.pluto-channel-dialog.theme-light .pluto-dialog-head .pluto-portrait-switch{background:#e6f2f7;color:#245570;border-color:#9dbbca}
.pluto-channel-dialog.theme-light .pluto-dialog-head .pluto-portrait-switch[aria-checked=true]{background:#1689b8;color:#fff}
@media(max-width:390px){.pluto-readout{grid-template-columns:minmax(0,1fr) 78px}.pluto-current,.pluto-digit.current{font-size:23px}.pluto-wheel{width:34px}.pluto-digit.alpha-position.current::after{left:calc(50% + 9px);font-size:11px}.pluto-dialog-head .pluto-portrait-switch{font-size:10px;padding:0 6px}}
.pluto-channel-dialog.mobile-preview .pluto-readout{grid-template-columns:minmax(0,1fr) 78px}
.pluto-channel-dialog.mobile-preview .pluto-current,.pluto-channel-dialog.mobile-preview .pluto-digit.current{font-size:23px}
.pluto-channel-dialog.mobile-preview .pluto-wheel{width:34px}
@media(max-height:440px){.pluto-drums,.pluto-step{height:62px}.pluto-digit.current{top:2px;height:58px}}
/* Separatore interno e Alfa aderente alla cifra delle unità. */
.pluto-drums{border-left:1px solid #4a819a}
.pluto-channel-dialog.theme-light .pluto-drums{border-left:1px solid #a7c5d2}
.pluto-digit.alpha-position.current::after{left:calc(50% + 6px);top:17px;font-size:13px;letter-spacing:-1px}
@media(max-width:390px){.pluto-digit.alpha-position.current::after{left:calc(50% + 4px);top:18px;font-size:11px}}
.pluto-channel-dialog.mobile-preview .pluto-digit.alpha-position.current::after{left:calc(50% + 4px);top:18px;font-size:11px}
/* Le cifre formano un numero compatto; spazio riservato a destra per α. */
.pluto-drums{justify-content:center;gap:0;padding-right:12px}
.pluto-wheel{flex:0 0 28px;width:28px}
.pluto-digit.alpha-position.current::after{left:calc(50% + 10px);top:17px;font-size:13px;letter-spacing:0}
@media(max-width:390px){.pluto-drums{padding-right:10px}.pluto-wheel{flex-basis:24px;width:24px}.pluto-digit.alpha-position.current::after{left:calc(50% + 9px);top:18px;font-size:11px}}
.pluto-channel-dialog.mobile-preview .pluto-drums{padding-right:10px}
.pluto-channel-dialog.mobile-preview .pluto-wheel{flex-basis:24px;width:24px}
.pluto-channel-dialog.mobile-preview .pluto-digit.alpha-position.current::after{left:calc(50% + 9px);top:18px;font-size:11px}
.pluto-wheel{flex-basis:23px;width:23px}
@media(max-width:390px){.pluto-wheel{flex-basis:18px;width:18px}}
.pluto-channel-dialog.mobile-preview .pluto-wheel{flex-basis:18px;width:18px}
.pluto-dialog-body section>h3{text-align:center}
/* α vive fuori dalle rotelle: nessuna maschera può tagliarlo. */
.pluto-wheel{overflow:visible;mask-image:none;-webkit-mask-image:none}
.pluto-drums{overflow:visible}
.pluto-digit.alpha-position.current::after{content:none!important}
.pluto-alpha-mark{position:absolute;z-index:2;left:calc(50% + 17px);top:16px;color:#8cddff;font:600 13px/1 system-ui;pointer-events:none}
.pluto-alpha-mark[hidden]{display:none!important}
.pluto-channel-dialog.theme-light .pluto-alpha-mark{color:#1687b4}
@media(max-width:390px){.pluto-alpha-mark{left:calc(50% + 13px);top:17px;font-size:11px}}
.pluto-channel-dialog.mobile-preview .pluto-alpha-mark{left:calc(50% + 13px);top:17px;font-size:11px}
@media(max-height:440px){.pluto-alpha-mark{top:14px}}
.pluto-dialog-head button[data-action="close"]{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:1px solid #6b91a5;border-radius:50%;background:#1c4459;color:#eaf8ff;font:400 24px/1 system-ui}
.pluto-channel-dialog.theme-light .pluto-dialog-head button[data-action="close"]{border-color:#9dbbca;border-radius:50%;background:#e8f4f8;color:#173142}