.tutorial-backdrop.svelte-bkrtgx{position:fixed;inset:0;background:#000000b3;z-index:900;display:flex;align-items:center;justify-content:center;padding:1rem}.tutorial-dialog.svelte-bkrtgx{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 24px 64px #0009;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;outline:none}.dialog-header.svelte-bkrtgx{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.header-left.svelte-bkrtgx{display:flex;align-items:baseline;gap:.625rem}.header-title.svelte-bkrtgx{font-size:.875rem;font-weight:600;color:var(--color-text)}.header-step.svelte-bkrtgx{font-size:.75rem;color:var(--color-text-muted)}.close-btn.svelte-bkrtgx{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.875rem;padding:.625rem;min-width:2.75rem;min-height:2.75rem;line-height:1;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.close-btn.svelte-bkrtgx:hover{color:var(--color-text);background:var(--color-surface-hover)}.close-btn.svelte-bkrtgx:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.step-dots.svelte-bkrtgx{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem 0;flex-shrink:0}.step-dot.svelte-bkrtgx{position:relative;width:8px;height:8px;padding:0;border-radius:50%;border:none;cursor:pointer;background:var(--color-border);transition:background .2s,width .15s,height .15s}.step-dot.svelte-bkrtgx:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.step-dot.active.svelte-bkrtgx{width:10px;height:10px;background:var(--dot-color, var(--color-primary))}.step-dot.visited.svelte-bkrtgx{background:var(--dot-color, var(--color-primary));opacity:.45}.step-dot.svelte-bkrtgx:hover:not(.active){background:var(--dot-color, var(--color-primary));opacity:.7}.step-dot.svelte-bkrtgx:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stage-content.svelte-bkrtgx{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.875rem;flex:1}.stage-title-row.svelte-bkrtgx{display:flex;align-items:center;gap:.5rem}.status-dot.svelte-bkrtgx{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stage-title.svelte-bkrtgx{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0}.phase-badge.svelte-bkrtgx{font-size:.6875rem;color:var(--color-text-muted);padding:.125rem .375rem;border-radius:.25rem;background:var(--color-surface-hover);border:1px solid var(--color-border);white-space:nowrap}.image-wrap.svelte-bkrtgx{border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg);line-height:0}.stage-image.svelte-bkrtgx{width:100%;height:auto;display:block}.prose-section.svelte-bkrtgx{display:flex;flex-direction:column;gap:.625rem}.prose-block.svelte-bkrtgx{display:flex;flex-direction:column;gap:.25rem}.prose-label.svelte-bkrtgx{font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.125rem .5rem;border-radius:.25rem;width:fit-content}.ai-label.svelte-bkrtgx{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.human-label.svelte-bkrtgx{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.prose-text.svelte-bkrtgx{font-size:.875rem;line-height:1.6;color:var(--color-text);margin:0}.cta-btn.svelte-bkrtgx{display:inline-flex;align-items:center;gap:.25rem;min-height:2.75rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-primary);border-radius:.375rem;color:var(--color-primary);font-size:.8125rem;font-weight:500;text-decoration:none;align-self:flex-start;cursor:pointer;transition:background .15s,color .15s}.cta-btn.svelte-bkrtgx:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.cta-btn.svelte-bkrtgx:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-row.svelte-bkrtgx{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem 1rem;border-top:1px solid var(--color-border);flex-shrink:0}.nav-btn.svelte-bkrtgx{padding:.4375rem .875rem;min-height:2.75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);transition:border-color .15s,color .15s}.nav-btn.svelte-bkrtgx:not(.nav-btn-primary):hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.nav-btn.svelte-bkrtgx:not(.nav-btn-primary):focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary);color:var(--color-primary)}.nav-btn.svelte-bkrtgx:disabled{opacity:.3;cursor:default}.nav-btn-primary.svelte-bkrtgx{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.nav-btn.nav-btn-primary.svelte-bkrtgx:hover,.nav-btn.nav-btn-primary.svelte-bkrtgx:focus-visible{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-on-primary)}@media(max-width:640px){.tutorial-backdrop.svelte-bkrtgx{align-items:flex-end;padding:0}.tutorial-dialog.svelte-bkrtgx{max-width:100%;border-radius:1rem 1rem 0 0;max-height:90dvh}@media(prefers-reduced-motion:no-preference){.tutorial-dialog.svelte-bkrtgx{animation:svelte-bkrtgx-slide-up .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes svelte-bkrtgx-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}}