.container[data-astro-cid-6cncu53g]{max-width:1400px;margin:0 auto 2rem}.editor-controls[data-astro-cid-6cncu53g]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;justify-content:center}.info-box[data-astro-cid-6cncu53g]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem;border-radius:.75rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.info-box[data-astro-cid-6cncu53g] p[data-astro-cid-6cncu53g]{margin:0;font-size:.95rem;line-height:1.6}.info-box[data-astro-cid-6cncu53g] strong[data-astro-cid-6cncu53g]{font-weight:700}.editor-page[data-astro-cid-6cncu53g]{max-width:1400px;margin:0 auto;padding:2rem;background:var(--color-surface-elevated, #f8f9fa);min-height:50vh;border-radius:1rem;box-shadow:0 2px 8px #0000000d}.editor-title[data-astro-cid-6cncu53g]{text-align:center;margin-bottom:.5rem;color:var(--color-text-default, #1e293b);font-size:2rem}.editor-subtitle[data-astro-cid-6cncu53g]{text-align:center;margin-bottom:2rem;color:var(--color-text-secondary, #64748b);font-size:1rem}.error-message[data-astro-cid-6cncu53g]{background:#fee;border:2px solid #fecaca;border-radius:.5rem;padding:2rem;text-align:center}.error-message[data-astro-cid-6cncu53g] h3[data-astro-cid-6cncu53g]{color:#dc2626;margin-top:0}.error-message[data-astro-cid-6cncu53g] code[data-astro-cid-6cncu53g]{background:#fff;padding:.2rem .4rem;border-radius:.25rem;font-family:Consolas,Monaco,monospace}.token-category{margin-bottom:3rem}.token-category__title{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--color-brand-primary, #a20000);border-bottom:3px solid var(--color-brand-primary, #a20000);padding-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.token-section{margin-bottom:2.5rem;background:var(--color-surface-page, white);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #00000014}.token-section__title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-text-default, #1e293b);border-bottom:2px solid var(--color-border-subtle, #e2e8f0);padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.token-section__title:before{content:"🎨";font-size:1.1rem}.token-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.token-card{background:var(--color-surface-page, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:.5rem;padding:.75rem;transition:box-shadow .2s}.token-card:hover{box-shadow:0 4px 8px #0000001a}.token-card__header{margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-subtle, #f1f5f9)}.token-card__path{font-family:Consolas,Monaco,monospace;font-size:.7rem;color:var(--color-text-secondary, #64748b);display:block;word-break:break-word;line-height:1.3}.token-card__body{display:flex;flex-direction:column;gap:.6rem}.token-card__control{display:grid;grid-template-columns:auto 45px;gap:.5rem;align-items:center}.token-card__label-group{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted, #475569);display:flex;align-items:center;gap:.25rem;letter-spacing:.025em}.token-card__ref-swatch{width:16px;height:16px;border-radius:3px;border:1px solid var(--color-border-default, #cbd5e1);flex-shrink:0;box-shadow:0 1px 2px #0000000d}.token-card__reference{padding:.5rem;background:var(--color-surface-elevated, #f8fafc);border-radius:.375rem;border:1px solid var(--color-border-subtle, #e2e8f0);grid-column:1 / -1}.token-card__ref-path{font-family:Consolas,Monaco,monospace;font-size:.7rem;color:var(--color-text-secondary, #64748b);display:block;word-break:break-word;line-height:1.3}input[type=color]{width:45px;height:45px;border:2px solid var(--color-border-subtle, #e2e8f0);border-radius:.375rem;cursor:pointer;transition:all .15s;padding:0}input[type=color]:hover{border-color:var(--color-border-default, #94a3b8)}input[type=color]:focus{outline:none;border-color:var(--color-interactive-default, #3b82f6);box-shadow:0 0 0 3px #3b82f633}input[type=color]:focus-visible{outline:2px solid var(--color-interactive-default, #3b82f6);outline-offset:2px}@media (max-width: 768px){.editor-page[data-astro-cid-6cncu53g]{padding:1rem}.token-group{grid-template-columns:1fr}.editor-title[data-astro-cid-6cncu53g]{font-size:1.5rem}.editor-controls[data-astro-cid-6cncu53g]{flex-direction:column}}@media (prefers-color-scheme: dark){.editor-page[data-astro-cid-6cncu53g]{background:var(--color-surface-elevated, #1a1a1a)}}