:root{--card-strong:var(--glass-bg-strong);--danger:var(--error)}[data-theme=light]{--card-strong:var(--glass-bg-strong)}.table-container{margin-top:var(--space-4);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}thead{background:var(--glass-bg-strong);border-bottom:2px solid var(--glass-border)}th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--text)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border);color:var(--text)}tbody tr:hover{background:var(--glass-bg)}.token-preview{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);display:flex}.color-swatch{border-radius:var(--radius-md);border:1px solid var(--glass-border);width:40px;height:40px}.token-info{flex:1}.token-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);font-weight:var(--font-medium)}.token-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.theme-preview-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.theme-token-preview{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);flex-direction:column;display:flex}@media (width<=768px){.table-container{font-size:var(--text-xs)}th,td{padding:var(--space-2) var(--space-3)}}