.public-page-status{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.public-page-status h2{margin-top:0}
.public-page-badge{padding:7px 10px;border-radius:999px;background:#eef2ef;color:#53615b;font-size:12px;font-weight:800;white-space:nowrap}
.public-page-badge.enabled{background:#e4f4eb;color:#176b4b}
.public-page-link{display:block;margin-top:10px;color:#176b4b;word-break:break-all}
.public-page-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:28px}
.public-page-fields{display:grid;align-content:start}
.public-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.public-colors label{margin:0}
.public-colors input{height:44px;padding:4px;width:100%}
.public-page-actions{display:flex;gap:10px;margin-top:20px}
.public-page-preview{min-height:430px;border:1px solid var(--line);padding:0;background:var(--preview-background,#f4f1ea)}
.public-preview-card{overflow:visible;background:transparent;border:0;box-shadow:none}
.public-preview-hero{width:100%;height:150px;object-fit:cover;display:block}
.public-preview-head{display:flex;align-items:center;gap:13px;padding:18px 0}
.public-preview-logo{width:68px;height:68px;object-fit:contain}
.public-preview-eyebrow{margin:0;color:var(--preview-accent,#c89448);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}
.public-preview-head h3{margin:3px 0;font:700 30px/1.05 'Cormorant Garamond',serif;color:#17231e}
.public-preview-head small{color:#68756f}
.public-preview-form{padding:0 0 18px}
.public-preview-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.public-preview-fields span{padding:11px;border:1px solid #d9dedb;border-radius:0;color:#68756f;font-size:12px}
.public-preview-button{display:block;margin-top:10px;padding:12px;text-align:center;background:var(--preview-primary,#123f34);color:var(--preview-button-text,#fff);border-radius:0;font-weight:800}
.hint{color:#68756f;font-size:12px}
label:has(#public-surface){display:none}
@media(max-width:900px){.public-page-layout{grid-template-columns:1fr}.public-page-preview{min-height:0}}
@media(max-width:550px){.public-page-status{display:block}.public-colors{grid-template-columns:1fr}.public-page-actions{flex-direction:column}}