.brand-logo{display:inline-block;max-width:190px;max-height:52px;width:auto;height:auto;vertical-align:middle}
.site-editor-nav{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 25px}
.site-editor-nav a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}
.editor-section{scroll-margin-top:110px}
.editor-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.editor-preview figure{margin:0;background:#0b0d18;border:1px solid var(--line);border-radius:12px;padding:14px}
.editor-preview img,.editor-preview video{width:100%;height:130px;object-fit:contain;background:#fff;border-radius:8px}
.editor-preview figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.color-field{grid-template-columns:1fr 72px!important;align-items:center}
.color-field span{grid-column:1/-1}
.color-field input[type=color]{height:48px;padding:4px}
.editor-actions{position:sticky;bottom:15px;z-index:20;background:rgba(8,9,18,.92);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.editor-actions p{margin:0;color:var(--muted);font-size:12px}
.hero-custom-image{max-width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.35))}
.catalog-custom-banner{width:100%;max-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;background:var(--panel)}
.catalog-custom-banner img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
@media(max-width:760px){.editor-preview{grid-template-columns:1fr}.editor-actions{position:static;display:grid}.brand-logo{max-width:160px;max-height:44px}}
