*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#183b3c;font:16px/1.5 system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:32px}a{color:#236361}header{margin:36px 0}h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.15;max-width:750px;margin:12px 0}h2{font-size:22px}.eyebrow{font-size:12px;letter-spacing:.15em}.layout{display:grid;grid-template-columns:1fr 1fr;gap:36px}.collection{background:#fff;border:1px solid #dddace;border-radius:16px;padding:24px;align-self:start}button,.file{font:inherit;border:1px solid #b7c5be;border-radius:8px;background:white;color:#183b3c;padding:9px 13px;cursor:pointer}button:hover{background:#e6eeea}button:disabled{opacity:.45;cursor:default}.primary{background:#204d48;color:white}.featured{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.featured button{text-align:left;font-weight:650;padding:16px 10px;background:#e0e9e1}.featured small{display:block;font-size:11px;font-weight:400;margin-top:8px}.muted,small{color:#5f706b;font-size:13px}form{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:20px 0}label{display:grid;gap:5px;font-size:13px;flex:1}input,select{font:inherit;width:100%;padding:10px;border:1px solid #c5cec7;border-radius:6px;background:white;color:#183b3c}#query{min-width:150px}.chips,.actions{display:flex;flex-wrap:wrap;gap:8px}.chips button{font-size:13px}.result{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #d9dfd8}.result strong,.result small{display:block}.station{border-top:1px solid #dde2db;padding:16px 0}.station .row{display:flex;gap:8px;align-items:center}.station label{margin:8px 0}.station .controls{display:flex;gap:6px}.station .controls button{font-size:12px;padding:6px 9px}details{margin-top:22px}summary{cursor:pointer;font-weight:600}#status,#saved{font-size:14px;min-height:24px}.file input{max-width:210px;padding:4px;font-size:12px}.file{display:grid;flex:none}#count{font-size:15px;background:#e5ede6;padding:4px 9px;border-radius:20px}:focus-visible{outline:3px solid #c66b38;outline-offset:3px}@media(max-width:800px){main{padding:20px}.layout{grid-template-columns:1fr}.collection{padding:18px}.featured{gap:5px}}
/* StreamWave station explorer */
body{background:#f9fafb;color:#233b4a;font-family:"Segoe UI",Arial,sans-serif}main{max-width:1400px;padding:28px 4vw 60px}header{margin:22px 0 40px;max-width:850px}h1{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-weight:700;letter-spacing:-1.8px;font-size:clamp(34px,4.5vw,58px)}header p{font-size:18px;color:#576c7b;max-width:650px}.tuning-scale{height:24px;max-width:440px;background:repeating-linear-gradient(90deg,#8198a8 0 1px,transparent 1px 12px);border-bottom:2px solid #9fb2bf;position:relative}.tuning-scale:after{content:"";position:absolute;left:37%;top:-5px;width:3px;height:35px;background:#215a88}.layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:40px}.collection{border-color:#d6dfe5;border-radius:12px;position:sticky;top:20px;max-height:calc(100dvh - 150px);overflow:auto}.featured{gap:12px}.featured button{min-height:130px;border:0;border-radius:10px;padding:22px 16px;font-size:22px;background:#e7edf1;color:#234359;position:relative;overflow:hidden}.featured button:before{content:"";display:block;width:35px;height:20px;margin-bottom:18px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 6px);opacity:.6}.featured button:nth-child(2){background:#dce9e8;color:#254e50}.featured button:nth-child(3){background:#e8e3ed;color:#56496b}.featured small{font-size:12px;color:inherit}.featured button:hover{outline:2px solid #215a88;outline-offset:2px}button,.file{color:#294858;border-color:#c2cfd7;border-radius:7px}button:hover{background:#e7edf1}.primary{background:#215a88;color:#fff}.primary:hover{background:#19496e}input,select{border-color:#bdcbd5;color:#294858}.chips button[aria-pressed=true]{background:#215a88;color:#fff;border-color:#215a88}.muted,small{color:#617786}.result{gap:12px;align-items:center;border-color:#d6dfe5}.result>div:first-of-type{flex:1;min-width:0}.result small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.station-art{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e7edf1;color:#215a88;flex-shrink:0;font-weight:700}.result-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;max-width:175px}.result-actions button{font-size:12px;padding:8px 10px}.explorer-empty{padding:36px 20px;margin:15px 0;border:1px dashed #b4c4cf;border-radius:10px;text-align:center;color:#576c7b}.explorer-empty strong{font-size:21px}.explorer-empty p{font-size:14px}.station details{margin:8px 0}.station summary{font-size:12px;color:#617786}.station .controls{flex-wrap:wrap;margin-top:14px}.station .controls button:first-child{background:#e7edf1}#count{background:#e7edf1}#back{font-size:13px}#live-player[hidden]{display:none}#live-player{position:fixed;z-index:45;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #bdcbd5;box-shadow:0 -5px 30px #233b4a14;padding:16px 4vw;display:flex;align-items:center;gap:24px}.player-label{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.player-label strong{display:block}.player-label p{margin:3px 0 0;font-size:12px;color:#617786}.live-dot{width:12px;height:12px;border-radius:50%;background:#a5b2bc;flex-shrink:0}.playing .live-dot{background:#308065}#preview-audio{width:300px;max-width:100%}.is-listening main{padding-bottom:150px}@media(max-width:900px){.layout{grid-template-columns:1fr}.collection{position:static;max-height:none}.featured button{font-size:19px}#live-player{flex-wrap:wrap;gap:10px;padding:12px 20px}.player-label{flex-basis:100%}#preview-audio{flex:1;min-width:180px}.is-listening main{padding-bottom:200px}}@media(max-width:450px){main{padding:22px 18px 50px}.featured{gap:7px}.featured button{padding:16px 10px;font-size:16px}.result{flex-wrap:wrap}.result-actions{max-width:none;width:100%;justify-content:flex-start;margin-left:56px}.site-header{background:#fff}h1{letter-spacing:-1px}}
.your-radio{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;background:#e7edf1;border-radius:16px;margin:0 0 40px;padding:14px 30px 14px 12px}#station-radio{height:260px;min-width:0;position:relative}#station-radio canvas{display:block;width:100%;height:100%}#station-radio>p{position:absolute;inset:40% 10%;font-size:14px;text-align:center}.radio-description p{color:#576c7b;max-width:330px}.radio-description small{display:block;max-width:300px;font-size:11px}@media(max-width:700px){.your-radio{grid-template-columns:1fr;gap:0;padding:10px 16px 20px}#station-radio{height:210px}.radio-description h2{font-size:18px;margin:0}.radio-description p{margin:8px 0;font-size:14px;max-width:none}}

#station-radio canvas{cursor:grab;touch-action:pan-y}#station-radio canvas.is-dragging{cursor:grabbing}#station-radio canvas:focus-visible{outline:3px solid #de9918;outline-offset:3px}.radio-description .rotation-hint{font-size:12px;margin:0 0 12px;color:#49677b}

#live-player{flex-wrap:wrap;gap:12px}#add-playing{background:#215a88;color:white}#station-radio{height:320px}@media(max-width:700px){#station-radio{height:210px}.is-listening main{padding-bottom:280px}}
.radio-actions{align-items:center}.build-radio{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #c2cfd7;border-radius:7px;background:#fff;color:#294858;text-decoration:none}.build-radio:hover{background:#dce5ed}
/* Let the preview stick within the full page, beyond the hero description. */
@media(max-width:900px){
 .your-radio{display:contents}
 #station-radio{position:sticky;top:0;z-index:10;height:clamp(160px,30svh,260px);background:#e7edf1;border-bottom:1px solid #bdcbd5;border-radius:0 0 12px 12px;box-shadow:0 6px 14px #233b4a12}
 .radio-description{background:#e7edf1;padding:20px;margin-bottom:32px;border-radius:0 0 12px 12px}
 .layout input,.layout button,.layout select,.layout summary{scroll-margin-top:calc(clamp(160px,30svh,260px) + 16px)}
}