.variable-grid.svelte-opxyec{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.variable-item.svelte-opxyec{background:var(--docs-bg-tertiary);border:1px solid var(--docs-border-light);border-radius:6px;padding:1rem;transition:all .2s ease}.variable-item.svelte-opxyec:hover{border-color:var(--docs-border-medium);box-shadow:var(--docs-shadow-sm)}.variable-item.svelte-opxyec code:where(.svelte-opxyec){display:block;font-weight:600;color:var(--docs-accent-primary);margin-bottom:.5rem;font-size:.9rem}.variable-item.svelte-opxyec p:where(.svelte-opxyec){margin:0;color:var(--docs-text-secondary);font-size:.875rem;line-height:1.4}.status-success.svelte-opxyec{border-left:4px solid var(--docs-success)}.status-warning.svelte-opxyec{border-left:4px solid var(--docs-warning)}.status-error.svelte-opxyec{border-left:4px solid var(--docs-error)}.status-info.svelte-opxyec{border-left:4px solid var(--docs-info)}.gray-scale-demo.svelte-opxyec{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:1.5rem 0}.gray-item.svelte-opxyec{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--docs-bg-tertiary);border-radius:4px;border:1px solid var(--docs-border-light)}.gray-item.svelte-opxyec code:where(.svelte-opxyec){flex:1;background:none!important;border:none!important;padding:0!important;font-size:.8rem;color:var(--docs-text-primary)}.color-demo.svelte-opxyec{width:2rem;height:1.5rem;border-radius:3px;border:1px solid var(--docs-border-medium);flex-shrink:0}.theme-examples.svelte-opxyec{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.theme-example.svelte-opxyec{background:var(--docs-bg-secondary);border:1px solid var(--docs-border-light);border-radius:8px;padding:1.5rem;box-shadow:var(--docs-shadow-sm)}.theme-example.svelte-opxyec h3:where(.svelte-opxyec){margin-top:0;color:var(--docs-accent-primary)}.theme-colors.svelte-opxyec{display:flex;gap:.5rem;margin:1rem 0}.color-sample.svelte-opxyec{width:2.5rem;height:2.5rem;border-radius:6px;border:1px solid var(--docs-border-medium);box-shadow:var(--docs-shadow-sm);cursor:help;transition:transform .2s ease}.color-sample.svelte-opxyec:hover{transform:scale(1.1);box-shadow:var(--docs-shadow-md)}.color-palette.svelte-opxyec{font-size:.875rem;line-height:1.6;color:var(--docs-text-secondary)}.color-palette.svelte-opxyec strong:where(.svelte-opxyec){color:var(--docs-text-primary)}.theme-section.svelte-opxyec{margin:2rem 0;padding:1.5rem;background:var(--docs-bg-secondary);border-radius:8px;border:1px solid var(--docs-border-light)}.theme-section.svelte-opxyec h4:where(.svelte-opxyec){margin-top:0;color:var(--docs-accent-secondary);border-bottom:1px solid var(--docs-border-light);padding-bottom:.5rem}pre.svelte-opxyec{background:var(--docs-bg-tertiary)!important;border-left:4px solid var(--docs-accent-primary)!important}@media (max-width: 768px){.variable-grid.svelte-opxyec,.theme-examples.svelte-opxyec,.gray-scale-demo.svelte-opxyec{grid-template-columns:1fr}.theme-colors.svelte-opxyec{flex-wrap:wrap}.color-sample.svelte-opxyec{width:2rem;height:2rem}}.live-demo-color.svelte-opxyec{width:2rem;height:1.5rem;border-radius:4px;border:1px solid var(--docs-border-medium);margin-top:.5rem;box-shadow:var(--docs-shadow-sm);cursor:help;transition:transform .2s ease}.live-demo-color.svelte-opxyec:hover{transform:scale(1.1);box-shadow:var(--docs-shadow-md)}.live-demo-section.svelte-opxyec{background:var(--docs-bg-secondary);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid var(--docs-border-light)}.demo-components.svelte-opxyec{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.demo-card.svelte-opxyec{background:var(--docs-bg-primary);border:1px solid var(--docs-border-light);border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.demo-card.svelte-opxyec:hover{box-shadow:var(--docs-shadow-md);transform:translateY(-2px)}.demo-card.svelte-opxyec h4:where(.svelte-opxyec){margin:0 0 1rem;color:var(--docs-accent-primary);font-size:1rem}.demo-card.svelte-opxyec small:where(.svelte-opxyec){display:block;margin-top:.5rem;color:var(--docs-text-muted);font-style:italic}.demo-button.svelte-opxyec{padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.demo-button-primary.svelte-opxyec{background-color:var(--lg-primary, #466d4d);color:#fff}.demo-button-primary.svelte-opxyec:hover{background-color:var(--lg-primary-hover, #3a5a41);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.demo-button-secondary.svelte-opxyec{background-color:var(--lg-secondary, #6d8d57);color:#fff}.demo-button-secondary.svelte-opxyec:hover{background-color:var(--lg-secondary-hover, #5a7447);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.demo-badge.svelte-opxyec{display:inline-block;background-color:var(--lg-accent, #8b8d3a);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.demo-text.svelte-opxyec{text-align:left;padding:1rem;background:var(--docs-bg-tertiary);border-radius:6px;border:1px solid var(--docs-border-light)}.docs-page pre code{font-size:.875rem;line-height:1.5}.docs-page li code{font-weight:600;color:var(--docs-accent-rust)}