:is(body:has(.buyer-shell),body:has(.embedded-shell)){min-width:0}.tutorial{background:var(--color-surface);min-width:0;height:100dvh;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.tutorial [data-slot=button]{min-height:var(--size-touch);border-radius:var(--radius-field);font-size:var(--font-size-label);font-family:inherit}.tutorial [data-slot=button][data-size=icon]{width:var(--size-touch);padding:10px}.tutorial-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.tutorial-layout,.tutorial-dock-layout{gap:var(--space-8);width:100%;max-width:1280px;padding-inline:var(--space-8);grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);margin:auto;display:grid}.tutorial-layout{height:100%;padding-block:var(--space-6)}.tutorial-hero{background:var(--color-canvas);border-radius:var(--radius-surface);min-width:0;min-height:0;position:relative;overflow:hidden}.tutorial-player{height:100%;min-height:240px;position:relative}.tutorial-details-trigger{display:none}.tutorial-details-panel[data-slot=dialog-content]{border:0;border-left:1px solid var(--color-divider);background:var(--color-surface);width:min(400px,100vw - 24px);max-width:none;height:100dvh;max-height:100dvh;color:var(--color-text);font-family:var(--font-family-ui);border-radius:0;flex-direction:column;gap:0;padding:0;display:flex;inset:0 0 auto auto;translate:none}.tutorial-details-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-divider);display:flex}.tutorial-details-header h2{font-size:var(--font-size-label)}.tutorial-details-header [data-slot=button]{width:var(--size-touch);height:var(--size-touch)}.tutorial-details-body{overscroll-behavior:contain;min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:1;overflow-y:auto}.tutorial-speed{min-width:var(--size-touch);min-height:var(--size-touch);border-radius:var(--radius-field);font:inherit;border:0;justify-content:center;align-items:center;padding:10px;display:inline-flex}.tutorial-info{overscroll-behavior:contain;min-width:0;padding:var(--space-6) var(--space-1);overflow-y:auto}.tutorial-heading h1{font-size:var(--font-size-page-mobile);line-height:var(--line-height-heading)}.tutorial-heading>p{margin-top:var(--space-2);font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-description)}.tutorial-section{margin-top:var(--space-8)}.tutorial-section h2{font-size:var(--font-size-label);margin-bottom:var(--space-3)}.tutorial-parts{gap:var(--space-3);flex-direction:column;display:flex}.tutorial-parts>li{align-items:center;gap:var(--space-3);display:flex}.tutorial-parts .part-thumb{width:44px;height:44px}.tutorial-part-name{flex:1;min-width:0}.tutorial-part-name strong{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);display:block}.tutorial-part-name span{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-description);margin-top:2px;display:block}.tutorial-part-count{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap;margin-left:auto}.tutorial-tool{align-items:center;gap:var(--space-3);font-size:var(--font-size-label);display:flex}.tutorial-tool-icon{border-radius:var(--radius-label);background:var(--color-canvas);width:44px;height:44px;color:var(--color-text-secondary);place-items:center;display:grid}.tutorial-tool-icon svg{width:22px;height:22px}.tutorial-footnote{margin-top:var(--space-6);font-size:var(--font-size-caption);line-height:var(--line-height-description);color:var(--color-text-secondary)}.tutorial-dock{padding-block:var(--space-3) max(var(--space-4), env(safe-area-inset-bottom));background:0 0;flex-shrink:0}.tutorial-dock-controls{grid-column:2;min-width:0}.tutorial-primary[data-slot=button]{width:100%;min-height:var(--size-primary-mobile);color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-player)}.tutorial-primary[data-slot=button]:hover{background:var(--color-primary-hover)}.tutorial-actions{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:minmax(0,.65fr) minmax(0,1fr);display:grid}.tutorial-actions [data-slot=button]{min-height:var(--size-primary-mobile)}.tutorial-playback{align-items:center;gap:var(--space-2);min-width:0;display:flex}.tutorial-playback>[data-slot=button]{min-width:var(--size-touch);padding-inline:var(--space-2)}.tutorial-playback .tutorial-settings-trigger{margin-left:auto}.tutorial-playback-settings{z-index:30;width:min(320px,100vw - 32px);max-height:var(--radix-popover-content-available-height);padding:var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-surface);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover);font-family:var(--font-family-ui);overflow-y:auto}.tutorial-playback-settings header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.tutorial-playback-settings h2{font-size:var(--font-size-label)}.tutorial-playback-settings [data-slot=button]{min-height:var(--size-touch)}.tutorial-playback-settings header [data-slot=button]{min-width:var(--size-touch)}.tutorial-rate-options{gap:var(--space-1);margin-top:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tutorial-rate-options [data-slot=button][aria-pressed=true]{background:var(--color-quiet-hover);color:var(--color-action-text)}.tutorial-wake-lock{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-label);display:flex}.tutorial-wake-lock>span{align-items:center;gap:var(--space-2);display:flex}.tutorial-wake-lock svg{width:18px;height:18px}.tutorial-wake-switch{background:0 0;border:0;flex:none;width:44px;height:44px;padding:0;position:relative}.tutorial-wake-switch:before{content:"";background:var(--color-divider);border-radius:12px;position:absolute;inset:10px 0}.tutorial-wake-switch[data-state=checked]:before{background:var(--color-primary)}.tutorial-wake-switch>span{background:var(--color-surface);border-radius:50%;width:18px;height:18px;display:block;position:absolute;top:13px;left:3px}.tutorial-wake-switch[data-state=checked]>span{transform:translate(20px)}.tutorial-wake-switch:disabled{opacity:.5}.tutorial-wake-status{min-height:28px;font-size:var(--font-size-caption);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.tutorial-timeline{flex:1;min-width:0}.tutorial-timeline [data-slot=slider]{min-height:28px}.tutorial-timeline [data-slot=slider-track]{background:var(--color-progress-track);height:4px}.tutorial-timeline [data-slot=slider-range]{background:var(--color-action-text)}.tutorial-timeline [data-slot=slider-thumb]{background:var(--color-action-text);border:2px solid var(--color-surface);width:12px;height:12px;box-shadow:none}.tutorial-timeline [data-slot=slider-thumb]:hover{box-shadow:none}.tutorial-timecode{color:var(--color-text-secondary);font-size:var(--font-size-tiny);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-2px;display:flex}.tutorial-speed{font-variant-numeric:tabular-nums;flex-shrink:0;min-width:44px}.tutorial-speed-menu [role=menuitemradio]{min-height:var(--size-touch)}.tutorial-complete-icon{color:var(--color-action-text);width:32px;height:32px;margin-bottom:var(--space-5)}.tutorial-pending{margin-top:var(--space-6)}.tutorial-pending [data-slot=button]{white-space:normal;text-align:left;justify-content:space-between;width:100%}.tutorial-notice{padding:var(--space-2) var(--space-4);background:var(--color-warning-surface);color:var(--color-warning);font-size:var(--font-size-caption)}.tutorial-milestone{top:var(--space-4);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-success-surface);color:var(--color-success);box-shadow:var(--shadow-feedback);font-size:var(--font-size-label);z-index:4;white-space:nowrap;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tutorial-milestone svg{width:18px;height:18px}@media (width<=699px){.tutorial-playback .tutorial-settings-trigger{width:var(--size-touch);padding-inline:10px}.tutorial-settings-trigger>span{display:none}.tutorial-layout,.tutorial-dock-layout{padding:0;display:block}.tutorial-layout{height:auto;min-height:100%}.tutorial-hero{border-radius:0;height:60svh}.tutorial-info{padding:var(--space-6) var(--space-5) var(--space-8);overflow:visible}.tutorial-heading h1{font-size:var(--font-size-step-mobile)}.tutorial-section{margin-top:var(--space-6)}.tutorial-dock{padding-inline:var(--space-5)}.tutorial-embedded{padding-top:28px;padding-bottom:14px}.tutorial-embedded .tutorial-dock{padding-inline:var(--space-4);padding-bottom:var(--space-3)}}.tutorial-building{background:var(--color-canvas)}.tutorial-building .tutorial-scroll{overflow:hidden}.tutorial-building .tutorial-layout{max-width:none;height:100%;padding:0;display:block}.tutorial-building .tutorial-hero{border-radius:0;flex-direction:column;height:100%;display:flex}.tutorial-building .tutorial-player{flex:1;height:auto;min-height:0}.tutorial-scene-heading{width:100%;max-width:760px;max-height:30%;padding:var(--space-5) var(--space-5) 0;flex-shrink:0;margin-inline:auto;overflow-y:auto}.tutorial-scene-heading h1{margin-block:var(--space-1);font-size:var(--font-size-subheading);line-height:var(--line-height-heading)}.tutorial-scene-heading p{font-size:var(--font-size-small);line-height:var(--line-height-description);color:var(--color-text-secondary)}.tutorial-building .tutorial-dock-layout{max-width:560px;padding-inline:var(--space-5);display:block}.tutorial-building .tutorial-dock{padding-inline:0}@media (width<=299px){.tutorial-info{padding-inline:var(--space-3)}.tutorial-dock,.tutorial-embedded .tutorial-dock{padding-inline:var(--space-2)}.tutorial-heading h1{font-size:var(--font-size-subheading)}.tutorial-actions{gap:var(--space-2)}.tutorial-actions [data-slot=button]{gap:4px}.tutorial-actions svg{width:14px}}.tutorial-drawing{flex-shrink:0;justify-content:center;align-items:center;width:76px;height:56px;display:inline-flex}.tutorial-drawing img{object-fit:contain;width:100%;height:100%}.tutorial-step-info{background:var(--color-surface);border-radius:var(--radius-surface);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.tutorial-step-scroll{min-height:0;padding:var(--space-6);flex:1;overflow-y:auto}.tutorial-step-info .tutorial-scene-heading{max-height:none;padding:0;overflow:visible}.tutorial-step-info .tutorial-scene-heading h1{margin-block:var(--space-3);font-size:var(--font-size-page-mobile)}.tutorial-step-info .tutorial-section{margin-top:var(--space-6)}.tutorial-step-info .tutorial-parts{gap:var(--space-2)}.tutorial-step-info .tutorial-parts>li{min-height:56px;padding-block:var(--space-1);border-bottom:1px solid var(--color-border)}.tutorial-step-info .tutorial-tool{gap:var(--space-3)}.tutorial-repeat,.tutorial-step-tip{margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--radius-field);background:var(--color-canvas);font-size:var(--font-size-small);line-height:var(--line-height-description)}.tutorial-current-action{margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-small)}.tutorial-building .tutorial-layout{gap:var(--space-4);padding:var(--space-4);grid-template-columns:minmax(0,1fr) 360px;display:grid}.tutorial-building .tutorial-hero{border-radius:var(--radius-surface)}.tutorial-building .tutorial-dock-layout{gap:var(--space-4);max-width:none;padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr) 360px;display:grid}.tutorial-building .tutorial-dock-controls{grid-column:2}@media (width<=899px){.tutorial-building .tutorial-layout,.tutorial-building .tutorial-dock-layout{grid-template-columns:minmax(0,1fr) 300px}.tutorial-step-scroll{padding:var(--space-4)}}@media (width<=699px){.tutorial-full-preview .tutorial-scroll{overflow:hidden}.tutorial-full-preview{background:var(--color-canvas)}.tutorial-full-preview .tutorial-layout{flex-direction:column;gap:0;height:100%;padding:0;display:flex}.tutorial-full-preview .tutorial-hero{border-radius:0;flex-direction:column;flex:none;height:100%;min-height:230px;display:flex}.tutorial-full-preview .tutorial-player{flex:1;height:auto;min-height:0}.tutorial-full-preview .tutorial-layout>.tutorial-info,.tutorial-full-preview .tutorial-layout>.tutorial-step-info{display:none}.tutorial-details-trigger{right:var(--space-4);bottom:var(--space-4);min-height:var(--size-touch);background:var(--color-surface);color:var(--color-text);display:inline-flex;position:absolute}.tutorial-building .tutorial-step-info{border-radius:0;flex:none;overflow:visible}.tutorial-step-scroll{padding:var(--space-5);overflow:visible}.tutorial-building .tutorial-dock-layout{padding-inline:var(--space-4);display:block}.tutorial-step-info .tutorial-scene-heading h1{font-size:var(--font-size-subheading)}}.tutorial-actions .tutorial-primary{white-space:normal;line-height:1.35}