.app[data-astro-cid-bmysizix]{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.tokens-page[data-astro-cid-bmysizix]{padding:2.5rem;overflow-y:auto;display:flex;justify-content:center;background:var(--bg)}.content-wrapper[data-astro-cid-bmysizix]{width:100%;max-width:1000px}.tokens-header[data-astro-cid-bmysizix]{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center}.back-link[data-astro-cid-bmysizix]{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;margin-bottom:1.5rem;transition:color var(--transition-fast);align-self:flex-start}.back-link[data-astro-cid-bmysizix]:hover{color:var(--accent)}.header-badge[data-astro-cid-bmysizix]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.header-icon[data-astro-cid-bmysizix]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#818cf8 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:1rem;box-shadow:0 8px 24px #6366f14d}.tokens-title[data-astro-cid-bmysizix]{font-size:2.25rem;font-weight:800;color:var(--text);margin:0 0 .5rem;letter-spacing:-.02em}.tokens-description[data-astro-cid-bmysizix]{font-size:1rem;color:var(--text-muted);max-width:500px;margin:0 auto 1.5rem;line-height:1.7}.header-actions[data-astro-cid-bmysizix]{display:flex;gap:.375rem;justify-content:center;flex-wrap:wrap}.action-link[data-astro-cid-bmysizix]{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:100px;text-decoration:none;transition:all var(--transition-fast)}.action-link[data-astro-cid-bmysizix]:hover{color:var(--text);border-color:var(--border-muted);background:var(--surface-hover);transform:translateY(-1px)}.action-dot[data-astro-cid-bmysizix]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tokens-section[data-astro-cid-bmysizix]{margin-bottom:3rem}.install-options[data-astro-cid-bmysizix]{display:flex;flex-direction:column;gap:1.5rem}.install-option[data-astro-cid-bmysizix] h4[data-astro-cid-bmysizix]{font-size:.8125rem;font-weight:600;color:var(--text-muted);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.coming-soon-notice[data-astro-cid-bmysizix]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--warning-soft, rgba(245, 158, 11, .1));border:1px solid var(--warning, #f59e0b);border-radius:var(--radius-md);color:var(--warning, #f59e0b);font-size:.8125rem;font-weight:500;margin-bottom:.75rem}.coming-soon-notice[data-astro-cid-bmysizix] svg[data-astro-cid-bmysizix]{flex-shrink:0}.code-disabled[data-astro-cid-bmysizix]{opacity:.5;pointer-events:none;filter:grayscale(.3)}.section-title[data-astro-cid-bmysizix]{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.section-title[data-astro-cid-bmysizix] svg[data-astro-cid-bmysizix]{color:var(--accent)}.section-desc[data-astro-cid-bmysizix]{font-size:.9375rem;color:var(--text-muted);margin:0 0 1.25rem}.group-title[data-astro-cid-bmysizix]{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 1rem}.color-grid[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.color-card[data-astro-cid-bmysizix]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.color-swatches[data-astro-cid-bmysizix]{display:flex;height:64px}.color-swatch[data-astro-cid-bmysizix]{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem}.swatch-label[data-astro-cid-bmysizix]{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.color-info[data-astro-cid-bmysizix]{padding:.875rem;display:flex;flex-direction:column;gap:.25rem}.color-name[data-astro-cid-bmysizix]{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:.25rem .5rem;border-radius:var(--radius-xs);width:fit-content}.color-desc[data-astro-cid-bmysizix]{font-size:.8125rem;color:var(--text-muted)}.font-families[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.font-card[data-astro-cid-bmysizix]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.font-preview[data-astro-cid-bmysizix]{padding:1.5rem;font-size:2rem;text-align:center;background:var(--bg);border-bottom:1px solid var(--border);color:var(--text)}.font-info[data-astro-cid-bmysizix]{padding:1rem;display:flex;flex-direction:column;gap:.25rem}.font-name[data-astro-cid-bmysizix]{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);background:var(--accent-soft);padding:.25rem .5rem;border-radius:var(--radius-xs);width:fit-content}.font-desc[data-astro-cid-bmysizix]{font-size:.8125rem;color:var(--text-muted)}.sizes-table[data-astro-cid-bmysizix]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sizes-header[data-astro-cid-bmysizix]{display:grid;grid-template-columns:1fr 80px 1.5fr 1fr;gap:1rem;padding:.875rem 1.25rem;background:var(--bg);border-bottom:1px solid var(--border);font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.size-row[data-astro-cid-bmysizix]{display:grid;grid-template-columns:1fr 80px 1.5fr 1fr;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-subtle);align-items:center}.size-row[data-astro-cid-bmysizix]:last-child{border-bottom:none}.size-row[data-astro-cid-bmysizix] code[data-astro-cid-bmysizix]{font-family:var(--font-mono);font-size:.8125rem;color:var(--accent)}.size-px[data-astro-cid-bmysizix]{font-size:.8125rem;color:var(--text-muted)}.size-use[data-astro-cid-bmysizix]{font-size:.8125rem;color:var(--text)}.size-preview[data-astro-cid-bmysizix]{color:var(--text)}.spacing-grid[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.spacing-card[data-astro-cid-bmysizix]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:1rem}.spacing-visual[data-astro-cid-bmysizix]{width:48px;height:48px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spacing-box[data-astro-cid-bmysizix]{background:var(--accent);border-radius:2px;min-width:4px;min-height:4px}.spacing-info[data-astro-cid-bmysizix]{display:flex;flex-direction:column;gap:.125rem}.spacing-value[data-astro-cid-bmysizix]{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text)}.spacing-px[data-astro-cid-bmysizix]{font-size:.75rem;color:var(--accent);font-weight:600}.spacing-use[data-astro-cid-bmysizix]{font-size:.75rem;color:var(--text-muted)}.radius-grid[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.radius-card[data-astro-cid-bmysizix]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:1rem}.radius-preview[data-astro-cid-bmysizix]{width:48px;height:48px;background:var(--accent);flex-shrink:0}.radius-info[data-astro-cid-bmysizix]{display:flex;flex-direction:column;gap:.125rem}.radius-name[data-astro-cid-bmysizix]{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.radius-value[data-astro-cid-bmysizix]{font-size:.8125rem;font-weight:600;color:var(--text)}.radius-desc[data-astro-cid-bmysizix]{font-size:.75rem;color:var(--text-muted)}.shadows-grid[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.shadow-card[data-astro-cid-bmysizix]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:1rem}.shadow-preview[data-astro-cid-bmysizix]{width:64px;height:48px;background:var(--surface);border-radius:var(--radius-md);flex-shrink:0}.shadow-info[data-astro-cid-bmysizix]{display:flex;flex-direction:column;gap:.25rem}.shadow-name[data-astro-cid-bmysizix]{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.shadow-desc[data-astro-cid-bmysizix]{font-size:.8125rem;color:var(--text-muted)}.transitions-grid[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.transition-card[data-astro-cid-bmysizix]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:1rem}.transition-preview[data-astro-cid-bmysizix]{width:64px;height:40px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;font-size:.6875rem;font-weight:600;color:var(--accent)}.transition-preview[data-astro-cid-bmysizix]:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.transition-info[data-astro-cid-bmysizix]{display:flex;flex-direction:column;gap:.125rem}.transition-name[data-astro-cid-bmysizix]{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.transition-value[data-astro-cid-bmysizix]{font-size:.8125rem;font-weight:600;color:var(--text)}.transition-desc[data-astro-cid-bmysizix]{font-size:.75rem;color:var(--text-muted)}.figma-section[data-astro-cid-bmysizix]{margin-top:3rem}.figma-card[data-astro-cid-bmysizix]{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:2rem;display:flex;align-items:center;gap:1.5rem}.figma-icon[data-astro-cid-bmysizix]{width:72px;height:72px;background:linear-gradient(135deg,#f24e1e,#a259ff,#1abcfe);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.figma-content[data-astro-cid-bmysizix]{flex:1}.figma-content[data-astro-cid-bmysizix] h3[data-astro-cid-bmysizix]{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.figma-content[data-astro-cid-bmysizix] p[data-astro-cid-bmysizix]{font-size:.9375rem;color:#ffffffb3;margin:0 0 1rem;line-height:1.6}.figma-btn[data-astro-cid-bmysizix]{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#1e1e2e;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.figma-btn[data-astro-cid-bmysizix]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media(max-width:1024px){.app[data-astro-cid-bmysizix]{grid-template-columns:220px 1fr}}@media(max-width:768px){.app[data-astro-cid-bmysizix]{grid-template-columns:1fr}.tokens-page[data-astro-cid-bmysizix]{padding:1.5rem}.tokens-title[data-astro-cid-bmysizix]{font-size:2rem}.figma-card[data-astro-cid-bmysizix]{flex-direction:column;text-align:center}.sizes-header[data-astro-cid-bmysizix],.size-row[data-astro-cid-bmysizix]{grid-template-columns:1fr 1fr}.sizes-header[data-astro-cid-bmysizix] span[data-astro-cid-bmysizix]:nth-child(3),.sizes-header[data-astro-cid-bmysizix] span[data-astro-cid-bmysizix]:nth-child(4),.size-row[data-astro-cid-bmysizix] .size-use[data-astro-cid-bmysizix],.size-row[data-astro-cid-bmysizix] .size-preview[data-astro-cid-bmysizix]{display:none}}