/* Publish-a-listing wizard */
/* wizard */
.wiz{max-width:860px;margin:0 auto;padding-block:24px 56px;display:grid;gap:20px}
.prog{display:flex;gap:6px}
.prog i{flex:1;height:8px;border-radius:99px;background:var(--surface-2)}
.prog i.on{background:var(--accent)}
.wiz h1{text-align:center;font-family:var(--f-display);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.tile{border:2px solid var(--line);border-radius:16px;background:var(--surface);padding:18px;display:grid;gap:8px;justify-items:start;text-align:left;font-weight:700;font-size:1.1rem;min-height:120px;transition:border-color .15s,background .15s}
.tile svg{width:40px;height:40px;color:var(--accent)}
.tile span{font-weight:400;font-size:.92rem;color:var(--muted)}
.tile[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.field{display:grid;gap:6px}
.field > span{font-weight:600}
.field small{color:var(--muted)}
.inp{min-height:52px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);padding:0 14px;font-size:1.0625rem;width:100%}
textarea.inp{padding:12px 14px;min-height:140px;resize:vertical;line-height:1.5}
.inp:focus{outline:none;border-color:var(--accent)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.stepper{display:flex;align-items:center;gap:10px}
.stepper button{width:52px;height:52px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font-size:1.6rem}
.stepper output{min-width:48px;text-align:center;font-size:1.4rem;font-weight:700}
.drop-zone{border:2px dashed var(--line);border-radius:16px;padding:30px 16px;text-align:center;display:grid;gap:10px;justify-items:center;background:var(--surface)}
.drop-zone.over{border-color:var(--accent);background:var(--accent-soft)}
.previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.previews img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.wiz-nav{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}
.pick-map{height:420px}
.hintbox{background:var(--accent-soft);border-radius:12px;padding:12px 14px;font-size:.98rem}
.check{display:flex;gap:10px;align-items:center;min-height:44px}
.check input{width:24px;height:24px;accent-color:var(--accent)}
.done{text-align:center;display:grid;gap:14px;justify-items:center;padding-block:40px}
.done .ok{width:84px;height:84px;border-radius:50%;background:var(--good-soft);color:var(--good);display:grid;place-items:center;animation:pop .5s}
.done .ok svg{width:44px;height:44px}
.wiz > div:first-child > p{text-align:center}
.demo-note{background:var(--warn-soft);color:var(--ink);border:1px dashed var(--warn);border-radius:12px;padding:12px 14px;font-size:.98rem;text-align:center}