:root{color:#f6fff9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#070707;--surface:#101010;--sidebar:#0f0f0f;--panel:#ffffff0f;--panel-strong:#ffffff1a;--line:#ffffff1a;--text:#f6fff9;--muted:#f6fff9a8;--green:#19c37d;--orange:#ff8a3d;--blue:#4578ff;--rose:#e64d78;background:#070707;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overflow-x:hidden}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 82% 0,#19c37d2e,#0000 26%),linear-gradient(#15211c 0%,#070707 34%);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.player-active{min-height:calc(100vh - 84px);padding-bottom:84px}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);height:100vh;padding:18px;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:24px;font-size:20px;font-weight:950;display:flex}.brand-mark{background:var(--green);color:#06120b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.side-nav{gap:6px;display:grid}.nav-item,.nav-build{min-height:40px;color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:800;display:flex}.nav-item span,.nav-build{align-items:center;gap:10px;display:flex}.nav-item b{background:var(--panel-strong);min-width:26px;color:var(--text);text-align:center;border-radius:999px;padding:3px 8px;font-size:12px}.nav-item.active,.nav-item:hover,.nav-build{color:var(--text);background:#19c37d24}.app-main{min-width:0}.page{width:min(1220px,100vw - 300px);margin:0 auto;padding:18px 22px 40px}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:72px;margin-bottom:16px;display:flex}.topbar h2{letter-spacing:0;margin:0;font-size:28px}.eyebrow{color:var(--green);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900;display:inline-flex}.topbar-actions,.hero-actions,.row-actions{align-items:center;gap:10px;display:flex}.menu-wrap{position:relative}.action-menu{z-index:5;border:1px solid var(--line);background:#111;border-radius:8px;min-width:190px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 36px #00000059}.action-menu button{border:0;border-bottom:1px solid var(--line);min-height:42px;color:var(--text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:9px;padding:0 12px;font-weight:800;display:flex}.action-menu button:last-child{border-bottom:0}.action-menu button:hover{background:var(--panel-strong)}.action-menu .danger-item{color:#ff9bae}.button,.icon-button,.round-play,.player-button,.mini-play{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.button{border-radius:999px;gap:8px;min-height:40px;padding:0 15px;font-size:14px;font-weight:900}.button.primary{background:var(--green);color:#06120b}.button.dark,.icon-button.dark{color:var(--text);background:#0000003d}.button.danger{background:var(--rose);color:#fff}.button.compact{min-height:34px;padding:0 12px;font-size:13px}.button.wide{width:100%}.button:disabled,.round-play:disabled,.player-button:disabled,.mini-play:disabled{cursor:not-allowed;opacity:.45}.icon-button,.player-button,.mini-play{background:var(--panel-strong);width:38px;height:38px;color:var(--text);border-radius:999px}.icon-button.danger{color:#ff9bae}.round-play{background:var(--green);color:#06120b;border-radius:999px;width:48px;height:48px}.station-hero,.station-detail-hero,.station-mini-hero{color:#06120b;border-radius:8px;align-content:end;min-height:280px;padding:24px;display:grid}.station-hero h1,.station-detail-hero h1,.station-mini-hero h2{letter-spacing:0;max-width:720px;margin:0;font-size:clamp(38px,6vw,72px);line-height:.96}.station-hero p,.station-detail-hero p,.station-mini-hero p{color:#06120bbd;max-width:680px;margin:12px 0 18px;font-weight:650}.compact-hero{min-height:220px}.hero-now-playing{color:#06120b;background:#0000003d;border-radius:8px;gap:3px;width:min(460px,100%);margin-top:16px;padding:12px 14px;display:grid}.hero-now-playing span{text-transform:uppercase;font-size:12px;font-weight:950}.hero-now-playing strong{font-size:18px}.hero-now-playing small{color:#06120bc2;font-weight:750}.section{margin-top:26px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head h2{margin:0;font-size:22px}.text-action,.back-link{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-weight:850;display:inline-flex}.station-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.station-card,.panel,.empty-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px}.station-card{gap:8px;min-height:228px;padding:12px;display:grid;position:relative}.station-card-cover{border-radius:8px;place-items:center;min-height:130px;display:grid}.station-card strong,.program-row strong,.track-row strong,.chain-row strong,.voice-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}small{color:var(--muted);font-size:12px}.status-pill{color:var(--text);background:#0000005c;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850;position:absolute;top:20px;right:20px}.status-pill.published{background:#19c37d38}.empty-panel{color:var(--muted);padding:18px}.library-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-content:center;gap:4px;min-height:82px;padding:14px;display:grid}.stat-card strong{font-size:28px;line-height:1}.compact-empty{padding:14px}.creation-layout,.station-body,.music-builder,.news-builder{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.creation-main,.panel{padding:16px}.station-main-panels{gap:16px;display:grid}.creation-main h1{margin:12px 0 18px;font-size:36px}.creation-main h2{margin:24px 0 12px;font-size:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.single{grid-template-columns:1fr}label{gap:7px;display:grid}label.full{grid-column:1/-1}label span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}input,textarea,select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#0000003d;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:92px}.cover-grid,.voice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cover-choice{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;gap:8px;padding:10px;font-weight:800;display:grid}.cover-choice span{border-radius:8px;min-height:70px}.cover-choice.active,.voice-card.active,.program-choice:hover{border-color:var(--green);background:#19c37d1f}.voice-tools,.music-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button,.pager button{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px;font-weight:800}.segmented button.active{background:var(--green);color:#06120b}.compact-segmented button{min-height:32px}.voice-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.voice-select{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;display:grid}.voice-select small{grid-column:2}.voice-avatar{color:#06120b;border-radius:8px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.pager{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.creation-preview{gap:12px;display:grid;position:sticky;top:18px}.station-mini-hero{min-height:260px}.station-mini-hero h2{font-size:38px}.program-list,.track-list,.chat-log,.outline-list{gap:8px;display:grid}.program-row,.track-row,.chain-row,.outline-row{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.program-row.draft{border-color:#ff8a3d57}.program-row[data-active=true]{background:#19c37d1f;border-color:#19c37db8}.active-program-label{color:var(--green)}.program-index,.program-type,.player-art{background:var(--panel-strong);width:34px;height:34px;color:var(--green);border-radius:8px;place-items:center;font-weight:900;display:grid}.program-actions{gap:6px;display:flex}.run-order-list{gap:8px;display:grid}.run-order-item{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:9px 10px;display:grid}.run-order-item[data-active=true]{background:#19c37d1f;border-color:#19c37db8}.run-order-item span{background:var(--panel-strong);width:30px;height:30px;color:var(--green);border-radius:8px;place-items:center;font-weight:900;display:grid}.run-order-item div{gap:2px;min-width:0;display:grid}.run-order-item strong,.run-order-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.program-library-row .program-actions{flex-wrap:wrap;justify-content:end}.station-side{gap:7px;display:grid}.sync-badge{background:var(--panel-strong);width:fit-content;max-width:100%;color:var(--muted);border-radius:999px;padding:5px 9px;line-height:1.25;display:inline-flex}.sync-badge.saving{color:var(--blue)}.sync-badge.saved,.sync-badge.local{color:var(--green)}.sync-badge.error{color:#ff9bae}.divider{background:var(--line);height:1px;margin:6px 0}.dialog-backdrop{z-index:20;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);background:#111;border-radius:8px;width:min(680px,100%);max-height:min(860px,100vh - 36px);padding:18px;position:relative;overflow:auto}.edit-station-dialog{width:min(980px,100%)}.publish-block-dialog{gap:14px;display:grid}.dialog h2{margin:0 0 14px}.dialog-close{background:var(--panel-strong);width:34px;height:34px;color:var(--text);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.program-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.program-choice{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:8px;min-height:160px;padding:14px;display:grid}.share-box{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px;display:grid}.draft-list{gap:8px;display:grid}.draft-item{background:#ff8a3d14;border:1px solid #ff8a3d57;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.draft-item div:first-child{gap:3px;min-width:0;display:grid}.draft-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.edit-station-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;display:grid}.edit-station-layout h3{margin:18px 0 10px}.compact-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.station-mini-hero.small{min-height:160px;padding:16px}.station-mini-hero.small h2{font-size:28px}.compact-tools{grid-template-columns:1fr 1fr;display:grid}.voice-list-compact{gap:8px;display:grid}.voice-list-button{border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:7px 9px;display:grid}.voice-list-button.active{border-color:var(--green);background:#19c37d1f}.voice-list-button span:last-child{min-width:0;display:grid}.voice-list-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.builder-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.program-title-input{font-size:24px;font-weight:900}.music-builder{grid-template-columns:minmax(0,1fr) 360px}.music-results{min-width:0}.search-input{min-width:min(360px,100%);position:relative}.search-input svg{color:var(--muted);position:absolute;top:13px;left:12px}.search-input input{padding-left:38px}.track-row{grid-template-columns:auto minmax(0,1fr) auto}.track-row>div{gap:2px;min-width:0;display:grid}.track-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sticky-pager{border:1px solid var(--line);background:#111;border-radius:8px;padding:10px;position:sticky;bottom:14px}.music-chain{position:sticky;top:18px}.chain-row{grid-template-columns:auto minmax(0,1fr) auto}.news-builder{grid-template-columns:minmax(0,1fr) 380px}.news-source-panel{min-width:0}.news-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.news-mode-tabs button{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--text);cursor:pointer;border-radius:8px;font-weight:900}.news-mode-tabs button.active{border-color:var(--green);background:#19c37d29}.source-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.source-category-card,.source-tile{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);cursor:pointer;text-align:left;border-radius:8px}.source-category-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 9px;padding:10px;display:grid}.source-category-card span,.source-tile span{color:#06120b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.source-category-card small{grid-column:2}.source-category-card strong,.source-category-card small,.source-tile strong,.source-tile small,.source-tile em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-category-card.active,.source-tile.active{border-color:var(--green);background:#19c37d21}.source-section-heading{justify-content:space-between;align-items:center;gap:10px;margin:16px 0 10px;display:flex}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.source-tile{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px;display:grid;position:relative}.source-tile small,.source-tile em{grid-column:2/-1}.source-tile b{color:var(--green);font-size:12px}.source-tile em{color:var(--muted);font-size:12px;font-style:normal}.custom-news-request textarea{min-height:220px}.source-summary-strip{gap:8px;margin-top:14px;display:grid}.source-summary-strip span{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:850}.producer-chat{grid-template-rows:auto minmax(0,1fr) auto;min-height:560px;display:grid}.chat-log{align-content:start;overflow:auto}.chat-bubble{max-width:82%;color:var(--text);background:#ffffff17;border-radius:8px;padding:10px 12px;line-height:1.45}.chat-bubble.user{background:#19c37d26;justify-self:end}.chat-input{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px;display:grid}.outline-row{grid-template-columns:48px minmax(0,1fr)}.outline-editor-row{grid-template-columns:70px minmax(0,1fr) auto;align-items:start}.outline-row span{color:var(--green);font-weight:900}.outline-row div{gap:3px;display:grid}.run-sheet-meta{gap:10px;margin:12px 0 8px;display:flex}.run-sheet-meta small{background:var(--panel-strong);border-radius:999px;padding:4px 9px}.segment-minutes{text-align:center;min-height:38px;padding:8px}.segment-fields{gap:6px;display:grid}.segment-fields input,.segment-fields textarea{min-height:38px;padding:8px 10px}.segment-fields textarea{min-height:62px}.outline-editor-row .program-actions{gap:6px;display:flex}.placeholder-page{justify-items:start;gap:12px;max-width:720px;display:grid}.player{z-index:10;border-top:1px solid var(--line);background:#101010;grid-template-columns:320px minmax(0,1fr) 300px;align-items:center;gap:18px;min-height:84px;padding:12px 18px;display:grid;position:fixed;bottom:0;left:0;right:0}.player-meta{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.player-meta div,.player-now{min-width:0}.player-meta strong,.player-now small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-center{justify-items:center;gap:9px;display:grid}.player-controls{align-items:center;gap:8px;display:flex}.player-button.secondary{width:32px;height:32px;color:var(--muted);background:0 0}.player-progress{background:var(--panel-strong);border-radius:999px;width:min(520px,100%);height:7px;overflow:hidden}.player-progress span{border-radius:inherit;background:var(--green);height:100%;display:block}.player-now{text-align:right}@media (width<=1120px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding:14px 10px}.brand span:last-child,.nav-item>span,.nav-item b,.nav-build{font-size:0}.nav-item b{display:none}.brand,.nav-item,.nav-build{justify-content:center}.page{width:min(1220px,100vw - 110px)}.station-grid,.library-stats,.cover-grid,.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-layout,.station-body,.music-builder,.news-builder,.edit-station-layout{grid-template-columns:1fr}.creation-preview,.music-chain{position:static}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.app-shell.player-active{min-height:calc(100vh - 132px);padding-bottom:132px}.sidebar{scrollbar-width:none;align-items:center;gap:10px;max-width:100vw;height:auto;display:flex;position:static;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.brand{margin:0}.side-nav{flex:1 0 auto;min-width:0;display:flex}.nav-item,.nav-build{flex:none}.page{width:100%;padding:12px 12px 32px}.topbar,.builder-header{grid-template-columns:1fr;align-items:start;display:grid}.topbar-actions,.row-actions{flex-wrap:wrap}.station-hero,.station-detail-hero{min-height:240px;padding:18px}.station-hero h1,.station-detail-hero h1{font-size:40px}.station-grid,.library-stats,.cover-grid,.voice-grid,.source-category-grid,.source-grid,.edit-station-layout,.program-choice-grid,.form-grid,.compact-tools,.outline-editor-row,.draft-item{grid-template-columns:1fr}.outline-editor-row .program-actions{justify-content:start}.player{grid-template-columns:1fr;gap:8px;min-height:132px}.player-now{text-align:left}}