:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f7f4;background:#0b100d;line-height:1.5;--panel:#131b16;--line:#2b3b30;--accent:#d8f36a;--muted:#a9b8ad;--danger:#ffb4b4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:.75rem;padding:.72rem 1rem;background:#27382d;color:#f4f7f4;font-weight:700}button.primary{background:var(--accent);color:#111}button:disabled{opacity:.42;cursor:not-allowed}input,select{width:100%;border:1px solid #415448;background:#0f1612;color:inherit;border-radius:.65rem;padding:.68rem}button:focus-visible,input:focus-visible,select:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#000;padding:.6rem}.topbar,main,footer{width:min(1180px,calc(100% - 2rem));margin:auto}.topbar{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:2rem 0}.brand-lockup{display:flex;align-items:center;gap:1rem;min-width:0}.brand-logo{width:64px;height:64px;border-radius:1rem;object-fit:cover;flex:0 0 auto;box-shadow:0 0 28px rgba(29,224,190,.18)}.brand-copy{min-width:0}.header-actions,.button-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.eyebrow{margin:0;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:#a9c5ae}.muted{color:var(--muted)}h1{margin:.15rem 0;font-size:clamp(2rem,6vw,4rem)}h2{margin:.2rem 0 1rem}section{margin:0 0 1.25rem;padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel)}.notice{display:flex;justify-content:space-between;gap:2rem;align-items:center}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.pill,.status,.state-panel{border:1px solid #3d5244;border-radius:.8rem;padding:.65rem .8rem}.status[data-state=error],.state-panel.error{border-color:#8f4545;color:var(--danger)}.status[data-state=pending]{border-color:#a78c3d}.status[data-state=success]{border-color:#4b8258}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.media-card{display:grid;gap:.55rem;text-align:left;background:#172019;border:1px solid #34473a;border-radius:.9rem;padding:1rem;color:inherit}.media-card:hover,.media-card:focus-visible{border-color:var(--accent)}.media-card small{color:var(--muted)}.playback-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:1rem;align-items:start}video{display:block;width:100%;min-height:260px;background:#050806;border-radius:.9rem}.detail-card{background:#101712;border:1px solid #2e4034;border-radius:.85rem;padding:1rem;overflow-wrap:anywhere}.detail-card dl,dl.detail-card{margin:0}.detail-card div,dl.detail-card div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:.75rem;padding:.35rem 0;border-bottom:1px solid #213027}.detail-card div:last-child,dl.detail-card div:last-child{border-bottom:0}dt{color:var(--muted)}dd{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}.form-grid label{display:grid;gap:.35rem}.form-grid .wide{grid-column:1/-1}.live-actions{margin:1rem 0}.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}footer{display:flex;gap:1rem;justify-content:center;align-items:center;padding:1.5rem 0 3rem;text-align:center}@media(max-width:760px){.topbar,.notice,.section-head{flex-direction:column;align-items:stretch}.brand-lockup{align-items:center}.brand-logo{width:64px;height:64px}.form-grid,.playback-layout,.state-grid{grid-template-columns:1fr}.button-row>*{flex:1}.media-grid{grid-template-columns:1fr}video{min-height:200px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}