.radio-panel{display:grid;gap:14px}.radio-heading{display:flex;align-items:center;gap:12px}.radio-heading h3{font:600 24px Georgia,serif;margin:0;color:var(--ink,#173c37)}.radio-heading p{margin:5px 0 0;font-size:13px}.radio-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#dce6d8;color:#284b40;font-size:29px}.radio-panel>label,.radio-volume label{font-size:13px;font-weight:700}.radio-panel select{width:100%;min-height:44px;padding:10px;border-radius:10px;border:1px solid #b6c6b4;background:#fffdf7;color:#173c37}.radio-state{display:flex;gap:9px;align-items:center;min-height:48px;padding:12px;border-radius:12px;background:#e7ebdf;font-size:13px;line-height:1.45}.radio-light{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:#859286}.radio-state[data-status=playing] .radio-light{background:#38865e;box-shadow:0 0 0 4px #38865e22}.radio-state[data-status=loading] .radio-light{background:#bb892e}.radio-state[data-status=error]{background:#f5e4d8;color:#744526}.radio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radio-actions button{min-height:44px;padding:10px 7px;line-height:1.35}.radio-volume{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.radio-volume input{grid-column:1/-1;width:100%;min-height:32px;accent-color:#3c7967}.radio-volume output{font-variant-numeric:tabular-nums;font-size:13px}.radio-panel .note{font-size:12px;line-height:1.6;margin:0}.radio-official{color:#286454;text-underline-offset:3px;font-size:13px;overflow-wrap:anywhere}.radio-panel :focus-visible{outline:3px solid #c6994d;outline-offset:3px}.radio-panel button:disabled{opacity:.58;cursor:default}