.token-table{gap:var(--space-component-gap);flex-direction:column;display:flex}.token-table__controls{gap:var(--space-element-gap);flex-direction:column;display:flex}.token-table__search{width:100%;max-width:420px;padding:var(--space-inline-gap) var(--space-element-gap);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-interactive);font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-primary);transition:border-color var(--duration-interaction) var(--easing-default);appearance:none;outline:none}.token-table__search::placeholder{color:var(--color-text-secondary)}.token-table__search:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--color-border-focus)}.token-table__filter{gap:var(--space-tight-gap);flex-wrap:wrap;display:flex}.token-table__filter-pill{padding:var(--space-tight-gap) var(--space-element-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-pill);min-height:44px;font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);background:0 0;align-items:center;display:flex}.token-table__filter-pill:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.token-table__filter-pill:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.token-table__filter-pill--active{background:var(--color-accent-default);border-color:var(--color-accent-default);color:var(--color-accent-foreground)}.token-table__filter-pill--active:hover{border-color:var(--color-accent-default)}.token-table__axis-bar{align-items:center;gap:var(--space-inline-gap);padding:var(--space-inline-gap) var(--space-element-gap);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-interactive);flex-wrap:wrap;display:flex}.token-table__axis-label{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);flex-shrink:0}.token-table__axis-pill{padding:var(--space-tight-gap) var(--space-element-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-interactive);min-height:44px;font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);background:0 0;align-items:center;display:flex}.token-table__axis-pill:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.token-table__axis-pill:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.token-table__axis-pill--active{background:var(--color-surface-inverse);border-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.token-table__count{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);flex-shrink:0;margin-left:auto}.token-table__table{border:1px solid var(--color-border-default);border-radius:var(--border-radius-component);isolation:isolate;overflow:hidden}.token-table__header,.token-table__row{align-items:center;gap:var(--space-element-gap);grid-template-columns:minmax(200px,1.5fr) 90px minmax(140px,1fr) 260px minmax(160px,1fr);display:grid}.token-table__header{padding:var(--space-inline-gap) var(--space-element-gap);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default)}.token-table__header span{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);text-transform:lowercase}.token-table__row{padding:10px var(--space-element-gap);background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-default);transition:background var(--duration-interaction) var(--easing-default)}.token-table__row:last-child{border-bottom:none}.token-table__row:hover{background:var(--color-surface-secondary)}.token-table__name{align-items:center;gap:var(--space-tight-gap);min-width:0;display:flex}.token-table__varname{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;background:0 0;padding:0;overflow:hidden}.token-table__copy-btn{border-radius:var(--border-radius-interactive);width:22px;height:22px;font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.token-table__copy-btn:before{content:"";position:absolute;inset:-11px}.token-table__row:hover .token-table__copy-btn{opacity:1}.token-table__copy-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.token-table__copy-btn--failed{color:var(--color-feedback-error)}.token-table__copy-btn:focus-visible{opacity:1;outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.token-table__type{border-radius:var(--border-radius-pill);background:var(--color-surface-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);white-space:nowrap;align-items:center;width:fit-content;padding:2px 7px;display:inline-flex}.token-table__raw{min-width:0}.token-table__rawvalue{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;background:0 0;padding:0;display:block;overflow:hidden}.token-table__swatches{align-items:center;gap:5px;display:flex}.token-table__swatch{border-radius:var(--border-radius-interactive);border:1px solid var(--color-border-default);width:18px;height:18px;transition:width var(--duration-interaction) var(--easing-default), height var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default), box-shadow var(--duration-interaction) var(--easing-default);flex-shrink:0;display:block}.token-table__swatch--active{width:26px;height:26px;box-shadow:0 0 0 2px var(--color-surface-primary), 0 0 0 4px var(--color-border-focus);border-color:#0000}.token-table__swatches--single .token-table__swatch--active{width:22px;height:22px;box-shadow:none;border:1px solid var(--color-border-default)}.token-table__swatch-value{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);margin-left:var(--space-tight-gap);white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.token-table__values{align-items:center;gap:var(--space-tight-gap);display:flex}.token-table__value{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-primary)}.token-table__varies{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);opacity:.5}.token-table__unresolved{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-feedback-error)}.token-table__used-by{gap:var(--space-tight-gap);flex-wrap:wrap;align-items:center;display:flex}.token-table__used-pill{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-pill);white-space:nowrap;padding:2px 6px}.token-table__used-pill--more{cursor:default;background:0 0;border-color:#0000}.token-table__empty{padding:var(--space-section-gap);text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-component)}@media (max-width:1200px){.token-table__header,.token-table__row{grid-template-columns:minmax(180px,1.5fr) 90px minmax(120px,1fr) 260px}.token-table__col-used,.token-table__used-by{display:none}}@media (max-width:900px){.token-table__header,.token-table__row{grid-template-columns:minmax(160px,1.5fr) 90px 240px}.token-table__col-ref,.token-table__raw{display:none}}@media (max-width:600px){.token-table__header{display:none}.token-table__row{align-items:center;gap:var(--space-tight-gap);padding:var(--space-element-gap);flex-wrap:wrap;display:flex}.token-table__name{flex:auto;min-width:0}.token-table__resolved{flex-shrink:0}.token-table__type,.token-table__raw,.token-table__used-by{display:none}}@media (prefers-reduced-motion:reduce){.token-table__search,.token-table__filter-pill,.token-table__axis-pill,.token-table__row,.token-table__copy-btn,.token-table__swatch{transition:none}}