.create-listing-page main{background:linear-gradient(170deg,#f3fbf4 0%,var(--bg-warm) 30%,var(--bg-light) 100%);padding-top:calc(var(--header-height) + 56px);padding-bottom:96px}.listing-shell{max-width:1080px}.listing-intro{margin-bottom:40px}.listing-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.listing-layout[hidden]{display:none}.listing-form{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:36px 32px}.listing-form-section+.listing-form-section{border-top:1px solid var(--border);margin-top:32px;padding-top:32px}.listing-form-section-heading{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--text-dark);margin-bottom:4px}.listing-form-section-sub{font-size:14px;color:var(--text-medium);line-height:1.6;margin-bottom:20px}.listing-form-group{margin-bottom:22px}.listing-form-group:last-child{margin-bottom:0}.listing-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.listing-form-row:last-child{margin-bottom:0}.listing-label{display:block;font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.listing-label-optional{font-weight:500;color:var(--text-light);font-size:12px;margin-left:6px}.listing-input,.listing-select,.listing-textarea{display:block;width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:15px;color:var(--text-dark);background:var(--bg-white);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.listing-textarea{resize:vertical;min-height:100px;line-height:1.6}.listing-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237e7e7e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.listing-input::placeholder,.listing-textarea::placeholder{color:var(--text-light)}.listing-input:focus,.listing-select:focus,.listing-textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #39b54a1a}.listing-input[readonly]{background:var(--bg-light);color:var(--text-medium);cursor:default}.listing-input.has-error,.listing-select.has-error,.listing-textarea.has-error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.listing-field-hint{display:block;margin-top:6px;font-size:13px;color:var(--text-light);line-height:1.5}.listing-field-error{display:block;margin-top:6px;font-size:13px;color:#e53e3e;font-weight:600;line-height:1.5}.listing-pill-row{display:flex;flex-wrap:wrap;gap:10px}.listing-pill{position:relative;cursor:pointer}.listing-pill input{position:absolute;opacity:0;pointer-events:none}.listing-pill-label{display:inline-block;padding:9px 18px;border:2px solid var(--border);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-medium);background:var(--bg-white);transition:all var(--transition)}.listing-pill:hover .listing-pill-label{border-color:var(--green-light);color:var(--text-dark)}.listing-pill input:checked+.listing-pill-label{border-color:var(--green);background:var(--green-pale);color:var(--green-dark)}.listing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:28px;border-top:1px solid var(--border)}.listing-submit-error{margin-top:18px;padding:12px 14px;border:1px solid #f2b8b5;border-radius:var(--radius-sm);background:#fff4f4;color:#9f1c16;font-size:14px;font-weight:700}.listing-preview{position:sticky;top:calc(var(--header-height) + 24px)}.listing-preview-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}.listing-preview-header{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-light);padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-light)}.listing-preview-body{padding:24px 20px;text-align:center}.listing-preview-avatar{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.listing-preview-name{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--text-dark);line-height:1.3}.listing-preview-meta{font-size:13px;color:var(--text-medium);margin-top:4px}.listing-preview-desc{font-size:14px;color:var(--text-medium);line-height:1.6;margin-top:14px;text-align:left}.listing-preview-areas{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:16px}.listing-area-chip{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--green-pale);color:var(--green-dark)}.listing-area-chip-empty{background:var(--bg-light);color:var(--text-light)}.listing-preview-contact{font-size:13px;color:var(--text-medium);margin-top:16px}.listing-preview-footer{padding:14px 20px;border-top:1px solid var(--border);font-size:12px;color:var(--text-light);font-family:var(--font-body);word-break:break-all}.listing-preview-footer code{font-family:var(--font-body);color:var(--text-medium)}.listing-success{max-width:560px;margin:0 auto;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:48px 36px;text-align:center}.listing-success[hidden]{display:none}.listing-success-icon{color:var(--green);display:inline-flex;margin-bottom:16px}.listing-success-title{font-family:var(--font-heading);font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--text-dark);margin-bottom:10px}.listing-success-body{font-size:15px;color:var(--text-medium);line-height:1.6;max-width:420px;margin:0 auto 24px}.listing-success-slug{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;color:var(--text-dark);margin-bottom:28px;word-break:break-all}.listing-success-slug strong{font-family:var(--font-heading)}.listing-success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media(max-width:900px){.listing-layout{grid-template-columns:1fr;gap:28px}.listing-preview{position:static;order:-1}}@media(max-width:560px){.listing-form{padding:28px 20px}.listing-form-row{grid-template-columns:1fr}.create-listing-page main{padding-top:calc(var(--header-height) + 32px)}}