.wizard-hero{padding:54px 0 28px;text-align:center}.wizard-hero .container{padding:42px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,var(--surface),rgba(37,99,235,.1))}.wizard-hero span{color:var(--primary);font-weight:800}.wizard-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:14px 0}.wizard-hero h1 strong{color:var(--primary)}.wizard-hero p{color:var(--muted);font-size:1.08rem}.publish-wizard-page{padding:20px 0 80px}.publish-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:28px;align-items:start}.publish-wizard-form,.live-preview-shell{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:26px}.wizard-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:28px}.wizard-progress button{border:0;background:transparent;color:var(--muted);font:inherit;padding:0}.wizard-progress span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin:auto;background:var(--surface-2);border:1px solid var(--border);font-weight:900}.wizard-progress b{display:block;font-size:.68rem;margin-top:7px}.wizard-progress .active{color:var(--primary)}.wizard-progress .active span{background:var(--primary);color:#fff}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-step>header span{color:var(--primary);font-weight:800}.wizard-step h2{font-size:1.7rem;margin:7px 0}.wizard-step>header p{color:var(--muted);margin-bottom:25px}.wizard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wizard-fields label{display:grid;gap:8px;font-weight:750}.wizard-fields .full,.dynamic-fields-wrap{grid-column:1/-1}.wizard-fields input,.wizard-fields select,.wizard-fields textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:14px;padding:14px;font:inherit}.wizard-fields small{color:var(--muted);font-weight:500}.dynamic-fields-wrap{padding:18px;border-radius:18px;background:rgba(37,99,235,.06);border:1px dashed rgba(37,99,235,.35)}.dynamic-fields-wrap h3{margin:0 0 16px;color:var(--primary)}.wizard-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.wizard-upload{display:grid;place-items:center;text-align:center;gap:8px;padding:45px;border:2px dashed var(--primary);border-radius:22px;background:rgba(37,99,235,.05);cursor:pointer}.wizard-upload i{font-size:2.7rem;color:var(--primary)}.wizard-upload input{margin-top:10px}.wizard-gallery,.live-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.wizard-gallery>div{color:var(--muted)}.wizard-gallery img,.live-thumbs img{width:82px;height:70px;object-fit:cover;border-radius:12px;border:2px solid var(--border)}.wizard-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wizard-plans label{cursor:pointer}.wizard-plans input{position:absolute;opacity:0}.wizard-plans span{height:100%;display:grid;text-align:center;gap:8px;padding:20px 10px;border:2px solid var(--border);border-radius:20px;background:var(--surface-2)}.wizard-plans input:checked+span{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.wizard-plans i{font-size:1.7rem;color:var(--primary)}.wizard-plans strong{font-size:1.25rem}.wizard-plans em{color:#fff;background:var(--primary);border-radius:20px;font-size:.7rem;padding:5px}.wizard-plan-note,.wizard-final-summary{margin-top:18px;padding:16px;border-radius:16px;background:rgba(37,99,235,.08);color:var(--primary);font-weight:800}.wizard-confirm{display:grid;gap:14px}.wizard-confirm>label{display:flex;gap:12px;padding:16px;border:1px solid var(--border);border-radius:15px}.wizard-contact{margin-top:22px}.wizard-final-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wizard-final-summary div{display:grid}.wizard-final-summary small{color:var(--muted)}.wizard-submit{width:100%;margin-top:20px}.wizard-errors{padding:16px;background:#fee2e2;color:#991b1b;border-radius:16px;margin-bottom:18px}.live-preview-shell{position:sticky;top:112px}.live-preview-shell>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.live-preview-shell>header span{font-size:.75rem;color:var(--primary);font-weight:900}.live-ad-card{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface-2)}.live-media{height:245px;background:linear-gradient(135deg,#eaf2ff,#fff7cf);background-size:cover;background-position:center;position:relative;display:grid;place-items:center}.live-media>i{font-size:4rem;color:var(--primary)}.live-media .live-badge{position:absolute;left:16px;top:16px;padding:7px 12px;background:#f59e0b;color:#fff;border-radius:20px;font-weight:900}.live-heart{position:absolute;right:15px;top:14px;width:45px;height:45px;border-radius:50%;border:1px solid var(--border);background:#fff;color:#e11d48;font-size:1.25rem}.live-ad-body{padding:20px}.live-category{color:var(--muted);font-size:.8rem}.live-ad-body h3{font-size:1.25rem;margin:8px 0}.live-price{display:block;color:var(--primary);font-size:1.65rem}.live-location,.live-description{color:var(--muted)}.live-location:before{content:'\f3c5';font-family:'Font Awesome 6 Free';font-weight:900;margin-right:7px}.live-description{padding-top:14px;border-top:1px solid var(--border)}.mobile-preview-tab,.preview-drawer,.preview-overlay{display:none}.dark-mode .wizard-hero .container,.dark-mode .publish-wizard-form,.dark-mode .live-preview-shell,.dark-mode .live-ad-card{background:#111d31}.dark-mode .wizard-fields input,.dark-mode .wizard-fields select,.dark-mode .wizard-fields textarea,.dark-mode .wizard-plans span{background:#17243a;color:#f8fafc}.dark-mode .live-media{background-image:linear-gradient(135deg,#172c52,#453b1c)}
@media(max-width:900px){.publish-wizard-layout{grid-template-columns:1fr}.desktop-preview{display:none}.wizard-progress b{display:none}.wizard-fields,.wizard-plans{grid-template-columns:1fr}.wizard-final-summary{grid-template-columns:1fr}.mobile-preview-tab{display:flex;position:fixed;z-index:50;left:0;top:48%;border:0;border-radius:0 14px 14px 0;background:var(--primary);color:#fff;padding:14px 9px;writing-mode:vertical-rl;font-weight:850}.preview-overlay{position:fixed;inset:0;background:rgba(3,10,25,.65);z-index:69}.preview-overlay.open{display:block}.preview-drawer{display:block;position:fixed;z-index:70;left:0;top:0;bottom:0;width:min(92vw,430px);padding:18px;overflow:auto;background:var(--bg);transform:translateX(-105%);transition:.25s}.preview-drawer.open{transform:none}.preview-drawer .live-preview-shell{display:block;position:static}.preview-close{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text)}.wizard-hero{padding-top:25px}.wizard-hero .container{padding:30px 18px}.publish-wizard-form{padding:17px}.wizard-upload{padding:30px 12px}}
.publish-live{position:sticky;top:112px;background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:26px}.publish-live-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.publish-live-head>div{display:grid}.publish-live-head span{font-weight:900}.publish-live-head small{color:var(--muted)}.publish-live-head button,.preview-mobile-tab{display:none}.live-ad-media{height:245px;background:linear-gradient(135deg,#eaf2ff,#fff7cf);background-size:cover;background-position:center;position:relative;display:grid;place-items:center}.live-ad-media>i{font-size:4rem;color:var(--primary)}.live-ad-media>span{position:absolute;left:16px;top:16px;padding:7px 12px;background:#f59e0b;color:#fff;border-radius:20px;font-weight:900}.live-ad-media>button{position:absolute;right:15px;top:14px;width:45px;height:45px;border-radius:50%;border:1px solid var(--border);background:#fff;color:#e11d48;font-size:1.25rem}.live-ad-body>small{color:var(--muted)}.live-ad-body>div{display:flex;justify-content:space-between;color:var(--muted)}.live-tips{display:flex;gap:12px;margin-top:18px;padding:15px;border-radius:16px;background:rgba(245,158,11,.1)}
@media(max-width:900px){.publish-live{display:block;position:fixed;z-index:70;left:0;top:0;bottom:0;width:min(92vw,430px);padding:18px;overflow:auto;background:var(--bg);transform:translateX(-105%);transition:.25s}.publish-live.open{transform:none}.publish-live-head button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text)}.preview-mobile-tab{display:flex;position:fixed;z-index:50;left:0;top:48%;border:0;border-radius:0 14px 14px 0;background:var(--primary);color:#fff;padding:14px 9px;writing-mode:vertical-rl;font-weight:850}}