*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}[hidden]{display:none!important}.builder{background:#f6f7fb;color:#1e2940}.topline{text-align:center;background:linear-gradient(100deg,#6952da,#b43bc9);color:white;font-size:12px;padding:12px 20px;font-weight:600}.builder header{background:#fff;border-bottom:1px solid #e7eaf2;display:flex;align-items:center;gap:28px;padding:22px max(28px,calc((100vw - 1240px)/2))}.brand img{width:165px;height:32px;object-fit:contain}.header-label{font-size:10px;letter-spacing:1.8px;border-left:1px solid #dce1ec;padding-left:28px;color:#7c849a}.back{margin-left:auto;border:1px solid #dce1ec;padding:10px 16px;border-radius:9px;font-size:12px;color:#5a4abb;font-weight:600;white-space:nowrap}.builder main{max-width:1300px;margin:auto;padding:28px 30px 50px}.intro{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 80% 130%,#23487d,transparent 65%),linear-gradient(120deg,#23234e,#101a32 75%);color:white;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:750;color:var(--muted,#8785c7)}.intro .eyebrow{color:#b9b7ff}.intro h1{font-size:44px;letter-spacing:-1.9px;line-height:1.1;margin:14px 0}.intro em{font-style:normal;color:#b1b7ff}.intro p{font-size:13px;color:#b8c0d6;line-height:1.8;max-width:460px;margin:16px 0 0}.hero-wave{width:280px;height:140px;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(-6deg);flex-shrink:0}.hero-wave i{display:block;width:10px;border-radius:20px;height:40px;background:linear-gradient(#b389ff,#4487f9);box-shadow:0 0 25px #8b5cf655}.hero-wave i:nth-child(3n){height:110px}.hero-wave i:nth-child(3n + 1){height:65px}.hero-wave i:nth-child(4n){height:90px}.hero-wave span{position:absolute;bottom:-8px;left:95px;font-size:10px;letter-spacing:5px;color:#a9b5ed}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;margin-top:28px;align-items:start}.panel{background:white;border:1px solid #e4e7f0;border-radius:17px;padding:23px;box-shadow:0 4px 20px #1b285804}.panel h2{font-size:14px;margin:0 0 20px;letter-spacing:-.2px}.panel h2>span{font-size:10px;background:#f0ebff;color:#8055df;border-radius:5px;padding:4px 5px;margin-right:8px}.settings h2:not(:first-child){padding-top:23px;margin-top:22px;border-top:1px solid #eceef4}label{display:block;font-size:11px;font-weight:550;color:#637087;margin-bottom:14px}input:not([type=checkbox]):not([type=range]),select,textarea{width:100%;display:block;margin-top:7px;border:1px solid #dfe4ee;border-radius:8px;background:#f9faff;color:#273650;padding:11px;font-size:11px}input[type=color]{height:40px;padding:4px!important}textarea{resize:vertical;line-height:1.7}.primary{border:0;border-radius:9px;background:linear-gradient(110deg,#6c4ce3,#8f55df);color:white;font-size:11px;font-weight:700;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 12px #7951dd22}.primary:disabled{opacity:.55;cursor:wait}.settings>.primary{width:100%}.hint{font-size:10px;color:#8a93a6;line-height:1.7}.style-list{display:grid;gap:9px}.style-option{border:1px solid #e5e8f0;border-radius:10px;background:#fff;padding:10px;display:flex;align-items:center;gap:11px;text-align:left;color:#26314b;transition:.15s}.style-option:hover{border-color:#b5a0ed;background:#fbfaff}.style-option.selected{border-color:#9165f0;background:#f5f0ff;box-shadow:0 0 0 1px #9165f0}.style-option strong{font-size:12px;display:block}.style-option small{font-size:9px;display:block;color:#8b94a8;margin-top:4px}.select-dot{width:13px;height:13px;border:1px solid #dce0e9;border-radius:50%;margin-left:auto;flex-shrink:0}.selected .select-dot{border:4px solid #8657ff;background:white}.mini{width:60px;height:43px;flex-shrink:0;position:relative;overflow:hidden;border-radius:6px;background:linear-gradient(125deg,#7036ad,#142754)}.mini i{position:absolute;width:18px;height:18px;top:10px;left:7px;background:#c8b5e9;border-radius:4px}.mini b{position:absolute;width:21px;height:3px;left:30px;top:13px;background:#fff9;box-shadow:0 6px 0 #fff4}.mini em{position:absolute;left:31px;top:26px;width:10px;height:10px;border-radius:50%;background:white}.mini-glass{background:linear-gradient(20deg,#1b3545,#7f797d)}.mini-glass i{width:52px;height:35px;inset:4px;background:#ffffff25;border:1px solid #ffffff66}.mini-neon{background:#101321;box-shadow:inset 0 -2px #eb46cd}.mini-neon i{background:#262341;border:1px solid #ff5bde}.mini-neon em{background:#ff5bde}.mini-minimal{background:#f4f5fa;border:1px solid #dde2ec}.mini-minimal i{background:#e2dcfa}.mini-minimal b{background:#494c64;box-shadow:0 6px #b0b6c6}.mini-minimal em{background:#8059df}.mini-broadcast{background:#142835}.mini-broadcast i{background:#41ceb3;border-radius:50%}.mini-broadcast b{background:#41ceb3;box-shadow:0 6px #41ceb355}.mini-broadcast em{background:#f1996b;border-radius:2px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks{display:grid;gap:8px;margin:6px 0 20px}.checks label{margin:0;display:flex;align-items:center;gap:8px;font-size:10px}.checks input[type=checkbox]{appearance:auto;flex:0 0 16px;width:16px;height:16px;margin:0;padding:0;accent-color:#8657ff}.checks label{min-height:22px;line-height:1.4}.auto-note{background:#f5f3ff;border-radius:9px;padding:12px;font-size:10px;color:#81729f;line-height:1.7;margin:0}.auto-note span{font-size:16px;color:#8657ff;margin-right:5px}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:4px 0 18px;gap:15px}.preview-head h2{font-size:24px;margin:6px 0 0;letter-spacing:-.7px}.device-switch{display:flex;background:#e9ecf4;border-radius:8px;padding:3px;gap:3px}.device-switch button{background:transparent;color:#8993aa;border:0;border-radius:6px;padding:8px 12px;font-size:10px}.device-switch button.active{color:#6551b4;background:white;box-shadow:0 2px 6px #273b5c0b}.preview-stage{background-color:#e9ecf5;background-image:radial-gradient(#a7b0c14d .8px,transparent .8px);background-size:14px 14px;border:1px solid #dfe4ef;border-radius:18px;min-height:400px;padding:30px 18px;display:flex;justify-content:center;align-items:flex-start}#preview-wrap{width:100%;max-width:720px;transition:max-width .25s}#preview-wrap.mobile{max-width:360px}.preview-stage iframe{border:0;width:100%;height:630px;display:block}.preview-caption{text-align:center;font-size:9px;color:#9aa2b4;margin:14px 0 24px}.code-title{display:flex;align-items:center;justify-content:space-between}.code-title h2{font-size:20px;margin:9px 0}.code-icon{font-size:24px;color:#a48bde;background:#f1edfc;border-radius:12px;padding:10px}.code-panel textarea{font-family:ui-monospace,monospace;background:#111c32;color:#bbc8e0;border:0;font-size:10px;min-height:105px;padding:16px}.code-actions{display:flex;align-items:center;gap:22px;margin-top:15px}.code-actions a{font-size:10px;color:#7d69b1}.help-strip{display:flex;align-items:center;gap:13px;background:#eeecf9;border:1px solid #e5e0f7;border-radius:13px;padding:19px;margin-top:20px}.help-strip>span{font-size:26px;color:#9274e3}.help-strip b{font-size:11px}.help-strip p{font-size:10px;color:#8c90a5;margin:6px 0 0}.help-strip a{margin-left:auto;font-size:10px;white-space:nowrap;color:#7552c5}.builder footer{border-top:1px solid #e5e8f0;max-width:1240px;margin:auto;display:flex;justify-content:space-between;padding:25px 0;font-size:10px;color:#929caf}.builder footer a{color:#6c7591}
/* Autorskie warianty playera: wspólna logika, pięć niezależnych kompozycji. */
.embed{padding:8px;background:transparent;--accent:#8657ff;--bg:#11182d;--text:#fff;--muted:#a2adcc;--line:#ffffff17;color:var(--text)}.embed.light{--bg:#fff;--text:#202d48;--muted:#7a849c;--line:#1a2a4914}.radio-card{isolation:isolate;position:relative;overflow:hidden;max-width:850px;margin:0 auto;padding:27px;border-radius:22px;background:var(--bg);box-shadow:0 14px 32px #13244818;border:1px solid var(--line)}.radio-card>*:not(.backdrop):not(.ambient){position:relative;z-index:1}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:-2}.ambient{position:absolute;inset:0;z-index:-1;pointer-events:none}.station-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.station-identity{display:flex;align-items:center;gap:10px;min-width:0}.station-identity>img{display:none}.radio-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffff12;color:var(--accent);flex-shrink:0}.radio-mark svg{height:23px;width:23px}.station-identity .eyebrow{font-size:7px;letter-spacing:2px}.station-identity h1{font-size:13px;line-height:1.4;margin:3px 0;overflow-wrap:anywhere;font-weight:650}.status{font-size:8px;letter-spacing:1px;white-space:nowrap;padding:7px 9px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.status.offline{color:#f08383;background:#a32b2b18;border-color:#ac343422}.now{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:22px;margin:27px 0}.art-wrap{width:140px;height:140px;position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 70%,#23375b),#23375b);display:grid;place-items:center;box-shadow:0 10px 24px #0003}.art-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art-placeholder{font-size:65px;color:#fff9}.art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0002,transparent 60%)}.live-art-badge{position:absolute;bottom:10px;left:10px;background:#ec437c;color:white;padding:4px 6px;border-radius:5px;font-size:7px;letter-spacing:1px}.track{min-width:0}.track .eyebrow{font-size:8px}.track h2{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin:11px 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.track p{font-size:11px;color:var(--muted);margin:0 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:3px;background:var(--line);border-radius:4px;overflow:hidden}.progress i{height:100%;display:block;background:var(--accent);transition:width 1s linear}.timing{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:7px}.controls{display:flex;gap:13px;align-items:center}.play{border:0;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--accent);color:white;font-size:19px;box-shadow:0 0 30px color-mix(in srgb,var(--accent) 28%,transparent);transition:transform .15s}.play:hover{transform:scale(1.06)}.dj{display:flex;gap:9px;align-items:center;min-width:0;flex:1}.avatar{position:relative;overflow:hidden;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--accent);flex-shrink:0}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dj small{font-size:7px;color:var(--muted);letter-spacing:1px;display:block}.dj strong{font-size:11px;display:block;margin-top:4px;overflow-wrap:anywhere}.volume{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;margin:0}.volume input{width:62px;accent-color:var(--accent)}.listener-count{font-size:9px;white-space:nowrap;color:var(--muted)}.equalizer{display:none;height:28px;align-items:center;gap:3px}.equalizer i{width:3px;height:10px;border-radius:3px;background:var(--accent)}.equalizer i:nth-child(2n){height:23px}.equalizer i:nth-child(3){height:16px}.is-playing .equalizer i{animation:eq .8s ease-in-out infinite alternate}.is-playing .equalizer i:nth-child(2n){animation-delay:-.3s}@keyframes eq{to{height:5px}}#player #history{border-top:1px solid var(--line);margin-top:23px;padding-top:17px}#player #history h3{font-size:9px;letter-spacing:.4px;color:var(--muted);font-weight:550;display:flex;justify-content:space-between;margin:0 0 9px}#player #history h3 span{color:var(--accent)}#songs{list-style:none;padding:0;margin:0}#songs li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:10px}#songs li:first-child{border-top:0}#songs li img{height:30px;width:30px;object-fit:cover;border-radius:6px}#songs li div{flex:1;min-width:0}#songs li strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}#songs small{font-size:8px;display:block;color:var(--muted);margin-top:4px}#songs time{font-size:8px;color:var(--muted)}.player-footer{display:flex;justify-content:space-between;gap:10px;margin-top:19px;font-size:7px;color:var(--muted)}.player-footer a{color:var(--muted)}.player-footer b{color:var(--text);letter-spacing:1px}.player-error{font-size:10px;color:#d36565;line-height:1.6}
/* 01 Aurora: dégradé et pochette flottante. */
.aurora .ambient{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 37%,transparent),transparent 60%),radial-gradient(ellipse at 100% 60%,#317bbb24,transparent 60%)}.aurora .art-wrap{transform:rotate(-3deg)}.aurora .play{border-radius:17px}.aurora .equalizer{display:flex}.aurora .now{gap:27px}
/* 02 Glass: grande image et contrôles sur verre. */
.glass .backdrop{opacity:.3;filter:blur(20px);transform:scale(1.15)}.glass .ambient{background:linear-gradient(145deg,#11182d55,#11182ddd)}.glass .now{grid-template-columns:1fr;text-align:center;margin:25px 0 20px;gap:0}.glass .art-wrap{width:150px;height:150px;margin:0 auto 23px;border:5px solid #ffffff18;border-radius:23px;box-shadow:0 12px 30px #0003}.glass .track h2{font-size:23px;margin:10px auto 8px;max-width:500px;-webkit-line-clamp:2}.glass .track p{margin-bottom:17px}.glass .controls{border:1px solid #ffffff25;background:#ffffff0b;backdrop-filter:blur(12px);border-radius:16px;padding:12px}.glass .play{background:#fff;color:#384163;box-shadow:none}.glass .dj{order:0}.glass .controls>.play{order:1}.glass .volume{order:2}.glass .listener-count{order:3}.light .glass .ambient{background:#ffffffd9}.light .glass .controls{border-color:#1a2a4914;background:#ffffff77}.light .glass .play{background:var(--accent);color:white}
/* 03 Neon: pochette latérale et bord lumineux. */
.neon{border-radius:10px;background:#101019;border-color:color-mix(in srgb,var(--accent) 55%,transparent);--text:#fff;--muted:#9995ba;--line:#ffffff12}.neon .ambient{background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%)}.neon:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--accent);box-shadow:0 0 18px var(--accent)}.neon .art-wrap{border-radius:50%;border:2px solid var(--accent);padding:6px;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 30%,transparent)}.neon .art-wrap img{border-radius:50%;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.neon .play{border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:10px}.neon .status{border-radius:4px}.neon .radio-mark{background:transparent}.neon .equalizer{display:flex}.light .neon{background:#f8f5ff;--text:#26203d;--muted:#7c719b;--line:#2d174d14}
/* 04 Minimal: compact, éditorial et sans effets. */
.minimal{border-radius:13px;box-shadow:0 4px 20px #192b5810}.minimal .now{grid-template-columns:85px minmax(0,1fr);gap:18px;margin:24px 0}.minimal .art-wrap{width:85px;height:85px;border-radius:9px;box-shadow:none}.minimal .track h2{font-size:18px;margin-top:6px;-webkit-line-clamp:2}.minimal .track .eyebrow{display:none}.minimal .track p{margin-bottom:11px}.minimal .play{height:42px;width:42px;border-radius:10px;box-shadow:none}.minimal .radio-mark{background:transparent;width:27px}.minimal .station-identity .eyebrow{display:none}.minimal .controls{padding:13px;border:1px solid var(--line);border-radius:10px}.minimal #songs li img{display:none}.minimal .dj .avatar{display:none}
/* 05 Studio: présentateur en vedette et indicateurs d'antenne. */
.broadcast{background:#12262e;--text:#f0fbff;--muted:#87a6ae;--line:#ffffff15;border-radius:16px;--accent:#47d7c0}.broadcast .ambient{background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000009 3px,#00000009 4px)}.broadcast .station-row{border-bottom:1px solid var(--line);padding-bottom:18px}.broadcast .now{grid-template-columns:100px minmax(0,1fr);gap:18px}.broadcast .art-wrap{width:100px;height:100px;border-radius:12px;box-shadow:none;border:1px solid var(--line)}.broadcast .track h2{font-size:19px}.broadcast .controls{flex-wrap:wrap;gap:12px}.broadcast .dj{order:-1;flex-basis:100%;padding:14px;border-radius:12px;background:#ffffff06;border:1px solid var(--line);margin-bottom:3px}.broadcast .avatar{width:48px;height:48px;border-radius:10px}.broadcast .dj strong{font-size:17px}.broadcast .dj small{color:var(--accent)}.broadcast .play{height:43px;width:70px;border-radius:9px;box-shadow:none;color:#082d29}.broadcast .equalizer{display:flex;flex:1}.broadcast .status{border-radius:4px;font-family:ui-monospace,monospace}.light .broadcast{background:#edf7f8;--text:#17343b;--muted:#62828a;--line:#12364115}
@media(max-width:900px){.workspace{grid-template-columns:280px minmax(0,1fr);gap:18px}.builder main{padding:22px}.panel{padding:18px}.intro{padding:30px}.intro h1{font-size:37px}.hero-wave{width:200px;gap:6px}.preview-stage{padding:24px 9px}.header-label{display:none}.builder footer{margin:0 25px}.help-strip{flex-wrap:wrap}.help-strip a{margin-left:39px}}
@media(max-width:720px){.workspace{grid-template-columns:1fr}.intro{padding:27px}.intro h1{font-size:33px}.hero-wave{display:none}.builder header{padding:18px 22px;gap:12px}.brand img{width:130px}.back{font-size:10px;padding:9px}.style-list{grid-template-columns:1fr 1fr}.style-option{padding:8px;gap:8px}.mini{width:44px;height:36px}.style-option small{font-size:8px}.select-dot{display:none}.settings .checks{display:flex;gap:20px}.builder footer>span{display:none}.preview-side{min-width:0}.help-strip a{margin:0}.preview-stage{padding:20px 9px}.preview-head h2{font-size:22px}}
@media(max-width:460px){.radio-card{padding:19px;border-radius:17px}.now{grid-template-columns:100px minmax(0,1fr);gap:16px;margin:23px 0}.art-wrap{width:100px;height:120px}.track h2{font-size:18px;letter-spacing:-.5px}.track .eyebrow{font-size:7px;letter-spacing:1px}.station-identity h1{font-size:11px}.station-identity .eyebrow{font-size:6px}.radio-mark{width:30px;height:32px;border-radius:9px}.status{font-size:7px;padding:6px 8px}.volume{display:none}.controls{gap:11px}.play{height:47px;width:47px}.dj strong{font-size:10px}.dj small{font-size:6px;letter-spacing:.6px}.dj .avatar{width:28px;height:28px}.listener-count{font-size:8px}.equalizer{display:none!important}.player-footer{font-size:6px}.aurora .now{gap:17px}.glass .art-wrap{height:150px;width:150px}.glass .controls{gap:9px;padding:10px}.glass .dj small{font-size:6px}.glass .play{height:42px;width:42px}.glass .track h2{font-size:20px}.neon .art-wrap{height:100px;width:100px}.minimal .now{grid-template-columns:70px minmax(0,1fr);gap:13px}.minimal .art-wrap{height:70px;width:70px}.minimal .track h2{font-size:16px}.minimal .controls{padding:10px;gap:10px}.broadcast .now{grid-template-columns:85px minmax(0,1fr)}.broadcast .art-wrap{height:95px;width:85px}.broadcast .track h2{font-size:17px}.broadcast .avatar{height:42px!important;width:42px!important}.broadcast .dj strong{font-size:16px}.broadcast .equalizer{display:flex!important}.broadcast .listener-count{margin-left:auto}.style-list{grid-template-columns:1fr}.style-option small{font-size:9px}.mini{width:60px;height:43px}.select-dot{display:block}.builder main{padding:16px}.intro{padding:25px}.intro h1{font-size:31px}.topline{font-size:10px}.header-label{display:none}.builder header{padding:17px 16px}.brand img{width:120px}.back{font-size:9px}.help-strip p{line-height:1.6}.help-strip a{margin-left:39px}.device-switch button{font-size:9px;padding:8px}.preview-head .eyebrow{font-size:8px}.preview-caption{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Małe warianty — wysokość dopasowana do treści i szerokości strony. */
.mini-ribbon{background:linear-gradient(120deg,#25365c,#754db9)}.mini-ribbon i{width:12px;height:12px;top:15px}.mini-ribbon b{left:24px;top:15px;width:17px}.mini-ribbon em{left:46px;top:16px;width:8px;height:8px}
.mini-micro{background:#fafaff;border:1px solid #dfe3ef}.mini-micro i{width:12px;height:12px;top:15px;background:#8657ff;border-radius:50%}.mini-micro b{background:#605674;box-shadow:0 6px #bdafcd;left:26px;top:15px}.mini-micro em{display:none}
.mini-compact{background:#172339}.mini-compact i{width:15px;height:15px;top:7px}.mini-compact b{top:10px}.mini-compact em{top:28px;left:9px;width:7px;height:7px}
.mini-tile{background:#ece8fa}.mini-tile i{height:33px;width:24px;left:18px;top:5px;background:#7956c5}.mini-tile b{left:22px;top:24px;width:15px}.mini-tile em{left:26px;top:12px;width:8px;height:8px}
.checks label:has(input:disabled){opacity:.55;cursor:not-allowed}.preview-stage.small-preview{min-height:0}
#player.ribbon,#player.micro{display:grid;grid-template-columns:62px minmax(0,1fr) auto;column-gap:15px;row-gap:7px;padding:16px 18px;border-radius:14px;align-items:center;max-width:1100px}
.ribbon .ambient{background:linear-gradient(110deg,#8452d52b,#2e70aa12)}
#player.ribbon .station-row{grid-column:2;grid-row:1;gap:8px}.ribbon .station-identity .eyebrow,.ribbon .radio-mark,.ribbon .track .eyebrow,.ribbon .track .timing,.ribbon .dj,.ribbon .equalizer{display:none!important}
#player.ribbon .now{display:contents}.ribbon .art-wrap{grid-column:1;grid-row:1 / 3;width:62px;height:62px;border-radius:10px;box-shadow:none}.ribbon .track{grid-column:2;grid-row:2}.ribbon .track h2{font-size:16px;line-height:1.3;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;display:block;margin:0 0 4px;overflow:hidden}.ribbon .track p{font-size:10px;margin:0 0 7px}.ribbon .station-identity h1{font-size:10px;margin:0}.ribbon .status{font-size:6px;padding:4px 6px}.ribbon .controls{grid-column:3;grid-row:1 / 3;display:grid;grid-template-columns:auto auto;gap:8px 12px}.ribbon .play{grid-row:1 / 3;width:44px;height:44px;font-size:17px}.ribbon .volume input{width:65px}.ribbon .listener-count{font-size:8px;text-align:center}.ribbon .player-footer{grid-column:1 / -1;margin:4px 0 0;font-size:6px}.ribbon .player-error{grid-column:1 / -1;margin:0}.ribbon .live-art-badge{font-size:5px;left:3px;bottom:3px;padding:3px}
#player.micro{grid-template-columns:42px minmax(0,1fr) auto;padding:12px 15px;column-gap:12px;row-gap:3px;border-radius:11px}
#player.micro .station-row{grid-column:2;grid-row:1}.micro .station-identity .eyebrow,.micro .radio-mark,.micro .art-wrap,.micro .track .eyebrow,.micro .progress,.micro .timing,.micro .dj,.micro .equalizer{display:none!important}#player.micro .now,#player.micro .controls{display:contents}.micro .track{grid-column:2;grid-row:2}.micro .track h2{font-size:12px;line-height:1.4;margin:0;letter-spacing:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micro .track p{font-size:9px;margin:2px 0 0}.micro .station-identity h1{font-size:10px;margin:0}.micro .status{font-size:6px;padding:3px 5px}.micro .play{grid-column:1;grid-row:1 / 3;height:40px;width:40px;font-size:16px;box-shadow:none;border-radius:12px}.micro .volume{grid-column:3;grid-row:1}.micro .listener-count{grid-column:3;grid-row:2;font-size:8px;text-align:right}.micro .player-footer{grid-column:1 / -1;margin:7px 0 0;font-size:6px}.micro .player-footer #connection{display:none}.micro .player-footer a{margin-left:auto}.micro .player-error{grid-column:1 / -1;margin:0}
#player.compact{padding:17px 19px;border-radius:14px}.compact .radio-mark{height:26px;width:26px;border-radius:8px}.compact .radio-mark svg{width:18px;height:18px}.compact .station-identity .eyebrow{display:none}.compact .station-identity h1{font-size:12px}.compact .status{font-size:7px;padding:5px 7px}.compact .now{grid-template-columns:64px minmax(0,1fr);gap:15px;margin:15px 0}.compact .art-wrap{height:64px;width:64px;border-radius:10px;box-shadow:none}.compact .track .eyebrow{display:none}.compact .track h2{font-size:16px;line-height:1.25;margin:0 0 4px;-webkit-line-clamp:2;letter-spacing:-.2px}.compact .track p{font-size:10px;margin:0 0 8px}.compact .timing{display:none}.compact .play{height:36px;width:36px;font-size:14px;border-radius:10px;box-shadow:none}.compact .dj .avatar{width:26px;height:26px}.compact .player-footer{margin-top:13px;font-size:6px}.compact .live-art-badge{font-size:5px;padding:3px;left:3px;bottom:3px}
#player.tile{max-width:300px;padding:19px;border-radius:18px}.tile .ambient{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 25%,transparent),transparent 80%)}.tile .station-identity .eyebrow,.tile .radio-mark{display:none}.tile .station-identity h1{font-size:11px}.tile .status{font-size:6px;padding:4px 6px}.tile .now{display:block;text-align:center;margin:17px 0}.tile .art-wrap{width:76px;height:76px;margin:0 auto 13px;border-radius:17px}.tile .track .eyebrow,.tile .timing{display:none}.tile .track h2{font-size:16px;-webkit-line-clamp:2;margin:0 0 6px;letter-spacing:-.2px}.tile .track p{font-size:10px;margin:0 0 12px}.tile .controls{gap:10px;flex-wrap:wrap}.tile .play{height:38px;width:38px;font-size:15px}.tile .dj .avatar{display:none}.tile .dj small{font-size:6px}.tile .dj strong{font-size:10px}.tile .volume{display:none}.tile .listener-count{font-size:8px}.tile .player-footer{font-size:6px;margin-top:15px}.tile .player-footer #connection{display:none}.tile .player-footer a{margin-left:auto}.tile .live-art-badge{font-size:5px;padding:3px;left:5px;bottom:5px}
@media(max-width:540px){#player.ribbon{grid-template-columns:48px minmax(0,1fr) 37px;padding:13px;column-gap:10px}.ribbon .art-wrap{width:48px;height:55px}.ribbon .controls{display:flex;flex-direction:column;gap:8px}.ribbon .play{width:36px;height:36px;font-size:14px}.ribbon .volume{display:none}.ribbon .listener-count{font-size:7px;white-space:normal;text-align:center}.ribbon .status{display:none}.ribbon .track h2{font-size:13px}.ribbon .track p{font-size:9px}.ribbon .player-footer{font-size:5px}#player.micro{grid-template-columns:36px minmax(0,1fr) auto;padding:12px;column-gap:9px}.micro .volume{display:none}.micro .status{display:none}.micro .play{height:34px;width:34px;font-size:14px}.micro .listener-count{font-size:7px}.micro .track h2{font-size:11px}.micro .station-identity h1{font-size:9px}.micro .track p{font-size:8px}.compact .volume{display:none}.compact .track h2{font-size:14px}.compact .listener-count{font-size:8px}}