@layer components{.mv-frame{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.mv-stage,.mv-thumb__media{background:radial-gradient(110% 85% at 50% 38%,#26303d 0%,#161b24 52%,#0a0d13 100%)}.mv-stage{isolation:isolate;aspect-ratio:4/3;position:relative;overflow:hidden}@media (min-width:768px){.mv-stage{aspect-ratio:16/9}}@media (min-width:1024px){.mv-stage{aspect-ratio:auto;height:clamp(26rem,66vh,40rem)}}.mv-poster{object-fit:contain;pointer-events:none;transition:opacity .36s ease-out}.mv-poster[data-hidden]{opacity:0}.mv-host{opacity:0;transition:opacity .36s ease-out;position:absolute;inset:0}.mv-host[data-ready]{opacity:1}.mv-host model-viewer{--poster-color:transparent;background:0 0;width:100%;height:100%;display:block}.mv-host model-viewer:focus-visible{outline:2px solid var(--beam-1);outline-offset:-2px}.mv-progress{background:var(--beam-1);transform-origin:0;height:2px;transition:transform .2s ease-out;position:absolute;bottom:0;left:0;right:0}.mv-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px;display:flex}.mv-views{border:1px solid var(--line);border-radius:var(--radius-btn);flex:100%;grid-template-columns:repeat(4,auto);display:grid;overflow:hidden}@media (min-width:640px){.mv-views{flex:0 auto}}.mv-views button{white-space:nowrap;min-height:42px;font-family:var(--font-heading);letter-spacing:-.01em;color:var(--fg-muted);padding:0 10px;font-size:.9375rem;font-weight:500;transition:color .15s ease-out,background-color .15s ease-out}@media (min-width:640px){.mv-views button{padding:0 16px}}.mv-views button+button{border-left:1px solid var(--line)}.mv-views button:hover:not(:disabled){color:var(--fg);background:var(--bg-2)}.mv-views button[aria-pressed=true]{color:var(--fg);background:var(--bg-2);box-shadow:inset 0 -2px 0 var(--beam-1)}.mv-views button:focus-visible,.mv-btn:focus-visible,.mv-thumb:focus-visible{outline:2px solid var(--beam-1);outline-offset:-2px}.mv-actions{flex-wrap:wrap;flex:100%;gap:6px;display:flex}@media (min-width:640px){.mv-actions{flex:0 auto;gap:8px;margin-left:auto}}.mv-btn{border:1px solid var(--line);border-radius:var(--radius-btn);min-width:42px;min-height:42px;font-family:var(--font-heading);letter-spacing:-.01em;color:var(--fg-muted);justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:.9375rem;font-weight:500;transition:color .15s ease-out,border-color .15s ease-out;display:inline-flex}@media (min-width:640px){.mv-btn{padding:0 14px}}.mv-btn--icon{padding:0}.mv-btn:hover:not(:disabled){color:var(--fg);border-color:var(--line-strong)}.mv-btn[aria-pressed=true]{color:var(--fg);border-color:var(--beam-1)}.mv-btn svg{color:var(--beam-1)}.mv-views button:disabled,.mv-btn:disabled{cursor:default}.mv-readout{border-top:1px solid var(--line);background:var(--bg-0);flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding:12px 16px 14px;display:flex}.mv-facts{flex-wrap:wrap;gap:6px 28px;display:flex}.mv-facts>div{align-items:baseline;gap:10px;display:flex}.mv-facts dt{color:var(--fg-muted);font-size:.875rem}.mv-facts dd{font-family:var(--font-mono);font-feature-settings:"tnum";color:var(--fg);font-size:.875rem}.mv-hint{color:var(--fg-muted);font-size:.875rem}@media (min-width:640px){.mv-hint{margin-left:auto}}.mv-frame:fullscreen{background:var(--bg-0);border:0;border-radius:0}.mv-frame:fullscreen .mv-stage{aspect-ratio:auto;flex:auto;height:auto;min-height:0}.mv-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:640px){.mv-thumbs{grid-template-columns:repeat(auto-fill,minmax(10rem,15rem))}}.mv-thumb{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-1);text-align:left;flex-direction:column;width:100%;height:100%;transition:border-color .15s ease-out;display:flex;overflow:hidden}.mv-thumb:hover{border-color:var(--line-strong)}.mv-thumb[aria-pressed=true]{border-color:var(--beam-1);box-shadow:inset 0 0 0 1px var(--beam-1)}.mv-thumb__media{aspect-ratio:4/3;border-bottom:1px solid var(--line);display:block;position:relative}.mv-thumb__media img{object-fit:contain}.mv-thumb__label{color:var(--fg);padding:10px 12px 12px;font-size:.9375rem;line-height:1.35}}