:root{--spwz-accent: #6366f1;--spwz-accent-light: #a5b4fc;--spwz-accent-bg: #eef2ff;--spwz-accent-glow: rgba(99, 102, 241, .12);--spwz-accent-border-hover: #a5b4fc;--spwz-summary-bg: #f0fdf4;--spwz-summary-border: #bbf7d0;--spwz-summary-icon: #22c55e;--spwz-summary-title: #166534;--spwz-summary-text: #15803d}.spwz-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.spwz-modal{background:#fff;border-radius:24px;box-shadow:0 24px 64px #0f172a40;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.spwz-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.spwz-header__brand{display:flex;align-items:center;gap:10px;color:var(--spwz-accent);font-size:1.1rem}.spwz-header__brand strong{display:block;font-size:.95rem;font-weight:800;color:#0f172a;line-height:1.2}.spwz-header__brand span{display:block;font-size:.68rem;color:#94a3b8;font-weight:600}.spwz-skip{border:none;background:#f1f5f9;color:#94a3b8;width:32px;height:32px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .15s}.spwz-skip:hover{background:#fee2e2;color:#ef4444}.spwz-steps{display:flex;gap:0;padding:14px 20px 0;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.spwz-step-dot{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;position:relative}.spwz-step-dot:after{content:"";position:absolute;top:16px;left:50%;right:-50%;height:2px;background:#e2e8f0}.spwz-step-dot:last-child:after{display:none}.spwz-step-dot.done:after{background:var(--spwz-accent)}.spwz-step-dot__circle{width:32px;height:32px;border-radius:999px;background:#f1f5f9;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#94a3b8;position:relative;z-index:1;transition:all .2s}.spwz-step-dot.active .spwz-step-dot__circle{background:var(--spwz-accent);border-color:var(--spwz-accent);color:#fff;box-shadow:0 0 0 4px var(--spwz-accent-glow)}.spwz-step-dot.done .spwz-step-dot__circle{background:var(--spwz-accent);border-color:var(--spwz-accent);color:#fff}.spwz-step-dot span{font-size:.62rem;font-weight:700;color:#94a3b8;text-align:center;line-height:1.2;max-width:70px}.spwz-step-dot.active span,.spwz-step-dot.done span{color:var(--spwz-accent)}.spwz-body{flex:1;overflow-y:auto;padding:20px 20px 8px}.spwz-section h2{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 4px}.spwz-lead{font-size:.82rem;color:#64748b;margin:0 0 16px}.spwz-purpose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.spwz-purpose-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:14px;background:#f8fafc;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;color:#334155}.spwz-purpose-card i{font-size:1.25rem;color:#94a3b8;margin-bottom:4px}.spwz-purpose-card strong{font-size:.85rem;font-weight:800;color:#0f172a;display:block}.spwz-purpose-card span{font-size:.72rem;color:#64748b;display:block;line-height:1.3}.spwz-purpose-card:hover{border-color:var(--spwz-accent-border-hover);background:var(--spwz-accent-bg)}.spwz-purpose-card.active{border-color:var(--spwz-accent);background:var(--spwz-accent-bg);box-shadow:0 0 0 3px var(--spwz-accent-glow)}.spwz-purpose-card.active i{color:var(--spwz-accent)}.spwz-dim-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:14px;text-align:center}.spwz-dim-svg{width:100%;max-width:240px;height:auto}.spwz-field-row{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.spwz-field{display:flex;flex-direction:column;gap:6px}.spwz-field label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#475569}.spwz-input-wrap{display:flex;align-items:center;gap:10px}.spwz-input-wrap input[type=range]{flex:1;accent-color:var(--spwz-accent);height:4px}.spwz-input-val{font-size:.85rem;font-weight:800;color:#0f172a;min-width:44px;text-align:right}.spwz-check{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#334155;cursor:pointer;padding:6px 0}.spwz-check input{accent-color:var(--spwz-accent)}.spwz-door-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.spwz-door-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 8px;border:1.5px solid #e2e8f0;border-radius:14px;background:#f8fafc;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}.spwz-door-card i{font-size:1.4rem;color:#94a3b8}.spwz-door-card strong{font-size:.8rem;font-weight:800;color:#0f172a}.spwz-door-card span{font-size:.68rem;color:#64748b;line-height:1.3}.spwz-door-card:hover{border-color:var(--spwz-accent-border-hover);background:var(--spwz-accent-bg)}.spwz-door-card.active{border-color:var(--spwz-accent);background:var(--spwz-accent-bg);box-shadow:0 0 0 3px var(--spwz-accent-glow)}.spwz-door-card.active i{color:var(--spwz-accent)}.spwz-door-extra{margin-top:4px}.spwz-toggle-row{display:flex;gap:8px}.spwz-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:.8rem;font-weight:700;cursor:pointer;color:#475569;transition:all .15s}.spwz-toggle-btn.active{border-color:var(--spwz-accent);background:var(--spwz-accent-bg);color:var(--spwz-accent)}.spwz-found-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.spwz-found-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border:1.5px solid #e2e8f0;border-radius:14px;background:#f8fafc;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}.spwz-found-card i{font-size:1.2rem;color:#94a3b8}.spwz-found-card strong{font-size:.8rem;font-weight:800;color:#0f172a}.spwz-found-card span{font-size:.68rem;color:#64748b;line-height:1.3}.spwz-found-card:hover{border-color:var(--spwz-accent-border-hover);background:var(--spwz-accent-bg)}.spwz-found-card.active{border-color:var(--spwz-accent);background:var(--spwz-accent-bg);box-shadow:0 0 0 3px var(--spwz-accent-glow)}.spwz-found-card.active i{color:var(--spwz-accent)}.spwz-summary-box{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;background:var(--spwz-summary-bg);border:1px solid var(--spwz-summary-border);border-radius:12px}.spwz-summary-box>i{color:var(--spwz-summary-icon);font-size:1rem;margin-top:2px;flex-shrink:0}.spwz-summary-box strong{font-size:.82rem;font-weight:800;color:var(--spwz-summary-title);display:block;margin-bottom:2px}.spwz-summary-box p{font-size:.78rem;color:var(--spwz-summary-text);margin:0}.spwz-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 18px;border-top:1px solid #f1f5f9;flex-shrink:0;gap:12px}.spwz-footer__dots{display:flex;gap:5px;align-items:center}.spwz-dot{width:6px;height:6px;border-radius:999px;background:#e2e8f0;transition:all .2s}.spwz-dot.active{background:var(--spwz-accent);width:18px}.spwz-dot.done{background:var(--spwz-accent-light)}.spwz-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.spwz-btn--ghost{background:#f1f5f9;color:#64748b}.spwz-btn--ghost:hover{background:#e2e8f0;color:#334155}.spwz-btn--primary{background:linear-gradient(135deg,var(--spwz-accent),var(--spwz-accent-light));color:#fff;box-shadow:0 2px 8px var(--spwz-accent-glow)}.spwz-btn--primary:hover{opacity:.92}@media (max-width: 480px){.spwz-modal{border-radius:16px}.spwz-purpose-grid{grid-template-columns:1fr 1fr}.spwz-door-grid{grid-template-columns:1fr}.spwz-found-grid{grid-template-columns:1fr 1fr 1fr}.spwz-steps{gap:0}.spwz-step-dot span{font-size:.56rem}}