:root{--ink: #0b0d12;--panel: #14171f;--panel-raised: #1a1e28;--hairline: #262b38;--signal: #ff5a36;--signal-dim: #ff5a3622;--wire: #3ddc97;--wire-dim: #3ddc9722;--amber: #ffb84d;--amber-dim: #ffb84d22;--paper: #ece9e4;--muted: #7a8091;--muted-2: #4b505e;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:var(--font-body)}::selection{background:var(--signal);color:var(--ink)}:focus-visible{outline:2px solid var(--wire);outline-offset:2px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--hairline);padding:28px 20px;display:flex;flex-direction:column;gap:32px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:10px;height:10px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px var(--signal-dim);flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.01em}.brand-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.nav-item .dot{width:6px;height:6px;border-radius:50%;background:var(--muted-2);flex-shrink:0}.nav-item:hover,.nav-item.active{background:var(--panel-raised);color:var(--paper)}.nav-item.active .dot{background:var(--signal);box-shadow:0 0 0 3px var(--signal-dim)}.sidebar-footer{margin-top:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted-2);line-height:1.6}.main{padding:36px 44px 60px;max-width:1180px}.page-header{margin-bottom:32px}.eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--wire);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.page-title{font-family:var(--font-display);font-size:30px;font-weight:700;margin:0 0 8px}.page-desc{color:var(--muted);font-size:14.5px;max-width:620px;line-height:1.55;margin:0}.panel-card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:22px}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}label.field-label{display:block;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}.field-group{margin-bottom:16px}input[type=text],input[type=number],textarea,select{width:100%;background:var(--ink);border:1px solid var(--hairline);border-radius:8px;padding:10px 12px;color:var(--paper);font-family:var(--font-body);font-size:14px;transition:border-color .15s ease}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--wire);outline:none}textarea{resize:vertical;min-height:90px;line-height:1.5}.row{display:flex;gap:12px}.row>*{flex:1}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--hairline);background:var(--ink);color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--muted-2)}.chip.selected{background:var(--wire-dim);border-color:var(--wire);color:var(--wire)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--signal);color:#14100d}.btn-primary:hover:not(:disabled){opacity:.92}.btn-secondary{background:var(--panel-raised);color:var(--paper);border:1px solid var(--hairline)}.btn-secondary:hover:not(:disabled){border-color:var(--muted-2)}.btn-ghost{background:transparent;color:var(--muted);padding:8px 10px}.btn-ghost:hover:not(:disabled){color:var(--paper)}.btn-block{width:100%}.rundown{display:flex;flex-direction:column}.rundown-row{display:grid;grid-template-columns:78px 20px 1fr auto;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--hairline)}.rundown-row:last-child{border-bottom:none}.rundown-time{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;margin:0 auto}.status-dot.draft{background:var(--muted-2)}.status-dot.scheduled{background:var(--amber);box-shadow:0 0 0 4px var(--amber-dim)}.status-dot.publishing{background:var(--signal);box-shadow:0 0 0 4px var(--signal-dim);animation:pulse 1.1s infinite ease-in-out}.status-dot.published{background:var(--wire);box-shadow:0 0 0 4px var(--wire-dim)}.status-dot.failed{background:var(--signal)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.rundown-title{font-weight:600;font-size:14.5px;margin-bottom:3px}.rundown-meta{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center}.platform-tag{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:4px;background:var(--panel-raised);color:var(--muted)}.empty-state{padding:48px 20px;text-align:center;color:var(--muted)}.empty-state .eyebrow{justify-content:center;display:flex}.media-preview{aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;background:var(--ink);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center}.media-preview.vertical{aspect-ratio:9 / 16}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover;display:block}.media-preview .placeholder{color:var(--muted-2);font-family:var(--font-mono);font-size:12px;text-align:center;padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px 20px}.stat-value{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1;margin-bottom:6px}.stat-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.connection-card{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel);margin-bottom:12px}.connection-left{display:flex;align-items:center;gap:14px}.connection-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;background:var(--panel-raised)}.connection-name{font-weight:600;font-size:14.5px;margin-bottom:2px}.connection-status{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.connection-status.connected{color:var(--wire)}.callout{background:var(--panel-raised);border:1px solid var(--hairline);border-left:3px solid var(--wire);border-radius:8px;padding:14px 16px;font-size:13px;color:var(--muted);line-height:1.55;margin-top:18px}.callout.warn{border-left-color:var(--amber)}.callout code{font-family:var(--font-mono);background:var(--ink);padding:1px 6px;border-radius:4px;color:var(--paper);font-size:12px}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:28px 0 14px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(20,16,13,.3);border-top-color:#14100d;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}