:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e3ecf5;background-color:#050912;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:#f6893c;text-decoration:none}a:hover{color:#ffd7b1}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(26,95,170,.15),transparent 25%),radial-gradient(circle at 80% 0%,rgba(246,137,60,.12),transparent 22%),#050912}h1{font-size:2.6rem;line-height:1.1;margin:0}h2,p{margin:0}button{font-family:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 3rem;color:#e3ecf5}.app-shell{background:radial-gradient(circle at 10% 20%,rgba(26,95,170,.08),transparent 30%),radial-gradient(circle at 90% 10%,rgba(246,137,60,.08),transparent 32%),#050912;min-height:100vh}.mode-toggle{display:flex;gap:.5rem;justify-content:center;padding:1rem 1.5rem 0}.mode-toggle button{width:auto;border-color:#1f2a3e;background:#0d1627;color:#e3ecf5}.mode-toggle button.active{background:linear-gradient(135deg,#1a5faa,#0f2f55);border-color:#1a5faa}.badge{margin-left:.4rem;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(246,137,60,.55);color:#f6893c;font-size:.75rem;background:#f6893c1f}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(120deg,#1a5faa59,#0c1424bf);border:1px solid #1f2a3e;border-radius:18px;box-shadow:0 20px 40px #0000004d}.brand{display:flex;gap:1rem;align-items:center}.brand-copy{display:flex;flex-direction:column;gap:.35rem;width:100%}.logo{width:140px;height:auto;background:#0b1220;border-radius:12px;padding:.4rem .65rem;border:1px solid #1f2a3e}.top-status{display:inline-flex;align-items:center;gap:.5rem;background:#0d1627;border:1px solid #1f2a3e;padding:.55rem .9rem;border-radius:999px;color:#c7d3e3;white-space:nowrap}.top-status-column{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:220px}.status-label{font-weight:600;letter-spacing:.01em}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:#8ea5c5;margin:0}.lede{max-width:720px;color:#c7d3e3;margin:.35rem 0 .5rem}.pill-row{display:flex;gap:.5rem}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#1a5faa;color:#fff;border-radius:999px;font-size:.9rem;box-shadow:0 8px 18px #1a5faa59}.pill.secondary{background:#f6893c26;color:#f6893c;box-shadow:none;border:1px solid rgba(246,137,60,.4)}.pill.mini{padding:.25rem .6rem;font-size:.8rem;background:#1a5faa40;border:1px solid rgba(26,95,170,.45)}.session-label-inline{margin-top:.75rem;padding:.85rem 1rem;border-radius:12px;border:1px solid #1f2a3e;background:#0b1220;display:flex;flex-direction:column;gap:.45rem;max-width:560px}.session-label-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.alert{margin:1.25rem 0;padding:1rem 1.25rem;border-radius:12px;background:#f43f5e26;color:#fca5a5;border:1px solid rgba(248,113,113,.35)}.primary-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:1.25rem;margin-top:1.5rem;align-items:start}.sticky-shell{position:sticky;top:1.25rem;align-self:flex-start}.video-card{background:#0d1627;border:1px solid #1f2a3e;border-radius:18px;box-shadow:0 18px 48px #00000059;padding:1.1rem;display:flex;flex-direction:column;gap:.85rem}.control-card{background:#0d1627;border:1px solid #1f2a3e;border-radius:18px;box-shadow:0 18px 48px #00000059;padding:1.1rem;display:flex;flex-direction:column;gap:1rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-header h2{margin:.1rem 0}.muted{color:#9db2cf;margin:.15rem 0 0}.muted.small{font-size:.9rem}.muted.center{text-align:center;width:100%}.status-block{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;background:#111b2e;border-radius:999px;border:1px solid #1f2a3e;color:#c7d3e3}.status-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}.status-dot.online{background:#22c55e}.status-dot.offline{background:#f97316}.status-dot.recording{background:#f6893c;box-shadow:0 0 0 6px #f6893c38}.video-stage{display:flex;flex-direction:column;gap:.6rem;background:#0b1220;border-radius:14px;border:1px solid #1f2a3e;padding:.75rem}.video-frame{border-radius:12px;overflow:hidden;border:1px solid #1f2a3e;aspect-ratio:16 / 9;background:#050912;display:grid;place-items:center}.video-frame video{width:100%;display:block;background:#050912}.video-frame.mirrored video,.mirrored{transform:scaleX(-1)}.control-rail{display:flex;flex-direction:column;gap:.6rem;background:#0b1220;border-radius:14px;border:1px solid #1f2a3e;padding:.75rem}.control-rail.compact button{width:100%}.control-rail.remote-locked{border-style:dashed;border-color:#2a364d;background:#0b1220}.rail-header{display:flex;justify-content:space-between;align-items:center}.rail-label{margin:0;color:#8ea5c5;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}button{border-radius:12px;border:1px solid #1a5faa;padding:.7rem 1.1rem;font-size:1rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,#1a5faa,#103b6b);color:#e9f1ff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;width:100%}button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1a5faa59}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}button.ghost{background:#0d1627;color:#e3ecf5;border-color:#2a364d;box-shadow:none}.helper{color:#8ea5c5;margin:0;font-size:.95rem}.align-right{text-align:right;width:100%}.helper.subtle{font-size:.85rem;color:#7284a1}.field{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.field input,.field select,.text-input{padding:.75rem .85rem;border-radius:10px;border:1px solid #1f2a3e;background:#0b1220;color:#e3ecf5}.folder-label{padding:.75rem .9rem;border-radius:10px;border:1px dashed #294164;background:#0b1220;color:#e3ecf5}.content{display:flex;flex-direction:column;gap:1rem}.content-stack{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.25rem}.card{background:#0d1627;border-radius:16px;padding:1.25rem;box-shadow:0 16px 40px #00000047;border:1px solid #1f2a3e}.stack{display:flex;flex-direction:column;gap:.75rem}.stack.gap-sm{gap:.5rem}.button-row.end{justify-content:flex-end}.button-row{display:flex;gap:.5rem;flex-wrap:wrap}.button-row button{width:auto}.clip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.clip-item{padding:.85rem .5rem;border-bottom:1px solid #1f2a3e;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tags{display:flex;gap:.4rem;margin-top:.25rem}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.85rem;border:1px solid #1f2a3e;background:#0b1220;color:#c7d3e3}.tag.success{border-color:#22c55e59;background:#22c55e26;color:#4ade80}.tag.warn{border-color:#f6893c66;background:#f6893c26;color:#fbbf24}.tag.neutral{color:#93adc9}.clip-actions{display:flex;gap:.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem 1rem;margin-top:.5rem}.progress-shell{width:100%;background:#0b1220;border-radius:12px;height:14px;overflow:hidden;border:1px solid #1f2a3e}.progress-shell.thin{height:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#1a5faa,#f6893c);transition:width .25s ease}.upload-grid{display:flex;flex-direction:column;gap:.65rem}.upload-row{display:grid;grid-template-columns:1fr 200px;gap:.5rem;align-items:center}.card-compact{padding:1rem}.card-header.spread{justify-content:space-between;gap:1.5rem}.producer-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem}.button-column{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.button-column button{width:100%}.hero-status .pill:before,.status-block .status-dot:before{content:""}.helper code,.muted code{background:#111b2e;padding:.1rem .35rem;border-radius:6px;border:1px solid #1f2a3e}.producer-login{display:flex;justify-content:center;padding:1rem 1.5rem 0}.login-card{background:#0d1627;border:1px solid #1f2a3e;border-radius:14px;padding:1.25rem;width:min(520px,100%);box-shadow:0 16px 40px #0000004d}.login-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.login-form label{display:flex;flex-direction:column;gap:.35rem;color:#c7d3e3}.login-form input{width:100%}.alert-inline{color:#fca5a5;margin:.25rem 0 0}@media(max-width:1100px){.primary-grid{grid-template-columns:1fr}.sticky-shell{position:relative;top:0}.mode-toggle{flex-wrap:wrap}.page{padding:2rem 1rem}}@media(max-width:700px){.topbar{flex-direction:column}.brand{width:100%}.button-row{flex-direction:column}.upload-row{grid-template-columns:1fr}}