.brand-editor{margin:24px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-heading h3{margin:0 0 8px;font-size:16px}.brand-heading p,.brand-help{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 16px}.brand-editor label{display:block;font-size:11px;margin:0 0 12px}.brand-logo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;margin:12px 0 20px}.brand-logo-row img{width:92px;height:48px;object-fit:contain;background:repeating-conic-gradient(#e9e9ed 0 25%,#fff 0 50%) 0/12px 12px;border:1px solid var(--line);border-radius:5px}.brand-editor button:not(.brand-preview-button){padding:8px 11px;border:1px solid var(--line);border-radius:5px;background:var(--brand-surface,#fff);color:var(--ink);font-size:10px}.brand-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-color-pair{display:flex;gap:6px;margin-top:7px;align-items:center}.brand-color-pair input[type=color]{width:38px;height:36px;min-width:38px;padding:3px;margin:0}.brand-color-pair input[type=text]{width:100%;min-width:0;padding:8px 5px;margin:0;font:11px Consolas,monospace}.brand-error,.brand-contrast{font-size:11px;line-height:1.7;color:var(--ink)}.brand-preview{margin:16px 0;border:1px solid var(--brand-border);border-radius:8px;overflow:hidden;background:var(--brand-background);color:var(--brand-text);isolation:isolate}.brand-preview-header{display:flex;gap:8px;align-items:center;background:var(--brand-header);color:var(--brand-headerText);padding:15px 12px;font-size:11px;flex-wrap:wrap}.brand-preview-header img{max-width:80px;max-height:35px;object-fit:contain}.brand-preview-header span{margin-left:auto;font-size:9px}.brand-preview-body{padding:18px 12px}.brand-preview-body>small{font-size:8px;letter-spacing:1px;color:var(--brand-muted)}.brand-preview h4{font-size:23px;margin:10px 0 14px}.brand-preview-card{padding:14px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;font-size:12px}.brand-preview-card p{font-size:10px;color:var(--brand-muted);line-height:1.7;margin:8px 0}.brand-preview-highlight{display:inline-block;background:var(--brand-secondary);color:var(--brand-onSecondary);padding:4px 6px;font-size:9px;border-radius:3px}.brand-preview-button{display:block;width:100%;margin-top:14px;background:var(--brand-color);color:var(--brand-onPrimary);border:0;border-radius:4px;padding:10px;font-size:10px;pointer-events:none}.company-header-logo{max-width:150px;max-height:46px;object-fit:contain;margin-right:12px}.shop-avatar img{max-width:90px;max-height:40px;object-fit:contain}
html[data-shop-brand] body{background:var(--brand-background);color:var(--brand-text)}html[data-shop-brand] header{background:var(--brand-header);color:var(--brand-headerText)}html[data-shop-brand] header .logo,html[data-shop-brand] header .brand,html[data-shop-brand] header a,html[data-shop-brand] header .nav,html[data-shop-brand] header nav button{color:var(--brand-headerText)}html[data-shop-brand] .nav.active{border-color:var(--brand-secondary)}html[data-shop-brand] :is(.panel,.shop-label,.preview-panel,.settings input,.settings select,.settings textarea,.form-grid input,.form-grid select,.form-grid textarea){background-color:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}html[data-shop-brand] :is(.primary,.btn:not(.secondary),.brand-preview-button){background:var(--brand-color);color:var(--brand-onPrimary);border-color:var(--brand-color)}html[data-shop-brand] .btn.secondary{background:var(--brand-surface);color:var(--brand-text)}html[data-shop-brand] :is(.intro p,.muted,.hint,.panel-title>span,.shop-label small){color:var(--brand-muted)}html[data-shop-brand] :is(.choice,.material,.segmented button,.size-presets button,.quantities button){background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}html[data-shop-brand] :is(.choice.selected,.material.selected,.segmented .selected,.size-presets .selected,.quantities .selected){background:var(--brand-secondary);color:var(--brand-onSecondary);border-color:var(--brand-color)}html[data-shop-brand] input,html[data-shop-brand] select,html[data-shop-brand] textarea{accent-color:var(--brand-color)}html[data-shop-brand] .brand-preview-button{background:var(--brand-color);color:var(--brand-onPrimary)}@media(max-width:480px){.brand-editor{padding:16px 0}.company-header-logo{max-width:95px}.brand-color-grid{gap:8px}}