.mv{color:var(--ink);font-family:var(--font-text);position:relative}.mv-main{display:flex;position:relative}.mv-stage{aspect-ratio:16/9;border:var(--stroke) solid var(--line-strong);border-radius:var(--radius);background-color:var(--surface-2);outline:none;flex:1;min-width:0;position:relative;overflow:hidden}.mv-stage:focus-visible{box-shadow:0 0 0 2px var(--accent)}.mv-stage.is-active{border-color:var(--accent)}.mv-poster,.mv-canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.mv-poster{object-fit:contain;transition:opacity .3s var(--ease);pointer-events:none}.mv-poster.is-hidden{opacity:0}.mv-progress{text-align:center;width:min(14rem,60%);position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.mv-progress span{background:var(--accent);height:2px;transition:width .2s linear;display:block}.mv-progress em{font:400 var(--text-xs) var(--font-mono);color:var(--muted);margin-top:.4rem;font-style:normal;display:block}.mv-load{border:var(--stroke) solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:500 var(--text-sm) var(--font-mono);cursor:pointer;padding:.6rem 1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mv-load span{color:var(--muted)}.mv-load:hover{background:var(--ink);color:var(--bg)}.mv-error{border:var(--stroke) solid var(--line-strong);background:var(--surface);font-size:var(--text-sm);padding:.75rem 1rem;position:absolute;inset:auto 1rem 1rem}.mv-error a{font-weight:500}.mv-hint{pointer-events:none;opacity:0;transition:opacity .2s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.mv-stage:hover .mv-hint.is-shown,.mv-stage:focus-visible .mv-hint{opacity:1}.mv-hint span{border-radius:var(--radius);background:var(--ink);color:var(--bg);font:500 var(--text-xs) var(--font-mono);letter-spacing:.04em;padding:.35rem .7rem}@media (hover:none){.mv-hint{opacity:1;place-items:end center;padding-bottom:2.6rem}.mv-hint span:after{content:" (tap)"}}.mv-dims{font:400 var(--text-xs) var(--font-mono);color:var(--ink-2);pointer-events:none;position:absolute;bottom:.6rem;left:.75rem}.mv-dims-k{color:var(--muted);margin-right:.35rem}.mv-exit{z-index:2;border:var(--stroke) solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:500 var(--text-xs) var(--font-mono);cursor:pointer;padding:.35rem .7rem;position:absolute;top:.75rem;right:.75rem}.mv-toolbar{font:400 var(--text-xs) var(--font-mono);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 0;display:flex}.mv-group{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.mv-group-k,.mv-slider>span{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin-right:.35rem}.mv-end{margin-left:auto}.mv-toolbar button{border:var(--stroke) solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:2rem;color:var(--ink-2);font:inherit;cursor:pointer;padding:0 .6rem}.mv-toolbar button:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.mv-toolbar button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.mv-toolbar button:disabled{opacity:.45;cursor:default}.mv-slider{align-items:center;gap:.4rem;display:inline-flex}.mv-slider output{min-width:3ch;color:var(--ink-2)}.mv input[type=range]{width:8rem;accent-color:var(--accent)}.mv-parts{border:var(--stroke) solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:15rem;max-height:100%;font-size:var(--text-sm);flex:none;margin-left:.5rem;padding:.75rem;overflow:auto}.mv-main:has(.mv-parts) .mv-stage{aspect-ratio:auto;min-height:24rem}.mv-parts-h{font:500 var(--text-xs) var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:.5rem;display:flex}.mv-parts ul{margin:0;padding:0;list-style:none}.mv-parts li button{border-radius:var(--radius);width:100%;color:var(--ink-2);font:400 var(--text-sm) var(--font-mono);text-align:left;cursor:pointer;background:0 0;border:0;padding:.3rem .4rem;display:block}.mv-parts li button:hover,.mv-parts li button:focus-visible{background:var(--accent-soft);color:var(--ink)}.mv-parts li button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.mv-part-info{border-top:var(--stroke) solid var(--line);gap:.35rem;margin-top:.75rem;padding-top:.75rem;display:grid}.mv-part-name{font-weight:600}.mv-part-info span{font:500 .625rem var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted)}.mv-part-note,.mv-part-tip{color:var(--muted);font-size:var(--text-xs)}.mv-part-tip{margin-top:.75rem}.mv-link{color:var(--accent);font:500 var(--text-xs) var(--font-mono);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}@media (width<=720px){.mv-main{flex-direction:column}.mv-parts{width:auto;max-height:14rem;margin:.5rem 0 0}.mv-main:has(.mv-parts) .mv-stage{aspect-ratio:4/3;min-height:0}.mv-end{margin-left:0}.mv-stage{aspect-ratio:4/3}}.mv.is-fs{background:var(--bg);flex-direction:column;padding:.75rem;display:flex}.mv.is-fs .mv-main{flex:1;min-height:0}.mv.is-fs .mv-stage{aspect-ratio:auto;height:100%}.mv.is-pseudo-fs{z-index:1000;position:fixed;inset:0}.mv--hero .mv-stage{background-image:none;background-color:var(--surface-2);aspect-ratio:4/3;border:0}.mv-hero-link{justify-content:flex-end;align-items:flex-end;padding:.75rem;text-decoration:none;display:flex;position:absolute;inset:0}.mv-hero-link span{border:var(--stroke) solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font:500 var(--text-xs) var(--font-mono);opacity:.85;transition:opacity .15s var(--ease);padding:.3rem .6rem}.mv-hero-link:hover span,.mv-hero-link:focus-visible span{opacity:1;border-color:var(--accent)}.mv--hero .mv-load{display:none}.mv--hero .mv-progress{top:1rem;bottom:auto}.mv-hero-link i{font-style:normal}.mv-tap{display:none}@media (hover:none){.mv-click{display:none}.mv-tap{display:inline}}.mv--poster .mv-stage{aspect-ratio:auto;background:0 0;border:0;width:1600px;height:900px}.mv--poster .mv-poster,.mv--poster .mv-load{display:none}
