.vs{max-width:760px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:30px 30px 24px}.vs-progress{height:8px;background:var(--color-surface-2);border-radius:99px;overflow:hidden;margin-bottom:20px}.vs-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:99px;transition:width .35s ease}.vs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;min-height:4px}.vs-chip{display:inline-flex;align-items:center;gap:7px;background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}.vs-chip i{font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;opacity:.8}.vs-stage{min-height:240px}@keyframes vsIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.vs-in{animation:vsIn .28s ease}.vs-step-head{text-align:center;margin-bottom:26px}.vs-step-no{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:8px}.vs-step-head h2{font-size:26px;margin:0 0 6px}.vs-step-head p{color:var(--color-text-muted);margin:0;font-size:14.5px}.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.vs-grid{grid-template-columns:1fr}}.vs-opt{display:flex;align-items:center;gap:16px;text-align:left;padding:22px;border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.vs-opt:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-card)}.vs-opt.is-sel{border-color:var(--color-primary);background:var(--color-primary-soft)}.vs-opt-ic{flex-shrink:0;width:54px;height:54px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.vs-opt:hover .vs-opt-ic{background:var(--color-primary);color:#fff}.vs-opt-ic svg{width:28px;height:28px}.vs-opt-tx{display:flex;flex-direction:column;gap:3px}.vs-opt-tx b{font-family:var(--font-head);font-weight:600;font-size:17px}.vs-opt-tx small{color:var(--color-text-muted);font-size:13px}.vs-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:560px){.vs-sizes{grid-template-columns:repeat(3,1fr)}}.vs-size{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 6px;border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.vs-size:hover{transform:translateY(-2px);border-color:var(--color-primary)}.vs-size.is-sel{border-color:var(--color-primary);background:var(--color-primary-soft)}.vs-size b{font-family:var(--font-head);font-size:18px}.vs-size small{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.vs-foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.vs-back,.vs-reset{display:inline-flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-text-muted);padding:8px 4px}.vs-back:hover,.vs-reset:hover{color:var(--color-primary)}.vs-result{text-align:center}.vs-result-badge{display:inline-block;background:#e6f6ec;color:#1f8a4c;font-weight:600;font-size:13px;padding:6px 16px;border-radius:99px;margin-bottom:14px}.vs-result h2{font-size:22px;margin:0 0 10px}.vs-model{font-family:var(--font-head);font-weight:700;font-size:44px;color:var(--color-primary-dark);line-height:1.1}.vs-note{display:flex;align-items:flex-start;gap:11px;text-align:left;max-width:540px;margin:16px auto 24px;padding:14px 18px;background:#fff8ec;border:1px solid #f3d9a6;border-radius:var(--radius-md)}.vs-note svg{flex-shrink:0;width:22px;height:22px;color:#e08a00;margin-top:1px}.vs-note span{font-size:13.5px;line-height:1.6;color:#8a6a1c}.vs-note b{color:#7a5c12}.vs-imgwrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);max-width:420px;margin:0 auto 22px;background:var(--color-surface-2)}.vs-imgwrap img{width:100%;display:block}.vs-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.vs-hint{margin:22px auto 0;max-width:480px;font-size:13.5px;color:var(--color-text-muted);line-height:1.65;background:var(--color-surface-2);padding:14px 18px;border-radius:var(--radius-md)}.vs-hint b{color:#06a548}