.lv{flex-direction:column;gap:10px;display:flex}.lv-stage{border:1px solid var(--line-2,#2c3542);aspect-ratio:4/3;background:#000;border-radius:14px;position:relative;overflow:hidden}.lv-img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .16s ease-out;position:absolute;inset:0}.lv-img.lv-on{opacity:1}.lv-empty{color:var(--ghost,#5a6270);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:14px;line-height:1.5;display:flex;position:absolute;inset:0}.lv-empty .lv-lede{color:var(--dim,#8b93a1);letter-spacing:.02em}.lv-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lv-pill{border:1px solid var(--line,#232a35);color:var(--dim,#8b93a1);background:linear-gradient(180deg, var(--panel,#12161d), var(--bg-2,#0b0e13));white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;display:inline-flex}.lv-pill.lv-live{color:#fecdd3;background:var(--bad-dim,#3a161a);border-color:#ef444480}.lv-pill.lv-fallback{color:#fde68a;background:#f59e0b24;border-color:#f59e0b80}.lv-dot{background:var(--ghost,#5a6270);border-radius:50%;flex:none;width:8px;height:8px}.lv-dot.lv-dot-live{background:var(--bad,#ef4444)}.lv-dot.lv-dot-fallback{background:var(--warn,#f59e0b);box-shadow:0 0 8px #f59e0b99}.lv-fps{font-variant-numeric:tabular-nums;color:var(--ink,#e9edf2)}.lv-fps em{color:var(--ghost,#5a6270);margin-left:4px;font-style:normal}.lv-device{color:var(--ghost,#5a6270);letter-spacing:.18em;text-transform:uppercase;margin-left:auto;font-size:11px}.lv-note{color:var(--ghost,#5a6270);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.lv-img{transition:none}}
.ap{flex-direction:column;gap:10px;display:flex}.ap:focus{outline:none}.ap-stage{border:1px solid var(--line-2,#2c3542);background:#000;border-radius:14px;transition:border-color .14s ease-out;position:relative;overflow:hidden}.ap-canvas{object-fit:contain;width:100%;height:100%;display:block}.ap-veil{text-align:center;background:linear-gradient(#080a0db8,#080a0deb);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.ap-lede{color:var(--dim,#8b93a1);letter-spacing:.02em;word-break:break-all;margin:0;font-size:14px}.ap-lede.ap-bad{color:#fecdd3}.ap-fine{color:var(--ghost,#5a6270);font-variant-numeric:tabular-nums;margin:0;font-size:12px;line-height:1.5}.ap-load{appearance:none;cursor:pointer;font:inherit;color:var(--ink,#e9edf2);background:linear-gradient(180deg, var(--panel-2,#171c25), var(--bg-2,#0b0e13));border:1px solid #38bdf880;border-radius:999px;padding:9px 18px;font-size:13px;box-shadow:0 0 12px #38bdf82e}.ap-load:hover{border-color:var(--accent,#38bdf8)}.ap-progress{background:var(--line,#232a35);border-radius:999px;width:min(240px,70%);height:4px;overflow:hidden}.ap-progress span{background:var(--accent,#38bdf8);height:100%;box-shadow:0 0 8px var(--glow,#38bdf880);transition:width .12s linear;display:block}.ap-scrub{align-items:center;gap:10px;display:flex}.ap-time{font-variant-numeric:tabular-nums;color:var(--ink,#e9edf2);min-width:46px;font-size:12px}.ap-time.ap-total{color:var(--ghost,#5a6270);text-align:right}.ap-seek{appearance:none;cursor:pointer;background:0 0;flex:1;height:22px}.ap-seek::-webkit-slider-runnable-track{background:var(--line,#232a35);border-radius:999px;height:4px}.ap-seek::-moz-range-track{background:var(--line,#232a35);border-radius:999px;height:4px}.ap-seek::-webkit-slider-thumb{appearance:none;background:var(--accent,#38bdf8);width:14px;height:14px;box-shadow:0 0 10px var(--glow,#38bdf880);border-radius:50%;margin-top:-5px}.ap-seek::-moz-range-thumb{background:var(--accent,#38bdf8);width:14px;height:14px;box-shadow:0 0 10px var(--glow,#38bdf880);border:0;border-radius:50%}.ap-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ap-btn{appearance:none;cursor:pointer;min-width:40px;height:34px;font:inherit;color:var(--ink,#e9edf2);border:1px solid var(--line,#232a35);background:linear-gradient(180deg, var(--panel,#12161d), var(--bg-2,#0b0e13));border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;line-height:1;display:inline-flex}.ap-btn:hover:not(:disabled){border-color:var(--line-2,#2c3542)}.ap-btn:disabled{cursor:default;opacity:.4}.ap-btn.ap-primary{color:var(--accent,#38bdf8);border-color:#38bdf873}.ap-btn.ap-off{color:var(--ghost,#5a6270)}.ap-speeds{border:1px solid var(--line,#232a35);border-radius:10px;margin-left:auto;display:inline-flex;overflow:hidden}.ap-speed{appearance:none;cursor:pointer;border:0;border-left:1px solid var(--line,#232a35);height:34px;font:inherit;font-variant-numeric:tabular-nums;color:var(--dim,#8b93a1);background:var(--bg-2,#0b0e13);padding:0 10px;font-size:12px}.ap-speed:first-child{border-left:0}.ap-speed.ap-speed-on{color:var(--ink,#e9edf2);background:var(--panel-2,#171c25);box-shadow:inset 0 -2px 0 var(--accent,#38bdf8)}.ap-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ap-chip{border:1px solid var(--line,#232a35);color:var(--dim,#8b93a1);background:linear-gradient(180deg, var(--panel,#12161d), var(--bg-2,#0b0e13));white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;display:inline-flex}.ap-dl{color:var(--accent,#38bdf8);white-space:nowrap;margin-left:auto;font-size:12px;text-decoration:none}.ap-dl:hover{text-decoration:underline}.ap-note{color:var(--warn,#f59e0b);margin:0;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.ap-stage,.ap-progress span{transition:none}}.ap:focus-visible .ap-stage{border-color:var(--accent,#38bdf8);box-shadow:0 0 0 1px var(--glow,#38bdf880)}