@layer base;@layer modules{.vid{padding:18px}.vid__frame{aspect-ratio:16/9;background:linear-gradient(135deg,#144240,#0a2a4a);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.vid__play{width:56px;height:56px;color:var(--brand);box-shadow:var(--shadow-lg);background:#ffffffeb;border-radius:50%;place-items:center;font-size:20px;display:grid}.vid__cap{text-align:center;position:absolute;bottom:14px;left:0;right:0}.vid__cap span{color:#fff;background:#0000008c;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600}.vid__badge{color:var(--ink);background:#ffffffeb;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.vid__tl{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.vid__scene{border:1px solid var(--line);background:var(--surface-2);text-align:center;border-radius:8px;padding:8px}.vid__scene b{color:var(--ink);font-size:11px;font-weight:700;display:block}.vid__scene span{color:var(--muted);font-size:10px}.vid__scene--on{border-color:var(--brand);box-shadow:0 0 0 2px #0080802e}.vid__bar{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}.vid__ready{color:#168f5b;font-weight:700}}@layer responsive;