:root{--radar-accent-gradient:linear-gradient(120deg,#c5f1ff 10%,#88d7ff 40%,#b1c7ff 68%,#bbf5ed 90%);--radar-accent-ink:#111}
.radar-brand-svg{display:inline-block;flex:none;line-height:0;vertical-align:middle;width:100%;height:100%;color:inherit}
.radar-brand-svg>svg{display:block;width:100%;height:100%;overflow:visible}
.radar-brand-controls{color:inherit;min-width:0;text-align:left}
.radar-brand-controls fieldset{border:0;min-width:0;margin:0;padding:0}
.radar-brand-controls fieldset>legend{float:none;width:auto;padding:0}
.radar-brand-controls .radar-brand-picker>legend{font-size:16px;font-weight:600;margin-bottom:10px}
.radar-brand-controls p{font-size:12px;line-height:1.6;margin:8px 0 16px;color:inherit;opacity:.75}
.radar-brand-controls .radar-brand-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.radar-brand-controls button,.radar-brand-controls select{font:inherit;color:inherit;cursor:pointer}
.radar-brand-controls .radar-brand-choices>button{border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;border-radius:14px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:100px;font-size:13px}
.radar-brand-controls .radar-brand-choices>button[aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor;background:color-mix(in srgb,currentColor 6%,transparent)}
.radar-brand-option-icon{display:block;width:44px;height:44px}
.radar-brand-option-icon :is(svg,img){display:block;width:100%;height:100%;object-fit:contain}
.radar-brand-controls .radar-brand-custom>legend{font-size:12px;font-weight:500;margin-bottom:12px}
.radar-brand-controls .radar-brand-custom:disabled{opacity:.45}
.radar-brand-fields{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.radar-brand-fields>label{font-size:12px;display:flex;flex-direction:column;gap:7px;min-width:0}
.radar-brand-fields select{display:block;width:100%;min-width:0;min-height:44px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:8px;padding:8px;background:var(--cp-panel,var(--page-panel,var(--bg,#fff)));color:var(--cp-ink,var(--page-ink,inherit));font-size:12px}
.radar-brand-fields select option{background:var(--cp-panel,var(--page-panel,#fff));color:var(--cp-ink,var(--page-ink,#111))}
.radar-brand-controls input[type=color]{width:64px;height:38px;padding:3px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:6px;background:transparent;cursor:pointer}
.radar-brand-controls [hidden]{display:none!important}
.radar-brand-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.radar-brand-previews>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:12px;padding:18px;min-height:130px;border:1px solid #8884}
.radar-brand-preview-light{background:#f5f5f5;color:#111}
.radar-brand-preview-dark{background:#171717;color:#fff}
.radar-brand-previews [data-brand-preview]{display:block;width:72px;height:72px;line-height:0}
.radar-brand-previews :is(svg,img){display:block;width:100%;height:100%;object-fit:contain}
.radar-brand-previews small{font-size:11px}
.radar-brand-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.radar-brand-actions>button{min-height:44px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:8px;background:transparent;padding:8px 12px;font-size:12px}
.radar-brand-controls button:disabled{cursor:default;opacity:.45}
.radar-brand-controls :is(button,select,input):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.radar-brand-controls[data-brand-view=symbol] .radar-brand-fields{grid-template-columns:1fr}
.radar-brand-controls[data-brand-view=colors] .radar-brand-custom>legend{display:none}
.cp-brand-colors-button{width:30px;height:30px;border-radius:8px;color:var(--cp-muted)}
.cp-brand-colors-button:hover{background:var(--cp-soft);color:var(--cp-ink)}
.cp-brand-colors-button svg{width:17px;height:17px}
.cp-dialog.cp-brand-colors-dialog{width:520px;padding:26px;animation:cp-brand-colors-in .24s ease-out both}
.cp-brand-colors-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.cp-brand-colors-dialog .cp-brand-colors-heading h2{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.035em;margin:0}
.cp-brand-colors-heading .cp-icon-button{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%}
.cp-brand-colors-heading .cp-icon-button svg{display:block;width:18px;height:18px}
.cp-brand-colors-heading .cp-icon-button:hover{background:var(--cp-soft)}
@keyframes cp-brand-colors-in{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cp-dialog.cp-brand-colors-dialog{animation:none}}
@media(max-width:480px){.radar-brand-fields{grid-template-columns:1fr}.radar-brand-choices{gap:6px}.radar-brand-actions>button{flex:1 1 45%}}