.design-overview.svelte-s9cmof.svelte-s9cmof{max-width:1000px}.stats-bar.svelte-s9cmof.svelte-s9cmof{display:flex;gap:var(--g-space-6, 24px);padding:var(--g-space-4, 16px) var(--g-space-6, 24px);background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:8px;margin-bottom:var(--g-space-6, 24px)}.stat.svelte-s9cmof.svelte-s9cmof{display:flex;flex-direction:column}.stat-value.svelte-s9cmof.svelte-s9cmof{font-size:var(--g-font-size-3, 1.5rem);font-weight:600;color:var(--g-color-fg-primary, #1a1a1a)}.stat-label.svelte-s9cmof.svelte-s9cmof{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-muted, #666)}.sections-grid.svelte-s9cmof.svelte-s9cmof{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--g-space-4, 16px);margin-bottom:var(--g-space-10, 48px)}.section-card.svelte-s9cmof.svelte-s9cmof{display:flex;align-items:flex-start;gap:var(--g-space-4, 16px);padding:var(--g-space-5, 20px);background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:8px;text-decoration:none;color:inherit;transition:all .15s ease}.section-card.svelte-s9cmof.svelte-s9cmof:hover{border-color:var(--g-color-accent-active, #0b3035);box-shadow:0 4px 12px #00000014}.card-icon.svelte-s9cmof.svelte-s9cmof{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--g-color-bg-subtle, #f5f5f5);border-radius:8px;color:var(--g-color-fg-muted, #666)}.card-content.svelte-s9cmof.svelte-s9cmof{flex:1;min-width:0}.card-content.svelte-s9cmof h3.svelte-s9cmof{font-size:var(--g-font-size-1, 1rem);font-weight:600;margin:0 0 var(--g-space-1, 4px) 0;color:var(--g-color-fg-primary, #1a1a1a)}.card-content.svelte-s9cmof p.svelte-s9cmof{font-size:var(--g-font-size-0, .875rem);color:var(--g-color-fg-muted, #666);margin:0 0 var(--g-space-2, 8px) 0}.card-tags.svelte-s9cmof.svelte-s9cmof{display:flex;flex-wrap:wrap;gap:var(--g-space-1, 4px)}.tag.svelte-s9cmof.svelte-s9cmof{font-size:var(--g-font-size-0, .7rem);padding:2px 6px;background:var(--g-color-bg-subtle, #f5f5f5);border-radius:4px;color:var(--g-color-fg-muted, #666)}.tag.more.svelte-s9cmof.svelte-s9cmof{background:var(--g-color-bg-strong);color:var(--g-color-fg-on-strong)}.card-stats.svelte-s9cmof.svelte-s9cmof{display:flex;gap:var(--g-space-3, 12px);margin-top:var(--g-space-2, 8px)}.status.svelte-s9cmof.svelte-s9cmof{display:flex;align-items:center;gap:4px;font-size:var(--g-font-size-0, .7rem)}.status.stable.svelte-s9cmof.svelte-s9cmof{color:var(--g-color-status-success, #16a34a)}.status.in-progress.svelte-s9cmof.svelte-s9cmof{color:var(--g-color-status-warning, #ca8a04)}.status.planned.svelte-s9cmof.svelte-s9cmof{color:var(--g-color-fg-muted, #666)}.section-card.svelte-s9cmof .card-arrow{flex-shrink:0;color:var(--g-color-fg-soft, #999);margin-top:4px}.principles.svelte-s9cmof.svelte-s9cmof{margin-bottom:var(--g-space-10, 48px)}.principles.svelte-s9cmof h2.svelte-s9cmof{font-size:var(--g-font-size-2, 1.25rem);font-weight:600;margin:0 0 var(--g-space-4, 16px) 0;color:var(--g-color-fg-primary, #1a1a1a)}.principles-grid.svelte-s9cmof.svelte-s9cmof{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g-space-4, 16px)}.principle-card.svelte-s9cmof.svelte-s9cmof{padding:var(--g-space-4, 16px);background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:8px}.principle-card.svelte-s9cmof h4.svelte-s9cmof{font-size:var(--g-font-size-0, .875rem);font-weight:600;margin:0 0 var(--g-space-2, 8px) 0;color:var(--g-color-fg-primary, #1a1a1a)}.principle-card.svelte-s9cmof p.svelte-s9cmof{font-size:var(--g-font-size-0, .8rem);color:var(--g-color-fg-muted, #666);margin:0;line-height:1.5}.guidelines.svelte-s9cmof h2.svelte-s9cmof{font-size:var(--g-font-size-2, 1.25rem);font-weight:600;margin:0 0 var(--g-space-4, 16px) 0;color:var(--g-color-fg-primary, #1a1a1a)}.guideline-list.svelte-s9cmof.svelte-s9cmof{display:grid;grid-template-columns:1fr 1fr;gap:var(--g-space-4, 16px)}.guideline.svelte-s9cmof.svelte-s9cmof{padding:var(--g-space-4, 16px);border-radius:8px}.guideline.do.svelte-s9cmof.svelte-s9cmof{background:#e4f3e94d;border:1px solid oklch(.58 .12 156 / .3)}.guideline.dont.svelte-s9cmof.svelte-s9cmof{background:#fce9e94d;border:1px solid oklch(.56 .23 19 / .3)}.guideline.svelte-s9cmof h4.svelte-s9cmof{font-size:var(--g-font-size-0, .875rem);font-weight:600;margin:0 0 var(--g-space-2, 8px) 0}.guideline.do.svelte-s9cmof h4.svelte-s9cmof{color:var(--g-color-status-success, #16a34a)}.guideline.dont.svelte-s9cmof h4.svelte-s9cmof{color:var(--g-color-status-danger, #dc2626)}.guideline.svelte-s9cmof ul.svelte-s9cmof{margin:0;padding-left:var(--g-space-4, 16px)}.guideline.svelte-s9cmof li.svelte-s9cmof{font-size:var(--g-font-size-0, .8rem);color:var(--g-color-fg-muted, #666);margin-bottom:var(--g-space-1, 4px)}.guideline.svelte-s9cmof code.svelte-s9cmof{font-size:var(--g-font-size-0, .75rem);background:#0000000d;padding:1px 4px;border-radius:3px}@media (max-width: 900px){.sections-grid.svelte-s9cmof.svelte-s9cmof{grid-template-columns:1fr}.principles-grid.svelte-s9cmof.svelte-s9cmof{grid-template-columns:repeat(2,1fr)}.guideline-list.svelte-s9cmof.svelte-s9cmof{grid-template-columns:1fr}}[data-theme=dark] .design-overview.svelte-s9cmof.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof h2.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof h3.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof h4.svelte-s9cmof{color:var(--g-color-fg-heading)}[data-theme=dark] .design-overview.svelte-s9cmof .card-content p.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof .stat-label.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof .principle-card p.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof .guideline li.svelte-s9cmof{color:var(--g-color-fg-muted)}[data-theme=dark] .design-overview.svelte-s9cmof .stats-bar.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof .section-card.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof .principle-card.svelte-s9cmof{background:var(--g-color-bg-panel);border-color:var(--g-color-border-subtle)}[data-theme=dark] .design-overview.svelte-s9cmof .stat-value.svelte-s9cmof{color:var(--g-color-fg-heading)}[data-theme=dark] .design-overview.svelte-s9cmof .card-icon.svelte-s9cmof,[data-theme=dark] .design-overview.svelte-s9cmof .tag.svelte-s9cmof{background:var(--g-color-bg-card-hover);color:var(--g-color-fg-muted)}[data-theme=dark] .design-overview.svelte-s9cmof .section-card.svelte-s9cmof:hover{border-color:#24b6a1}[data-theme=dark] .design-overview.svelte-s9cmof code.svelte-s9cmof{background:#ffffff1a;color:var(--g-color-fg-soft)}[data-theme=dark] .design-overview.svelte-s9cmof .preview-settings h2.svelte-s9cmof{color:var(--g-color-fg-heading)}