.city-region-field{flex:320px}.city-region-grid{grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:12px;display:grid}.city-region-grid .field{min-width:0}@media (max-width:640px){.city-region-grid{grid-template-columns:1fr}}
.custom-select{position:relative}.select-trigger{width:100%;color:var(--foreground);background:#fff;border:1px solid #3c556829;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid}.select-trigger:hover{border-color:#3c556847}.select-trigger:disabled{cursor:not-allowed;opacity:.68}.select-trigger:disabled:hover{border-color:#3c55681f}.select-trigger:focus-visible{background:#fff;border-color:#0b5f6757;outline:none;box-shadow:0 0 0 3px #0f7c8614}.select-trigger-text{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger-icon{border-right:1.75px solid var(--ink-soft);border-bottom:1.75px solid var(--ink-soft);width:9px;height:9px;transition:transform .18s;transform:rotate(45deg)translateY(-2px)}.custom-select.open .select-trigger{background:#fff;border-color:#0b5f6747}.custom-select.open .select-trigger-icon{transform:rotate(-135deg)translateY(-1px)}.select-panel{z-index:20;background:#fff;border:1px solid #3c556824;border-radius:18px;gap:6px;width:100%;max-height:260px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto}.select-search{padding-bottom:4px}.select-search-input{width:100%;color:var(--foreground);background:#fff;border:1px solid #3c556824;border-radius:12px;padding:11px 12px}.select-search-input:focus{border-color:#0b5f674d;outline:none;box-shadow:0 0 0 3px #0f7c8614}.select-empty-state{color:var(--muted);margin:0;padding:10px 4px 2px;font-size:.92rem}.select-option{width:100%;color:var(--ink-soft);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:11px 12px;transition:background-color .18s,border-color .18s,color .18s;display:flex}.select-option span:last-child{color:var(--primary-strong);letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:700}.select-option:hover{background:#0f172a09;border-color:#3c556814}.select-option.active{color:var(--primary-strong);background:#0f766e14;border-color:#0f766e24;font-weight:700}.select-option.highlighted{background:#0f172a0a;border-color:#3c556814}.select-option:focus-visible{border-color:#0b5f6738;outline:none;box-shadow:0 0 0 3px #0f7c8614}:is(.select-trigger,.select-search-input){background:#fffffff0;border:1px solid #13293d1f;box-shadow:inset 0 1px #fffc,0 10px 24px #0f172a0a}.select-trigger{min-height:52px}.select-search-input:focus{border-color:#0f766e3d;box-shadow:0 0 0 3px #0f766e14,0 10px 24px #0f172a0f}.select-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffc;border:1px solid #13293d1f;box-shadow:0 12px 28px #0f172a14}.select-option.active{background:#0f766e1a}
.preview-column{gap:16px;display:grid}.preview-column{align-content:start;align-self:start}.preview-column>*{align-self:start}.publish-service-form{gap:18px}.publish-form-intro{border-bottom:1px solid #0f172a14;gap:8px;padding-bottom:6px;display:grid}:is(.publish-form-intro h2,.publish-form-intro p){margin:0}.publish-form-intro h2{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.08}.publish-form-intro>p:last-child{max-width:62ch;color:var(--muted);line-height:1.6}.preview-guide{gap:10px;display:grid}.preview-note{background:#f3f9fff5;gap:12px;display:grid}.preview-note-title{color:var(--foreground);margin:0;font-weight:700}.preview-message{max-width:100%;color:var(--foreground);background:#0f7c8614;border:1px solid #0f7c861f}.preview-copy{color:var(--muted);line-height:1.7}.preview-label{color:var(--muted);font-size:.92rem}.preview-label{margin:0 0 6px}.publish-checklist{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.publish-checklist li{color:var(--ink-soft);padding-left:18px;font-size:.92rem;line-height:1.5;position:relative}.publish-checklist li:before{background:var(--primary);content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:.62em;left:0}@media (max-width:760px){.publish-service-form{gap:16px}.publish-form-intro h2{font-size:1.28rem}.preview-surface{border-radius:24px;padding:20px}}.preview-note{border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffffff5,#f7fafcd6)}.preview-copy{color:var(--muted)}.preview-note{background:linear-gradient(#f4f7faeb,#edf2f6c2);border:1px solid #13293d14}:is(.preview-guide,.preview-note){border-radius:28px}.preview-surface{background:linear-gradient(#fffffffa,#f4f8fbe6)}@media (max-width:640px){.preview-surface{border-radius:22px;padding:16px}}
.service-multi-select{gap:16px;display:grid}.service-adder{gap:10px}.service-chip-list{flex-wrap:wrap;gap:8px;display:flex}.service-chip{max-width:100%;color:var(--primary-strong);background:#0f766e14;border:1px solid #0f766e29;border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 12px;font-size:.88rem;font-weight:700;line-height:1.25;display:inline-flex}.service-chip button{width:24px;height:24px;color:var(--primary-strong);background:#0f766e1f;border:0;border-radius:999px;flex:none;place-items:center;font-size:1rem;font-weight:800;line-height:1;display:inline-grid}.service-chip button:hover{background:#0f766e2e}.service-chip button:focus-visible{outline:none;box-shadow:0 0 0 3px #0f766e1f}
.profile-metric-grid{margin-top:0}:is(.profile-editor-card,.profile-editor-form,.profile-summary-grid){display:grid}:is(.profile-editor-card,.profile-editor-form){gap:16px}:is(.profile-editor-header,.profile-editor-actions,.profile-summary-actions){flex-wrap:wrap;gap:12px;display:flex}.profile-editor-header{justify-content:space-between;align-items:flex-start}.profile-editor-header>div{gap:10px;display:grid}.profile-editor-header h2{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0}:is(.profile-editor-header p,.profile-summary-about){color:var(--muted);margin:0;line-height:1.65}.profile-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-summary-item{background:#fff9;border:1px solid #3c556814;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.profile-summary-item span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.profile-summary-item strong{letter-spacing:-.03em;overflow-wrap:anywhere;word-break:break-word;font-size:1rem;line-height:1.35}@media (max-width:960px){.profile-editor-header{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.profile-summary-grid{grid-template-columns:1fr}:is(.profile-editor-actions>*,.profile-summary-actions>*){width:100%}}