.brand-copy-icon{flex-shrink:0;width:16px;height:16px;display:inline-grid}.brand-copy-icon>svg{transition:opacity var(--control-duration) var(--control-ease), scale var(--control-duration) var(--control-ease);grid-area:1/1}.brand-copy-icon>svg:last-child,.brand-copy-icon[data-copied]>svg:first-child{opacity:0;scale:.75}.brand-copy-icon[data-copied]>svg:last-child{opacity:1;scale:1}.brand-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.brand-copy-button{border:1px solid var(--border);border-radius:var(--radius-md);min-height:48px;font-size:var(--type-small);transition:border-color var(--control-duration) var(--control-ease), var(--focus-transition);align-items:center;gap:8px;padding-inline:16px;display:inline-flex}.brand-copy-button:hover{border-color:color-mix(in oklch, var(--foreground) 25%, transparent)}.brand-logo{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:24px;padding-block:16px;display:grid}.brand-logo-copy{gap:4px;min-width:0;display:grid}.brand-logo-copy .brand-actions{margin-top:8px}.brand-logo-preview{border-radius:var(--radius-md);background:var(--color-neutral-50);height:96px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);display:grid;overflow:hidden}.brand-logo-preview[data-split]{background:linear-gradient(to right, var(--color-neutral-50) 50%, var(--color-neutral-950) 50%);grid-template-columns:1fr 1fr}.brand-logo-preview img{place-self:center;width:48px;height:auto}.brand-logo-preview[data-split] img{width:32px}.brand-space{grid-template-columns:auto minmax(0,1fr);gap:16px;display:grid}.brand-space-figure{border-radius:var(--radius-md);background:var(--card);box-shadow:inset 0 0 0 1px var(--border);align-content:end;justify-items:center;gap:8px;padding:16px;display:grid}.brand-space-figure svg{overflow:visible}.brand-space-zone,.brand-space-bounds,.brand-space-measure{fill:none;vector-effect:non-scaling-stroke;stroke-width:1px}.brand-space-zone{stroke:var(--muted-foreground);stroke-dasharray:4 4}.brand-space-bounds{stroke:var(--border)}.brand-space-measure{stroke:var(--muted-foreground)}.brand-sizes{justify-content:center;align-items:flex-end;gap:32px;height:100%;display:flex}.brand-size{justify-items:center;gap:8px;display:grid}.brand-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.brand-segmented{border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--border);display:inline-flex}.brand-segmented button{border-radius:var(--radius-md);min-width:64px;min-height:48px;color:var(--muted-foreground);font-size:var(--type-small);transition:color var(--control-duration) var(--control-ease), background-color var(--control-duration) var(--control-ease), box-shadow var(--control-duration) var(--control-ease), var(--focus-transition);padding-inline:16px}.brand-segmented button:hover,.brand-segmented button[aria-pressed=true]{color:var(--foreground)}.brand-segmented button[aria-pressed=true]{background:var(--muted);box-shadow:inset 0 0 0 1px var(--border);font-weight:var(--weight-emphasis)}.brand-colors>li{border-bottom:1px solid var(--border)}.brand-color{grid-template-columns:minmax(0,9rem) minmax(0,1fr);align-items:center;gap:8px 24px;padding-block:16px;display:grid}.brand-color-copy{gap:4px;min-width:0;display:grid}.brand-color-values{display:grid}.brand-color-value{border-radius:var(--radius-md);text-align:start;min-height:48px;transition:background-color var(--control-duration) var(--control-ease), var(--focus-transition);grid-template-columns:24px 40px minmax(0,1fr) 16px;align-items:center;gap:8px;padding-inline:8px;display:grid}.brand-color-value:hover{background:var(--muted)}.brand-color-value .brand-copy-icon{color:var(--muted-foreground);opacity:0;transition:opacity var(--control-duration) var(--control-ease)}.brand-color-value:is(:hover,:focus-visible) .brand-copy-icon,.brand-color-value .brand-copy-icon[data-copied]{opacity:1}.brand-chip{border-radius:var(--radius-sm);width:24px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 16%, transparent)}.brand-color-mode{color:var(--muted-foreground);font-size:var(--type-small)}.brand-color-code{font-size:var(--type-small);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-type>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,9rem) minmax(0,1fr);align-items:center;gap:8px 24px;padding-block:16px;display:grid}.brand-type dt{gap:4px;display:grid}.brand-type dd{min-width:0}.brand-display{font-family:var(--font-serif);font-size:32px;font-weight:var(--weight-serif);letter-spacing:0;line-height:1.2}.brand-names dd{gap:4px;display:grid}.brand-usage{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.brand-usage ul{margin-top:8px;display:grid}.brand-usage li{border-bottom:1px solid var(--border);grid-template-columns:16px minmax(0,1fr);gap:8px;padding-block:8px;display:grid}.brand-usage li>svg{color:var(--muted-foreground);margin-top:2px}@media (max-width:34rem){.brand-color,.brand-type>div,.brand-usage,.brand-space{grid-template-columns:minmax(0,1fr)}.brand-logo{grid-template-columns:72px minmax(0,1fr);gap:16px}.brand-logo-preview{height:72px}}@media (prefers-reduced-motion:reduce){.brand-copy-icon>svg{transition:none}}