.brand-editor{margin:20px 0}.brand-heading h2{font-size:26px;margin:0 0 10px}.brand-heading p,.brand-help{font-size:13px;line-height:1.6;color:inherit;opacity:.8}.brand-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-top:24px}.brand-label{display:grid;gap:8px;font-size:13px;font-weight:600;margin:14px 0}.brand-color-fields{display:flex;gap:14px;flex-wrap:wrap}.brand-color-fields input{width:100%;min-width:85px;height:44px;background:transparent;padding:3px;border:1px solid #b7b2a6;border-radius:8px;cursor:pointer}.brand-button{font:inherit;font-size:13px;border:1px solid #b7b2a6;border-radius:8px;padding:11px 16px;background:transparent;color:inherit;cursor:pointer}.brand-save{background:#171717;color:#fff;border-color:#171717}.brand-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.brand-preview{border:1px solid #b7b2a6;border-radius:15px;overflow:hidden;align-self:start;background:#f8f7f4;color:#111}.brand-preview-header{display:flex;align-items:center;gap:12px;min-height:80px;background:#171717;color:#fff;padding:18px}.brand-preview-header img{width:auto;max-width:150px;height:58px;object-fit:contain;background:transparent;border-radius:8px}.brand-preview-body{padding:28px}.brand-preview-body>span:first-child{font-size:10px;letter-spacing:2px}.brand-preview-body h3{font:32px/1.15 Georgia,serif;color:inherit;margin:20px 0}.brand-preview-body p{font-size:13px;line-height:1.6;color:inherit}.brand-preview-body button{display:block;border:0;border-radius:9px;background:#171717;color:#fff;padding:13px 18px;font-weight:600;margin:24px 0 14px}.brand-preview-body #brand-preview-accent{display:inline-block;background:#d4af37;color:#111;padding:7px 10px;border-radius:20px;font-size:11px}.brand-suggestions{display:grid;gap:8px}.brand-suggestions h3{font-size:14px}.brand-palette{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #b7b2a6;border-radius:8px;background:transparent;color:inherit;cursor:pointer;text-align:left;font-size:12px}.brand-chips{display:flex;gap:5px}.brand-chips i{width:22px;height:22px;border-radius:50%;border:1px solid #aaa;display:block}.brand-error{color:#ae392b;font-size:13px}.brand-editor [hidden]{display:none!important}@media(max-width:800px){.brand-layout{grid-template-columns:1fr}.brand-preview{max-width:480px}.brand-color-fields{gap:10px}.brand-label{flex:1;min-width:85px}.brand-label input[type=file]{max-width:100%}}
.brand-manual{margin-top:22px}.brand-manual summary{font-size:13px;cursor:pointer;font-weight:600}.brand-preview{position:sticky;top:20px}.brand-preview-service{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 14px;border:1px solid var(--brand-line,#ddd);border-left:3px solid var(--brand-accent,#d4af37);background:var(--brand-surface,#fff);border-radius:12px;margin-top:24px}.brand-preview-service small{display:block;color:var(--brand-muted,#777);font-size:11px;margin-top:6px}.brand-preview-service b{color:var(--brand-accentText,#806326);white-space:nowrap}.brand-preview-field{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid var(--brand-line,#ddd);border-radius:9px;font-size:12px;margin:14px 0;background:var(--brand-surface,#fff);color:inherit}.brand-preview-tabs{display:flex;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--brand-line,#ddd);font-size:11px;color:var(--brand-muted,#777)}.brand-preview-tabs span:first-child{color:var(--brand-accentText,#806326);font-weight:bold;border-bottom:2px solid var(--brand-accent,#d4af37);padding-bottom:7px}.brand-palette{display:grid;grid-template-columns:1fr auto;padding:16px;gap:12px}.brand-palette strong{display:block;font-size:13px}.brand-palette small{display:block;font-size:11px;line-height:1.5;margin-top:7px;opacity:.8}.brand-palette-select{grid-column:1/-1;font-size:11px;font-weight:600}.brand-palette[aria-pressed=true]{border:2px solid currentColor;box-shadow:0 0 0 2px #8882}.brand-palette[aria-pressed=true] .brand-palette-select:before{content:'✓ '}.brand-preview-header strong{overflow-wrap:anywhere}.brand-preview-body{padding:24px}.brand-preview-body h3{font-size:29px}.brand-preview-body button{cursor:default}.brand-preview-header{border-bottom:3px solid var(--brand-accent,#d4af37)}@media(max-width:800px){.brand-preview{position:static;max-width:none}.brand-chips i{width:19px;height:19px}}