.tutorial-page.svelte-116uhib{min-height:100vh;background:#f0f4f8;padding-bottom:40px}.tutorial-header.svelte-116uhib{background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;padding:32px 24px;text-align:center}.tutorial-header.svelte-116uhib h1:where(.svelte-116uhib){font-size:28px;margin:0}.subtitle.svelte-116uhib{color:#ffffffb3;margin:8px 0 0;font-size:14px}.flow-bar.svelte-116uhib{max-width:900px;margin:24px auto;padding:20px 24px;background:#fff;border-radius:12px;border:1px solid #e0e8f0}.flow-bar.svelte-116uhib h3:where(.svelte-116uhib){font-size:14px;color:#1a3a4a;margin:0 0 16px;text-align:center}.flow-steps.svelte-116uhib{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.flow-step.svelte-116uhib{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;background:#f0f4f8;border-radius:8px}.flow-num.svelte-116uhib{width:24px;height:24px;border-radius:50%;background:#2a5a6a;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.flow-label.svelte-116uhib{font-size:11px;color:#1a3a4a;font-weight:500}.flow-arrow.svelte-116uhib{color:#a0b0c0;font-size:18px}.step-tabs.svelte-116uhib{display:flex;gap:6px;max-width:900px;margin:16px auto;padding:0 16px;overflow-x:auto}.step-tab.svelte-116uhib{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #d0d8e0;border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;font-size:13px;white-space:nowrap;transition:all .2s}.step-tab.active.svelte-116uhib{background:#2a5a6a;color:#fff;border-color:#2a5a6a}.tab-icon.svelte-116uhib{font-size:16px}.tab-title.svelte-116uhib{font-weight:500}.step-content.svelte-116uhib{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;max-width:1100px;margin:16px auto;padding:0 16px}.step-info.svelte-116uhib{background:#fff;border-radius:12px;padding:28px;border:1px solid #e0e8f0}.step-number.svelte-116uhib{font-size:12px;color:#2a5a6a;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.step-info.svelte-116uhib h2:where(.svelte-116uhib){font-size:22px;margin:0 0 12px;color:#1a3a4a}.step-desc.svelte-116uhib{font-size:14px;color:#4a6a7a;line-height:1.6;margin-bottom:20px}.actions-box.svelte-116uhib{background:#f0f8ff;border:1px solid #d0e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.actions-box.svelte-116uhib h4:where(.svelte-116uhib){font-size:13px;color:#1a3a4a;margin:0 0 10px}.actions-box.svelte-116uhib ul:where(.svelte-116uhib){list-style:none;padding:0;margin:0}.actions-box.svelte-116uhib li:where(.svelte-116uhib){font-size:13px;color:#3a5a6a;padding:5px 0 5px 20px;position:relative;line-height:1.5}.actions-box.svelte-116uhib li:where(.svelte-116uhib):before{content:"→";position:absolute;left:0;color:#2a5a6a;font-weight:700}.tip-box.svelte-116uhib{background:#fff8e0;border:1px solid #f0e0a0;border-radius:8px;padding:12px 16px;font-size:13px;color:#6a5a00;line-height:1.5}.nav-buttons.svelte-116uhib{display:flex;gap:12px;margin-top:20px}.nav-btn.svelte-116uhib{padding:10px 20px;border:1px solid #d0d8e0;border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:#3a5a6a;text-decoration:none;transition:all .2s}.nav-btn.primary.svelte-116uhib{background:#2a5a6a;color:#fff;border-color:#2a5a6a}.nav-btn.svelte-116uhib:hover{opacity:.85}.step-image.svelte-116uhib{background:#fff;border-radius:12px;padding:12px;border:1px solid #e0e8f0;display:flex;align-items:flex-start}.step-image.svelte-116uhib img:where(.svelte-116uhib){width:100%;border-radius:8px;box-shadow:0 2px 12px #00000014}@media(max-width:768px){.step-content.svelte-116uhib{grid-template-columns:1fr}.flow-steps.svelte-116uhib{gap:4px}.flow-arrow.svelte-116uhib{font-size:14px}}