.brand-style-settings{border:1px solid var(--app-border-soft);border-radius:var(--radius-xl);background:var(--app-surface-raised);padding:20px}.brand-style-settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.brand-style-settings-colors,.brand-style-settings-fonts{min-width:0}.brand-style-settings-fonts{border-left:1px solid var(--app-border-soft);padding-left:24px}[data-color-palette-layout=compact] .brand-palette-items{vertical-align:middle;flex-wrap:wrap;gap:8px;max-width:100%;display:inline-flex}[data-color-palette-layout=compact] .brand-palette-items>li{flex-wrap:wrap;max-width:100%;margin:0;position:relative}[data-color-palette-layout=compact] .brand-palette-order,[data-color-palette-layout=compact] .brand-palette-actions{display:none}[data-color-palette-layout=compact] .brand-palette-remove{z-index:1;border-radius:inherit;background:linear-gradient(to right, transparent, var(--app-surface-raised) 45%);opacity:0;pointer-events:none;width:48px;height:auto;padding-left:16px;transition:opacity .16s;position:absolute;inset:0 0 0 auto}[data-color-palette-layout=compact] li:hover .brand-palette-remove,[data-color-palette-layout=compact] li:focus-within .brand-palette-remove{opacity:1;pointer-events:auto}[data-color-palette-layout=compact] .brand-palette-remove:disabled svg{opacity:.3}@media (hover:none){[data-color-palette-layout=compact] .brand-palette-remove{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){[data-color-palette-layout=compact] .brand-palette-remove{transition:none}}[data-color-palette-layout=compact] .brand-palette-add{vertical-align:middle;margin-left:8px;display:inline-block}[data-brand-font-layout=compact]{min-width:0}[data-brand-font-layout=compact] .brand-font-row{grid-template-columns:minmax(0,1fr) auto;column-gap:0;transition:column-gap .22s cubic-bezier(.22,1,.36,1)}[data-brand-font-layout=compact] .brand-font-actions{opacity:0;visibility:hidden;pointer-events:none;width:0;min-width:0;transition:width .22s cubic-bezier(.22,1,.36,1),opacity .18s,visibility 0s linear .22s;display:flex;overflow:hidden}[data-brand-font-layout=compact] .brand-font-actions>button{flex:0 0 2rem}[data-brand-font-layout=compact] .brand-font-row:hover,[data-brand-font-layout=compact] .brand-font-row:focus-within{column-gap:8px}[data-brand-font-layout=compact] .brand-font-row:hover .brand-font-actions,[data-brand-font-layout=compact] .brand-font-row:focus-within .brand-font-actions{opacity:1;visibility:visible;pointer-events:auto;width:6.75rem;transition-delay:0s}@media (hover:none){[data-brand-font-layout=compact] .brand-font-row{column-gap:8px}[data-brand-font-layout=compact] .brand-font-actions{opacity:1;visibility:visible;pointer-events:auto;width:6.75rem}}@media (prefers-reduced-motion:reduce){[data-brand-font-layout=compact] .brand-font-row,[data-brand-font-layout=compact] .brand-font-actions{transition:none}}@media (max-width:767px){.brand-style-settings-grid{grid-template-columns:minmax(0,1fr);gap:20px}.brand-style-settings-fonts{border-top:1px solid var(--app-border-soft);border-left:0;padding-top:20px;padding-left:0}}
.style-composer-notice-motion{overflow:hidden}.style-composer-notice{border:1px solid color-mix(in srgb, var(--app-danger-border) 42%, var(--app-border-soft));border-radius:var(--radius-xl);background:color-mix(in srgb, var(--app-danger-surface) 55%, var(--app-surface-raised));color:var(--app-text-primary);align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.style-composer-notice-icon{border-radius:var(--radius-pill);background:var(--app-danger-surface);height:32px;color:var(--app-danger-text);flex:0 0 32px;place-items:center;display:grid}.style-composer-notice-message{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:13px;line-height:1.6}.style-composer-notice-close{border-radius:var(--radius-pill);height:36px;color:var(--app-text-secondary);cursor:pointer;background:0 0;border:0;flex:0 0 36px;place-items:center;display:grid}.style-composer-notice-close:hover{background:var(--app-surface-input-hover);color:var(--app-text-primary)}.style-composer-notice-close:focus-visible{outline:2px solid var(--app-brand-accent);outline-offset:-2px}