:root{color-scheme:light;--accent: rgb(164 211 101);--secondary: rgb(112 56 79);--warm: rgb(208 192 68);--highlight: rgb(248 209 206);--background: rgb(244 243 240);--panel: rgba(255, 255, 255, .74);--panel-solid: rgb(251 250 247);--border: rgba(40, 36, 31, .1);--text: rgb(34 32 29);--muted: rgba(34, 32, 29, .62);--shadow: 0 22px 60px rgba(72, 58, 44, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(164,211,101,.18),transparent 34%),linear-gradient(210deg,rgba(248,209,206,.2),transparent 30%),var(--background);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);min-height:100vh}.dashboard-dimmed{filter:blur(1px);opacity:.32;pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar{display:flex;flex-direction:column;gap:18px;padding:24px 18px;border-right:1px solid var(--border);background:#fbfaf7d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-lockup,.topbar,.panel-title,.section-title,.station-title,.toolbar,.control-strip,.form-actions{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#000000c7;background:var(--accent);box-shadow:0 10px 24px #a4d36542}.eyebrow{margin:0 0 3px;font-size:.72rem;font-weight:700;color:var(--secondary);text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:1.35rem}h2,h3{margin-bottom:0}.search-box{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#ffffffad}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;border:1px solid var(--border);border-radius:12px;background:#28241f0a}.segmented-control button{min-height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted)}.segmented-control button.active{background:var(--panel-solid);color:var(--text);box-shadow:0 3px 10px #28241f14}.stream-list{display:flex;flex-direction:column;gap:6px;overflow:auto}.stream-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;width:100%;min-height:56px;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left}.stream-row.selected{border-color:#a4d36585;background:#a4d36524}.stream-row strong,.station-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small,.stream-row small,.station-row small{color:var(--muted)}.workspace{display:flex;flex-direction:column;gap:18px;min-width:0;padding:24px}.topbar,.section-title,.panel-title{justify-content:space-between;gap:14px}.toolbar{gap:8px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(112,56,79,.26);border-radius:12px;color:var(--secondary);background:#70384f14}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:12px;font-weight:700}.primary-action{border:1px solid transparent;color:#000000c7;background:var(--accent)}.secondary-action{border:1px solid rgba(112,56,79,.26);color:var(--secondary);background:#70384f14}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel,.station-manager{border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 10px;padding:16px}.metric-icon{display:grid;place-items:center;grid-row:span 3;width:38px;height:38px;border-radius:12px;color:var(--secondary);background:#70384f14}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{font-size:1.7rem}.metric-card.ok .metric-icon{color:#2b682d;background:#a4d36540}.metric-card.warn .metric-icon{color:#8e5d10;background:#d0c04447}.content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.panel{min-width:0;padding:20px}.station-title{min-width:0;gap:12px}.station-logo{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--border);border-radius:12px;object-fit:cover;background:#ffffffb8}.station-logo.placeholder{display:grid;place-items:center;font-weight:800;color:var(--secondary)}.status-badge,.pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#ffffff9e}.pill.live{color:#2b682d;border-color:#a4d36585;background:#a4d3652e}.status-dot{align-self:center;width:9px;height:9px;border-radius:50%;background:#22201d4d}.status-dot.healthy{background:#5ea645;box-shadow:0 0 0 4px #5ea64524}.status-dot.late{background:#d19926;box-shadow:0 0 0 4px #d1992624}.status-dot.quiet{background:#22201d52}.control-strip{flex-wrap:wrap;gap:10px;margin:18px 0}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-list.compact{grid-template-columns:1fr}.detail-list div{min-width:0;padding:12px;border-radius:12px;background:#28241f0b}dt{margin-bottom:4px;color:var(--muted);font-size:.78rem}dd{margin:0;overflow-wrap:anywhere;font-weight:700}.transcript-snippet{margin-top:16px;padding:14px;border-left:4px solid var(--warm);border-radius:12px;background:#d0c04424}.transcript-snippet span{color:var(--muted);font-size:.78rem}.transcript-snippet p{margin:4px 0 0}.url-line{margin:14px 0 0;color:var(--muted);overflow-wrap:anywhere;font-size:.82rem}.heartbeat-stack{display:flex;flex-direction:column;gap:8px;margin-top:16px}.heartbeat-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px}.heartbeat-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-message{margin:14px 0 0;color:var(--muted);font-size:.85rem}.station-manager{padding:20px}.station-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:16px}.station-table{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto;padding-right:4px}.station-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 40px 40px;align-items:center;gap:10px;min-height:62px;padding:9px;border:1px solid var(--border);border-radius:12px;background:#ffffff80}.editor-panel{min-width:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:#ffffff8a}.editor-panel h4{margin-bottom:12px}.field{display:grid;gap:5px;margin-bottom:10px}.field span,.check-line{color:var(--muted);font-size:.86rem}.field input,.editor-panel textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#ffffffb8;outline:0}.field input{min-height:38px;padding:0 10px}.editor-panel textarea{min-height:390px;resize:vertical;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.check-line{display:flex;align-items:center;gap:8px;min-height:28px}.form-actions{gap:10px;margin-top:12px}.empty-panel{display:grid;place-items:center;min-height:280px;color:var(--muted)}.connection-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#22201d57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connection-modal{width:min(100%,520px);padding:24px;border:1px solid rgba(255,255,255,.64);border-radius:18px;background:#fbfaf7f5;box-shadow:0 26px 80px #22201d47}.connection-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:14px;color:#000000c7;background:var(--accent)}.connection-modal h2{margin-bottom:8px}.connection-copy{margin-bottom:16px;color:var(--muted)}.connection-status{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;margin-bottom:16px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff9e}.connection-status.connecting .status-dot{animation:pulse 1s ease-in-out infinite}.connection-status.failed{color:var(--secondary);background:#70384f14}.connection-form{display:grid;gap:10px}.connection-form .primary-action{width:100%;margin-top:4px}.connection-form .field{margin-bottom:0}@keyframes pulse{0%,to{opacity:.52;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid var(--border)}.stream-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.metric-grid,.content-grid,.station-layout{grid-template-columns:1fr 1fr}}@media(max-width:760px){.workspace,.sidebar{padding:16px}.metric-grid,.content-grid,.station-layout,.stream-list,.detail-list{grid-template-columns:1fr}.topbar,.section-title,.panel-title{align-items:flex-start;flex-direction:column}.station-row{grid-template-columns:44px minmax(0,1fr) 40px 40px}.station-row .pill{display:none}}