.tutorial-player:fullscreen{background:#000;border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;display:flex}.tutorial-player:fullscreen .tutorial-player-stage{flex:1;min-height:0}.tutorial-player:fullscreen video{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;max-height:none;position:absolute;inset:0}.tutorial-player:fullscreen .tutorial-player-controls{padding-bottom:max(.5rem, env(safe-area-inset-bottom));color:#fff;background:#101820;flex-shrink:0}.tutorial-player:fullscreen .tutorial-player-controls select option{color:#fff;background:#101820}.tutorial-player:fullscreen .tutorial-player-controls .text-muted-foreground{color:#cbd5e1}.tutorial-viewer-body{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.tutorial-viewer-screen{background:var(--color-background);justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px;display:flex}.tutorial-viewer-screen>.tutorial-player:not(:fullscreen){width:100%}.tutorial-viewer-screen video{max-height:calc(94dvh - 180px)}.tutorial-viewer-list{border-left:1px solid var(--color-border-subtle);min-width:0;min-height:0;display:flex}.tutorial-viewer-list>div{border-top:0}@media (width<=1023px){.tutorial-viewer-body{flex-direction:column;display:flex;overflow-y:auto}.tutorial-viewer-screen{flex:1 0 auto;padding:12px}.tutorial-viewer-screen video{max-height:max(160px,94dvh - 320px)}.tutorial-viewer-list{border-left:0;border-top:1px solid var(--color-border-subtle);flex:none}.tutorial-viewer-list ol{scroll-snap-type:x proximity;gap:8px;padding:0 12px 12px;display:flex;overflow:auto hidden}.tutorial-viewer-list li{scroll-snap-align:center;flex:0 0 220px;margin:0}.tutorial-viewer-list li>button{background:var(--color-card);border-color:var(--color-border-subtle);flex-wrap:wrap;align-content:start;gap:8px;height:100%}.tutorial-viewer-list li>button[aria-current]{background:var(--color-accent-subtle);border-color:var(--color-accent-active)}.tutorial-viewer-list li>button>span:last-child{flex-basis:100%}.tutorial-viewer-list li img{width:96px}}