.twinwave-tutorial-modal.svelte-8zwuf8.svelte-8zwuf8{background:var(--modal-bg, #1e1e1e);border:1px solid var(--modal-border, #333);border-radius:12px;box-shadow:0 10px 40px #0000004d;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.twinwave-tutorial-modal.dark.svelte-8zwuf8.svelte-8zwuf8{--modal-bg:#1e1e1e;--modal-border:#333333;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:#888888;--title-color:#ffffff;--primary-color:#f472b6;--border-color:#444444;--card-bg:#252525;--card-hover:#2d2d2d}.twinwave-tutorial-modal.light.svelte-8zwuf8.svelte-8zwuf8{--modal-bg:#ffffff;--modal-border:#d1d5db;--text-primary:#1a1a1a;--text-secondary:#374151;--text-muted:#4b5563;--title-color:#111827;--primary-color:#db2777;--border-color:#d1d5db;--card-bg:#f9fafb;--card-hover:#f3f4f6}.tutorial-progress.svelte-8zwuf8.svelte-8zwuf8{padding:16px 32px 0;display:flex;align-items:center;gap:12px}.progress-bar.svelte-8zwuf8.svelte-8zwuf8{flex:1;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-fill.svelte-8zwuf8.svelte-8zwuf8{height:100%;background:var(--primary-color);border-radius:2px;transition:width .3s ease}.progress-text.svelte-8zwuf8.svelte-8zwuf8{font-size:12px;color:var(--text-muted);white-space:nowrap}.tutorial-header.svelte-8zwuf8.svelte-8zwuf8{padding:24px 32px 16px}.header-content.svelte-8zwuf8.svelte-8zwuf8{display:flex;align-items:center;gap:16px}.header-icon.svelte-8zwuf8.svelte-8zwuf8{width:48px;height:48px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.header-text.svelte-8zwuf8 h2.svelte-8zwuf8{margin:0;font-size:20px;font-weight:600;color:var(--title-color);line-height:1.2}.header-subtitle.svelte-8zwuf8.svelte-8zwuf8{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.tutorial-content.svelte-8zwuf8.svelte-8zwuf8{flex:1;overflow-y:auto;padding:0 32px 24px}.step-card.svelte-8zwuf8.svelte-8zwuf8{background:var(--card-bg);border:1px solid;border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.step-icon-large.svelte-8zwuf8.svelte-8zwuf8{font-size:48px;line-height:1}.step-description.svelte-8zwuf8.svelte-8zwuf8{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary)}.tutorial-footer.svelte-8zwuf8.svelte-8zwuf8{padding:16px 32px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.footer-actions.svelte-8zwuf8.svelte-8zwuf8{display:flex;align-items:center;gap:10px}.skip-btn.svelte-8zwuf8.svelte-8zwuf8{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.skip-btn.svelte-8zwuf8.svelte-8zwuf8:hover{color:var(--text-primary);background:var(--card-hover)}.back-btn.svelte-8zwuf8.svelte-8zwuf8{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.back-btn.svelte-8zwuf8.svelte-8zwuf8:hover{background:var(--card-hover);border-color:var(--text-muted)}.next-btn.svelte-8zwuf8.svelte-8zwuf8{background:#f472b61a;color:var(--primary-color);border:1px solid rgba(244,114,182,.3);border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.next-btn.svelte-8zwuf8.svelte-8zwuf8:hover{background:#f472b62e;border-color:#f472b680;box-shadow:0 4px 12px #f472b626;transform:translateY(-1px)}.next-btn.svelte-8zwuf8.svelte-8zwuf8:active{transform:translateY(0)}@media (max-width: 640px){.twinwave-tutorial-modal.svelte-8zwuf8.svelte-8zwuf8{max-width:95%;margin:10px}.tutorial-header.svelte-8zwuf8.svelte-8zwuf8,.tutorial-content.svelte-8zwuf8.svelte-8zwuf8,.tutorial-footer.svelte-8zwuf8.svelte-8zwuf8,.tutorial-progress.svelte-8zwuf8.svelte-8zwuf8{padding-left:16px;padding-right:16px}}