.readout.svelte-s9z6ss{align-items:center;gap:var(--spacing-4) var(--spacing-6);flex-wrap:wrap;width:100%;display:flex}.swatch.svelte-s9z6ss{border-radius:var(--radius-md);gap:var(--spacing-2);border-style:solid;border-width:1px;flex-direction:column;display:flex}.swatch.svelte-s9z6ss:not([data-elevation]){background:var(--surface-0);border-color:var(--color-border)}.lower.svelte-s9z6ss{padding:var(--spacing-3);width:clamp(96px,30vw,128px)}.upper.svelte-s9z6ss{padding:var(--spacing-3)}.sw-tag.svelte-s9z6ss{font-family:Fira Code,monospace;font-size:var(--text-fluid-xs);color:var(--color-muted)}.pair.rim-off.svelte-s9z6ss .swatch[data-elevation]:where(.svelte-s9z6ss){border-color:#0000}.metric.svelte-s9z6ss{gap:var(--spacing-1);flex-direction:column;min-width:8rem;display:flex}.metric-label.svelte-s9z6ss{font-size:var(--text-fluid-xs);color:var(--color-muted)}.cr-num.svelte-s9z6ss{font-family:Fira Code,monospace;font-size:var(--text-fluid-xl);color:var(--color-fg);font-weight:700;line-height:1}.cr-idle.svelte-s9z6ss{color:var(--color-muted)}.cr-x.svelte-s9z6ss{font-size:var(--text-fluid-sm);color:var(--color-muted)}.cr-hint.svelte-s9z6ss{font-size:var(--text-fluid-xs);color:var(--color-muted)}.badge.svelte-s9z6ss{align-items:center;gap:var(--spacing-1);border-radius:var(--radius-full);width:fit-content;font-size:var(--text-fluid-xs);padding:2px 8px;font-weight:600;display:inline-flex}.badge-pass.svelte-s9z6ss{background:var(--color-success-light);color:var(--color-success-fg)}.badge-fail.svelte-s9z6ss{background:var(--color-error-light);color:var(--color-error-fg)}.status.svelte-s9z6ss{min-height:2.5rem;font-size:var(--text-fluid-sm);color:var(--color-muted);flex:14rem;margin:0;line-height:1.4}.demo-card.svelte-xclv6v{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden}.demo-header.svelte-xclv6v{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border);background:var(--color-subtle);display:flex}.demo-title.svelte-xclv6v{font-size:var(--text-fluid-base);color:var(--color-fg);margin:0;font-weight:600}.demo-description.svelte-xclv6v{margin:var(--spacing-1) 0 0 0;font-size:var(--text-fluid-sm);color:var(--color-muted);line-height:1.5}.demo-content.svelte-xclv6v{padding:var(--spacing-7) var(--spacing-6);gap:var(--spacing-4);flex-wrap:wrap;align-items:center;min-height:5rem;display:flex}.demo-code.svelte-xclv6v{border-top:1px solid var(--color-border)}.demo-code.svelte-xclv6v summary:where(.svelte-xclv6v){padding:var(--spacing-3) var(--spacing-6);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-fluid-sm);color:var(--color-muted);transition:color var(--duration-fast);background:var(--color-subtle);font-weight:500}.demo-code.svelte-xclv6v summary:where(.svelte-xclv6v):hover{color:var(--color-fg)}.demo-code.svelte-xclv6v pre:where(.svelte-xclv6v){padding:var(--spacing-4) var(--spacing-6);background:var(--color-subtle);border-top:1px solid var(--color-border);margin:0;overflow-x:auto}.demo-code.svelte-xclv6v code:where(.svelte-xclv6v){font-family:Fira Code,Courier New,monospace;font-size:var(--text-fluid-sm);color:var(--color-fg);line-height:1.6}.band.svelte-fdqhcc{gap:var(--spacing-2);border-radius:var(--radius-md);transition:background-color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);border-style:solid;border-width:1px;flex-direction:column;display:flex;position:relative;overflow:visible}.band.svelte-fdqhcc:not([data-elevation]){background:var(--surface-0);border-color:var(--color-border)}.band.root.svelte-fdqhcc{width:100%;overflow:hidden;container-type:inline-size}.band.root.hero.svelte-fdqhcc{border-radius:var(--radius-lg);min-height:clamp(260px,32vw,400px);padding:clamp(16px,4vw,32px)}.band.root.svelte-fdqhcc:not(.hero){border-radius:var(--radius-lg);padding:clamp(10px,3vw,18px)}.band.svelte-fdqhcc:not(.root){padding:max(6px, calc(clamp(10px, 3cqi, 22px) - (var(--depth) - 1) * 2px))}.is-selected.svelte-fdqhcc{outline:2px solid var(--color-primary);outline-offset:2px}.chip.svelte-fdqhcc{align-self:flex-start;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-fg) 8%, transparent);max-width:100%;font-size:var(--text-fluid-xs);color:var(--color-fg);padding:2px 8px;line-height:1.4;display:inline-flex}.chip-compact.svelte-fdqhcc{padding:1px 6px}.chip-e.svelte-fdqhcc{font-family:Fira Code,monospace;font-weight:700}.chip-role.svelte-fdqhcc{white-space:nowrap;font-weight:600}.chip-token.svelte-fdqhcc{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-family:Fira Code,monospace;overflow:hidden}.band.root.sim-grayscale.svelte-fdqhcc{filter:grayscale()}.band.root.sim-blur.svelte-fdqhcc{filter:blur(1.2px)contrast(.82)}.token-swatch.svelte-1tp1smh{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);display:flex}.preview.svelte-1tp1smh{flex-shrink:0}.color-preview.svelte-1tp1smh,.shadow-preview.svelte-1tp1smh,.radius-preview.svelte-1tp1smh{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2.5rem;height:2.5rem}.shadow-preview.svelte-1tp1smh{background:var(--color-bg)}.radius-preview.svelte-1tp1smh{background:var(--color-primary)}.token-info.svelte-1tp1smh{flex:1;min-width:0}.token-label.svelte-1tp1smh{font-size:var(--text-fluid-sm);color:var(--color-fg);margin-bottom:var(--spacing-1);font-weight:500}.token-value.svelte-1tp1smh{font-size:var(--text-fluid-xs);color:var(--color-muted);word-break:break-all;font-family:Fira Code,monospace}.variant-container.svelte-8e2xid{gap:var(--spacing-4);flex-wrap:wrap;width:100%;display:flex}.variant-container.row.svelte-8e2xid{flex-direction:row;align-items:center}.variant-container.grid.svelte-8e2xid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}@media (width<=640px){.variant-container.grid.svelte-8e2xid{grid-template-columns:1fr}}