.image-viewport.svelte-1t2x4wu{overscroll-behavior:contain;max-height:60dvh;overflow:auto}.image-viewport.svelte-1t2x4wu:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.full-size-image.svelte-1t2x4wu{width:auto;max-width:none;height:auto;display:block}.control.svelte-1t2x4wu{border:1px solid var(--border);cursor:pointer;border-radius:.5rem;min-height:2.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.control.svelte-1t2x4wu:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.control[aria-disabled=true].svelte-1t2x4wu{opacity:.5;cursor:default}.hotspot.svelte-1t2x4wu{cursor:pointer}.hotspot[aria-disabled=true].svelte-1t2x4wu{cursor:default}.walkthrough.svelte-w42t8c{container-type:inline-size}.walkthrough-header.svelte-w42t8c{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.walkthrough-icon.svelte-w42t8c{background:color-mix(in srgb, var(--primary) 10%, transparent);width:32px;height:32px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.walkthrough-title.svelte-w42t8c{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.walkthrough-badge.svelte-w42t8c{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:12px}.replay-presentation.svelte-w42t8c{background:radial-gradient(130% 110% at 50% 0,oklch(28% .02 264) 0%,oklch(19% .015 264) 55%,oklch(14% .01 264) 100%);position:relative}.frame-reserve.svelte-w42t8c{aspect-ratio:16/10}.has-steps.svelte-w42t8c{--controls-height:68px}.replay-host.svelte-w42t8c{inset:0 0 var(--controls-height,0px);position:absolute}.replay-placeholder.svelte-w42t8c{inset:0 0 var(--controls-height,0px);text-align:center;color:#ffffffb8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute}.replay-highlight.svelte-w42t8c{pointer-events:none;border:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 15%, transparent);box-sizing:border-box;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent), 0 0 16px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:6px;position:absolute}.guide-panel.svelte-w42t8c{border-top:1px solid var(--border);background:var(--card);flex-direction:column;gap:14px;height:280px;padding:16px;display:flex}.guide-header.svelte-w42t8c{flex:none;align-items:center;gap:12px;display:flex}.guide-status.svelte-w42t8c{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.guide-progress.svelte-w42t8c{background:var(--muted);border-radius:999px;flex:1;height:6px;overflow:hidden}.guide-progress-fill.svelte-w42t8c{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--chart-2));height:100%;transition:width .2s}.guide-body.svelte-w42t8c{flex:1;grid-template-columns:minmax(0,1fr);gap:14px;min-height:0;display:grid}.guide-steps.svelte-w42t8c{overscroll-behavior:contain;min-height:0;margin:0;padding:0;list-style:none;display:none;overflow-y:auto}.guide-step.svelte-w42t8c{cursor:pointer;text-align:start;width:100%;min-height:40px;color:var(--muted-foreground);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.guide-step.svelte-w42t8c:hover{background:var(--muted);color:var(--foreground)}.guide-step[aria-current=true].svelte-w42t8c{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);font-weight:600}.guide-step-marker.svelte-w42t8c{background:var(--muted);width:24px;height:24px;color:var(--muted-foreground);border-radius:999px;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.guide-step[aria-current=true].svelte-w42t8c .guide-step-marker:where(.svelte-w42t8c){background:var(--primary);color:var(--primary-foreground)}.guide-step[data-completed=true].svelte-w42t8c .guide-step-marker:where(.svelte-w42t8c){background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.guide-step-title.svelte-w42t8c{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.guide-instruction.svelte-w42t8c{overflow-wrap:anywhere;min-height:0;overflow:auto}.replay-controls.svelte-w42t8c{height:var(--controls-height);box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.guide-button.svelte-w42t8c{border:1px solid var(--border);cursor:pointer;background:var(--background);min-height:44px;color:var(--foreground);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:14px;font-weight:500;transition:background .12s;display:inline-flex}.guide-button.svelte-w42t8c:hover:not(:disabled){background:var(--muted)}.guide-button--on-dark.svelte-w42t8c{color:#fff;background:#ffffff1a;border-color:#ffffff40}.guide-button--on-dark.svelte-w42t8c:hover:not(:disabled){background:#ffffff2e}.guide-button.svelte-w42t8c:disabled{opacity:.55;cursor:default}.guide-button.svelte-w42t8c:focus-visible,.guide-step.svelte-w42t8c:focus-visible,.guide-instruction.svelte-w42t8c:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@container (width>=640px){.guide-body.svelte-w42t8c{grid-template-columns:200px minmax(0,1fr)}.guide-steps.svelte-w42t8c{flex-direction:column;gap:2px;display:flex}}.replay-host.svelte-w42t8c .rr-player{float:none;box-shadow:none;background:0 0;border-radius:0;height:auto!important}