.lo .vod-note{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:14px}.lo .lo-tab-head>.note:has(>.vod-note){padding:0;border:0;border-radius:0;background:none}.lo .vod>.lo-tab-head:has(>.note>.vod-note){margin:0 calc(var(--hub-pad, 20px) * -1) 14px;padding:0 var(--hub-pad,20px) 12px;border-bottom:1px solid var(--line)}.lo .vod-error{margin:0 0 8px;color:var(--danger);font-size:13px}.lo .vod-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0 0 14px}.lo .vod-stat{display:grid;grid-gap:2px;gap:2px;min-width:0;padding:12px 14px;border-radius:10px;background:#f7f8fa}.lo .vod-stat span{color:var(--muted);font-size:13px}.lo .vod-stat b{color:var(--ink);font-size:21px;line-height:1.4;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lo .vod-stat small{color:var(--muted);font-size:11px}.lo .vod-list{display:grid;grid-gap:10px;gap:10px;margin:0 0 10px;padding:0;list-style:none}.lo .vod-row{position:relative;display:grid;grid-template-columns:20px 128px minmax(0,1fr) minmax(150px,210px) 76px auto;grid-template-areas:"grip tile main rate state edit";align-items:center;grid-gap:12px;gap:12px;padding:12px 20px 12px 18px;border:1px solid transparent;border-radius:10px;background:#f7f8fa}.lo .vod-row.is-new{border-color:#9cc3ff;background:#eef5ff}.lo .vod-row[data-dragging]{opacity:.45}.lo .vod-row[data-drop=after]:after,.lo .vod-row[data-drop=before]:before{content:"";position:absolute;right:0;left:0;height:2px;border-radius:1px;background:var(--accent);pointer-events:none}.lo .vod-row[data-drop=before]:before{top:-6px}.lo .vod-row[data-drop=after]:after{bottom:-6px}.lo .vod-grip{grid-area:grip;display:inline-flex;align-items:center;justify-content:center;height:32px;border-radius:var(--radius-control);color:var(--muted);cursor:-webkit-grab;cursor:grab}.lo .vod-grip:hover{color:var(--ink)}.lo .vod-grip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.lo .vod-tile{position:relative;display:grid;grid-area:tile;place-items:center;width:128px;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:8px;background:#e3edff;color:var(--accent);font:inherit;cursor:pointer}.lo span.vod-tile{cursor:default}.lo .vod-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lo .vod-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lo .vod-tile-no{position:absolute;top:6px;left:8px;color:var(--ink);font-size:12px;font-weight:700}.lo .vod-tile img~.vod-tile-no{padding:0 6px;border-radius:999px;background:rgb(15 23 42/72%);color:#fff}.lo .vod-tile-play{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgb(15 23 42/18%);color:var(--accent)}.lo .vod-tile-len{position:absolute;right:6px;bottom:6px;padding:0 5px;border-radius:4px;background:rgb(15 23 42/78%);color:#fff;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lo .vod-tile.is-empty{gap:2px;align-content:center;border:1px dashed #c7cdd8;background:var(--surface);color:var(--muted);font-size:11px}.lo .vod-main{grid-area:main;display:grid;grid-gap:4px;gap:4px;min-width:0}.lo .vod-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}.lo .vod-title b{min-width:0;color:var(--ink);font-size:16px;word-break:keep-all}.lo .vod-chip{flex:none;padding:1px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.lo .vod-new{flex:none;color:var(--ok);font-size:11px;font-weight:800;letter-spacing:.3px}.lo .vod-meta{color:var(--muted);font-size:13px}.lo .vod-rate{grid-area:rate;display:grid;grid-gap:6px;gap:6px;min-width:0}.lo .vod-bar{position:relative;display:block;height:6px;overflow:hidden;border-radius:999px;background:#e5e7eb}.lo .vod-bar i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--accent-bright);transition:width .2s}.lo .vod-rate-text{color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lo .vod-rate-text b{color:var(--ink)}.lo .vod-wait{color:var(--muted);font-size:13px}.lo .vod-state{grid-area:state;justify-self:start;padding:2px 9px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}.lo .vod-state.is-open{background:#ecf7f0;color:var(--ok)}.lo .vod-state.is-reserved{background:#edf3ff;color:var(--accent)}.lo .vod-state.is-draft{background:#f0f2f5;color:var(--ink)}.lo .vod-edit{grid-area:edit;justify-self:end;background:var(--surface)}.lo .vod .ui-button--fill{font-weight:700}.lo .vod-link .ui-button{font-size:14px;font-weight:600}.lo .vod-dialog .ui-dialog-foot .ui-button{font-weight:400}.lo .vod-dialog .ui-dialog-foot .ui-button--fill{font-weight:700}.lo .vod .ui-button:not(.ui-button--fill,.ui-button--text,.ui-button--danger,.vod-delete,:hover,:disabled){border-color:var(--line)}.lo .vod-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:46px;margin:0 0 12px;padding:8px 12px;border:2px dashed #d5d8dc;border-radius:12px;background:var(--surface);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.lo .vod-add b{color:var(--accent)}.lo .vod-add:hover{border-color:var(--accent)}.lo .vod-live-line{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:8px;background:#f7f8fa;color:var(--muted);font-size:13px}.lo .vod-live-line>span{flex:1 1;min-width:0}.lo .vod-live-line b{color:var(--ink)}.lo .vod-live-line .ui-button--text{color:var(--muted);font-size:inherit;font-weight:400}.lo .vod-live-line .ui-button--text:hover{color:var(--ink)}.lo .vod-dialog .ui-dialog-foot{align-items:center}.lo .vod-foot-gap{flex:1 1}.vod-student{--fam-chip-bg:var(--canvas);--fam-chip-line:var(--line);--fam-row-line:var(--line);--fam-ok:var(--ok);--fam-alert:var(--alert)}.lo .vod-foot-note{flex:1 1;color:var(--muted);font-size:13px}.lo .vod-delete,.lo .vod-delete:hover{border-color:transparent;background:var(--danger);color:#fff}.lo .vod-delete:hover{filter:brightness(.95)}.lo .vod-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}.lo .vod-form{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px}.lo .vod-field{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:6px;gap:6px;min-width:0;margin:0;padding:0;border:0}.lo .vod-label{color:var(--ink);font-size:14px;font-weight:700}.lo .vod-label small{color:var(--muted);font-size:13px;font-weight:400}.lo .vod-sub{margin-top:4px}.lo .vod-form textarea{height:80px;min-height:64px;resize:vertical}.lo .vod-source{display:flex;flex-wrap:wrap;gap:6px}.lo .vod-source>button,.lo .vod-source>label{position:relative;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.lo .vod-source>button[aria-pressed=true],.lo .vod-source>label.is-on{border-color:#1f2937;background:#1f2937;color:#fff}.lo .vod-source>button:disabled{opacity:.6;cursor:default}.lo .vod-attach input,.lo .vod-source input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lo .vod-attach:focus-within,.lo .vod-source>label:focus-within{outline:2px solid var(--accent-bright);outline-offset:2px}.lo .vod-link{display:flex;gap:6px}.lo .vod-link .ui-input{flex:1 1;min-width:0}.lo .vod-picked{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:#f7f8fa}.lo .vod-tile-sm{width:96px;flex:none}.lo .vod-tile-sm .vod-tile-play{width:22px;height:22px}.lo .vod-tile-sm .vod-tile-len{right:4px;bottom:4px;padding:0 4px;font-size:11px;line-height:1.45}.lo .vod-picked-body{display:grid;flex:1 1;grid-gap:2px;gap:2px;min-width:0}.lo .vod-picked-body b{color:var(--ink);font-size:14px}.lo .vod-picked-body b,.lo .vod-picked-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lo .vod-picked-body span{color:var(--muted);font-size:13px}.lo .vod-x{display:inline-grid;flex:none;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.lo .vod-attach,.lo .vod-x{color:var(--ink);cursor:pointer}.lo .vod-attach{position:relative;display:inline-flex;justify-self:start;align-items:center;gap:4px;height:30px;padding:0 12px;border:1px dashed #c7cdd8;border-radius:8px;font-size:13px;font-weight:700}.lo .vod-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.lo .vod-seg{display:flex;gap:2px;min-width:0;margin:0;padding:3px;border:0;border-radius:10px;background:#f1f3f6}.lo .vod-seg button{flex:none;height:30px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.lo .vod-seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgb(15 23 42/10%)}.lo .vod-date{width:auto}.lo .vod-guard-box{gap:0}.lo .vod-guard-box legend{margin-bottom:6px;padding:0}.lo .vod-check{display:flex;align-items:center;gap:8px;padding:3px 12px;background:#f7f8fa;color:var(--ink);font-size:13px}.lo :is(.vod-check,.vod-notice) input[type=checkbox]{width:14px;height:14px}.lo .vod-check:first-of-type{padding-top:10px;border-radius:10px 10px 0 0}.lo .vod-check:last-of-type{padding-bottom:10px;border-radius:0 0 10px 10px}.lo .vod-check small{color:var(--muted);font-size:12px}.lo .vod-check input[type=checkbox]:disabled:checked{border-color:#c9ccd1;background-color:#c9ccd1;opacity:1}.lo .vod-notice{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:14px}.lo .vod-guard,.lo .vod-notice small{color:var(--muted);font-size:13px}.lo .vod-guard{margin:20px 0 22px;padding:10px 14px 10px 34px;border-radius:10px;background:#f7f8fa;text-align:left}.lo .vod-guard b{color:var(--ink)}.lo .vod-preview-title{display:grid;grid-gap:2px;gap:2px}.lo .vod-preview-title b{color:var(--ink);font-size:15px}.lo .vod-preview-title span{color:var(--muted);font-size:13px}@media (max-width:700px){.lo .vod-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lo .vod-stat small,.lo .vod-stat-people{display:none}.lo .vod-row{grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:none;gap:8px 12px;padding:12px}.lo .vod-grip{display:none}.lo .vod-row>.vod-tile{grid-area:1/1/3/2;width:88px;align-self:start}.lo .vod-row .vod-tile-play{display:none}.lo .vod-row .vod-bar{height:8px}.lo .vod-stat b{font-size:18px}.lo .vod-label small{font-size:14px}.lo .vod-main{grid-area:1/2/2/4}.lo .vod-state{grid-area:2/2/3/3;justify-self:start;align-self:center}.lo .vod-edit{grid-area:2/3/3/4}.lo .vod-rate{grid-area:3/1/4/4}.lo .vod-pair{grid-template-columns:minmax(0,1fr)}.lo .vod-live-line{flex-wrap:wrap}.lo .vod-live-line>svg{display:none}.lo .vod-dialog>.ui-dialog-foot,.lo .vod-dialog>.ui-dialog-head{position:static}.lo .vod-dialog .ui-dialog-head h2{font-size:17px}.lo .vod-dialog>.ui-dialog-foot:has(>.vod-foot-note){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.lo .vod-dialog>.ui-dialog-foot>.vod-foot-note{grid-row:1/span 2}.lo .vod-dialog>.ui-dialog-foot:has(>.vod-foot-note)>.ui-button{justify-self:end}}