.viz-page{background:var(--paper, #f7f5f2);min-height:70vh;padding-top:2rem;padding-bottom:3.5rem}.viz-wrap{max-width:720px}.viz-page h1{font-size:clamp(1.5rem,3.4vw,2.05rem);line-height:1.15;margin:.35rem 0 .5rem}.viz-page .lead{font-size:1rem;line-height:1.5;max-width:540px;margin:0 auto}.viz{margin:1.5rem 0 1rem;text-align:left}.viz__loading{text-align:center;color:#777;padding:3rem 0}.viz__disclaimer{font-size:.8rem;color:#888;max-width:600px;margin:1.25rem auto 0}.viz__progress{display:flex;gap:6px;margin-bottom:1.5rem}.viz__progress span{flex:1;height:4px;border-radius:2px;background:#e2ddd5}.viz__progress span.is-done{background:var(--brand, #1f6f5c)}.viz__step h2{font-size:1.4rem;margin:0 0 .35rem}.viz__step .viz__hint{color:#777;margin:0 0 1.25rem;font-size:.95rem}.viz__section+.viz__section{margin-top:1rem;padding-top:1.1rem;border-top:1px solid #ece8e1}.viz__section-h{font-weight:700;font-size:1.05rem;margin:0 0 .6rem;color:#2c2a27}.viz__section .viz__grid{gap:10px}.viz__section .viz__opt{padding:11px 10px;font-size:.9rem}.viz__section .viz__swatch{height:34px;margin-bottom:6px}.viz__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.viz__opt{border:2px solid #e2ddd5;border-radius:12px;padding:14px 12px;background:#fff;cursor:pointer;text-align:center;font-weight:600;font-size:.95rem;transition:all .12s}.viz__opt small{display:block;font-weight:400;color:#888;font-size:.8rem;margin-top:3px}.viz__opt:hover{border-color:#c9c1b5}.viz__opt.is-sel{border-color:var(--brand, #1f6f5c);background:#f0f7f4}.viz__opt .viz__swatch{width:100%;height:42px;border-radius:8px;margin-bottom:8px;background:#ddd}.viz__upload{border:2px dashed #cdc5b8;border-radius:14px;padding:1.5rem 1rem;text-align:center;background:#fff;cursor:pointer;display:block;transition:border-color .15s,background .15s}.viz__upload:hover{border-color:var(--brand, #1f6f5c);background:#f6faf8}.viz__upload p{margin:0}.viz__upload small{color:#9a948a}.viz__upload input{display:none}.viz__preview{max-width:100%;border-radius:12px}.viz__photo{display:flex;gap:12px;align-items:flex-start;border:1px solid #e6e1d8;border-radius:12px;padding:10px;margin-bottom:10px;background:#fff}.viz__photo .viz__preview{margin:0;width:96px;height:96px;object-fit:cover;border-radius:8px;flex:none}.viz__photo-body{flex:1;min-width:0}.viz__photo-q{font-size:.8rem;color:#888;margin:1px 0 7px}.viz__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.viz__tag{border:1.5px solid #e2ddd5;border-radius:999px;padding:5px 11px;font-size:.82rem;font-weight:600;cursor:pointer;background:#fff;transition:all .12s}.viz__tag:hover{border-color:#c9c1b5}.viz__tag.is-sel{border-color:var(--brand, #1f6f5c);background:#eef6f2;color:var(--brand, #1f6f5c)}.viz__btn--sm{padding:.4rem .9rem;font-size:.8rem}.viz__field{margin:0 0 1rem}.viz__field label{display:block;font-weight:600;margin-bottom:.35rem}.viz__field input[type=text]{width:100%;padding:.7rem;border:2px solid #e2ddd5;border-radius:10px;font:inherit}.viz__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:1rem}.viz__contact-grid .viz__field{margin:0}@media(max-width:520px){.viz__contact-grid{grid-template-columns:1fr}}.viz__consent{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:.9rem;line-height:1.4}.viz__consent input{width:auto;margin-top:3px;flex:none}.viz__nav{display:flex;justify-content:space-between;gap:12px;margin-top:1.75rem}.viz__btn{padding:.8rem 1.6rem;border-radius:999px;border:none;font-weight:700;cursor:pointer;font-size:1rem;background:var(--brand, #1f6f5c);color:#fff}.viz__btn[disabled]{opacity:.45;cursor:not-allowed}.viz__btn--ghost{background:transparent;color:#555;border:2px solid #d8d2c8}.viz__summary{list-style:none;padding:0;margin:0 0 1rem}.viz__summary li{padding:.5rem 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:1rem}.viz__summary li span:first-child{color:#888}.viz__summary li span:last-child{font-weight:600;text-align:right}.viz__result{text-align:center}.viz__result-h{font-size:1.4rem;margin:0 0 .25rem}.viz__result-sub{color:#777;margin:0 auto 1.25rem;font-size:.95rem;max-width:480px}.viz__result img{max-width:100%;border-radius:14px;box-shadow:0 8px 30px #0000001f}.viz__beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.viz__beforeafter figure{margin:0}.viz__beforeafter figcaption{font-size:.8rem;color:#888;margin-top:6px}.viz__spinner{padding:3rem 0;text-align:center;color:#555}.viz__error{background:#fdf0ef;border:1px solid #f3c9c4;color:#a33;padding:1rem;border-radius:12px}@media(max-width:560px){.viz__beforeafter{grid-template-columns:1fr}}