.component-detail.svelte-54ymy3.svelte-54ymy3{max-width:1200px}.not-found.svelte-54ymy3.svelte-54ymy3{text-align:center;padding:var(--space-48, 48px)}.not-found.svelte-54ymy3 a.svelte-54ymy3{color:var(--g-color-accent-active, #0b3035)}.breadcrumb.svelte-54ymy3.svelte-54ymy3{display:flex;align-items:center;gap:var(--space-8, 8px);margin-bottom:var(--space-24, 24px);font-size:var(--g-font-size-0, .8rem);color:var(--g-color-fg-muted, #666)}.breadcrumb.svelte-54ymy3 a.svelte-54ymy3{display:flex;align-items:center;gap:var(--space-4, 4px);color:var(--g-color-accent-active, #0b3035);text-decoration:none}.breadcrumb.svelte-54ymy3 a.svelte-54ymy3:hover{text-decoration:underline}.page-header.svelte-54ymy3.svelte-54ymy3{margin-bottom:var(--space-24, 24px)}.page-header.svelte-54ymy3 h1.svelte-54ymy3{font-size:var(--g-font-size-4, 2rem);font-weight:600;margin:0 0 var(--space-8, 8px) 0}.description.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-muted, #666);margin:0 0 var(--space-12, 12px) 0}.meta-row.svelte-54ymy3.svelte-54ymy3{display:flex;align-items:center;gap:var(--space-8, 8px);flex-wrap:wrap}.badge.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .7rem);padding:2px 8px;border-radius:4px;text-transform:capitalize}.badge.category.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-subtle, #f5f5f5);color:var(--g-color-fg-muted, #666)}.badge.status-stable.svelte-54ymy3.svelte-54ymy3{background:#e4f3e94d;color:var(--g-color-status-success, #16a34a)}.badge.status-in-progress.svelte-54ymy3.svelte-54ymy3{background:#f7ede04d;color:var(--g-color-status-warning, #ca8a04)}.source.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .65rem);color:var(--g-color-fg-soft, #999)}.playground-container.svelte-54ymy3.svelte-54ymy3{display:grid;grid-template-columns:1fr 360px;gap:var(--space-24, 24px);margin-bottom:var(--space-32, 32px);align-items:start}.preview-panel.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:8px;overflow:hidden}.preview-toolbar.svelte-54ymy3.svelte-54ymy3{display:flex;gap:var(--space-16, 16px);padding:var(--space-12, 12px) var(--space-16, 16px);background:var(--g-color-bg-subtle, #f5f5f5);border-bottom:1px solid var(--g-color-border-subtle, #e5e5e5);align-items:center}.toolbar-group.svelte-54ymy3.svelte-54ymy3{display:flex;align-items:center;gap:var(--space-8, 8px)}.toolbar-label.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .7rem);color:var(--g-color-fg-muted, #666);margin-right:var(--space-4, 4px)}.toolbar-group.svelte-54ymy3 select.svelte-54ymy3{padding:var(--space-4, 4px) var(--space-8, 8px);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:4px;font-size:var(--g-font-size-0, .75rem);background:var(--g-color-bg-panel, #fff)}.preview-frame.svelte-54ymy3.svelte-54ymy3{min-height:200px;padding:var(--space-32, 32px);display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin:0 auto}.placeholder.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-soft, #999);font-style:italic}.controls-panel.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:8px;overflow:hidden;position:sticky;top:var(--space-16, 16px);max-height:calc(100vh - 32px);overflow-y:auto}.panel-section.svelte-54ymy3.svelte-54ymy3{padding:var(--space-16, 16px);border-bottom:1px solid var(--g-color-border-subtle, #e5e5e5)}.panel-section.svelte-54ymy3.svelte-54ymy3:last-child{border-bottom:none}.panel-section.svelte-54ymy3 h3.svelte-54ymy3{font-size:var(--g-font-size-0, .8rem);font-weight:600;margin:0 0 var(--space-12, 12px) 0;color:var(--g-color-fg-primary, #1a1a1a)}.presets-list.svelte-54ymy3.svelte-54ymy3{display:flex;flex-direction:column;gap:var(--space-4, 4px)}.preset-btn.svelte-54ymy3.svelte-54ymy3{display:flex;align-items:center;gap:var(--space-8, 8px);padding:var(--space-8, 8px) var(--space-12, 12px);border:1px solid transparent;background:transparent;border-radius:6px;font-size:var(--g-font-size-0, .8rem);color:var(--g-color-fg-muted, #666);cursor:pointer;text-align:left;transition:all .15s ease}.preset-btn.svelte-54ymy3.svelte-54ymy3:hover:not(.active){background:var(--g-color-nav-hover-bg);border-color:var(--g-color-border-strong)}.preset-btn.active.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-accent-active, #0b3035);border-color:var(--g-color-accent-active, #0b3035);color:var(--color-white, #fff)}.controls-list.svelte-54ymy3.svelte-54ymy3{display:flex;flex-direction:column;gap:var(--space-12, 12px)}.control-row.svelte-54ymy3.svelte-54ymy3{display:flex;flex-direction:column;gap:var(--space-4, 4px)}.control-row.svelte-54ymy3 label.svelte-54ymy3{font-size:var(--g-font-size-0, .75rem);font-weight:500;color:var(--g-color-fg-muted, #666)}.control-row.svelte-54ymy3 input[type=text].svelte-54ymy3,.control-row.svelte-54ymy3 input[type=number].svelte-54ymy3,.control-row.svelte-54ymy3 select.svelte-54ymy3{padding:var(--space-8, 8px);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:4px;font-size:var(--g-font-size-0, .8rem);background:var(--g-color-bg-panel, #fff)}.control-row.svelte-54ymy3 input[type=checkbox].svelte-54ymy3{width:18px;height:18px;cursor:pointer;accent-color:var(--g-color-accent-active)}.control-row.svelte-54ymy3 input[type=text].svelte-54ymy3:focus,.control-row.svelte-54ymy3 input[type=number].svelte-54ymy3:focus,.control-row.svelte-54ymy3 select.svelte-54ymy3:focus{outline:none;border-color:var(--g-color-accent-active);box-shadow:0 0 0 2px #19444933}.control-row.svelte-54ymy3 input[type=checkbox].svelte-54ymy3:focus-visible{outline:2px solid var(--g-color-accent-active);outline-offset:2px}.control-desc.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .65rem);color:var(--g-color-fg-soft, #999);line-height:1.3;display:none}.control-row.svelte-54ymy3:hover .control-desc.svelte-54ymy3,.control-row.svelte-54ymy3:focus-within .control-desc.svelte-54ymy3{display:block}.snippet-header.svelte-54ymy3.svelte-54ymy3{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8, 8px)}.snippet-header.svelte-54ymy3 h3.svelte-54ymy3{margin:0}.copy-btn.svelte-54ymy3.svelte-54ymy3{display:flex;align-items:center;gap:var(--space-4, 4px);padding:var(--space-4, 4px) var(--space-8, 8px);border:none;background:var(--g-color-bg-subtle, #f5f5f5);border-radius:4px;font-size:var(--g-font-size-0, .7rem);color:var(--g-color-fg-muted, #666);cursor:pointer}.copy-btn.svelte-54ymy3.svelte-54ymy3:hover{background:var(--g-color-accent-quiet, #e0f2f1);color:var(--g-color-fg-on-strong, var(--g-color-accent-active, #0b3035))}.snippet.svelte-54ymy3.svelte-54ymy3{margin:0;padding:var(--space-12, 12px);background:var(--g-color-bg-subtle, #f5f5f5);border-radius:6px;overflow-x:auto}.snippet.svelte-54ymy3 code.svelte-54ymy3{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-primary, #1a1a1a)}.event-log.svelte-54ymy3.svelte-54ymy3{max-height:120px;overflow-y:auto;background:var(--g-color-bg-subtle, #f5f5f5);border-radius:6px;padding:var(--space-8, 8px)}.no-events.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .7rem);color:var(--g-color-fg-soft, #999);font-style:italic}.event-entry.svelte-54ymy3.svelte-54ymy3{font-family:var(--font-mono);font-size:var(--g-font-size-0, .65rem);color:var(--g-color-fg-muted, #666);padding:var(--space-4, 4px) 0;border-bottom:1px solid var(--g-color-border-subtle, #e5e5e5)}.event-entry.svelte-54ymy3.svelte-54ymy3:last-child{border-bottom:none}.info-section.svelte-54ymy3.svelte-54ymy3{padding:var(--space-24, 24px);background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:8px;margin-bottom:var(--space-16, 16px)}.info-section.svelte-54ymy3 h2.svelte-54ymy3{font-size:var(--g-font-size-1, 1rem);font-weight:600;margin:0 0 var(--space-12, 12px) 0}.info-section.svelte-54ymy3 p.svelte-54ymy3{font-size:var(--g-font-size-0, .875rem);color:var(--g-color-fg-muted, #666);margin:0;line-height:1.6}@media (max-width: 900px){.playground-container.svelte-54ymy3.svelte-54ymy3{grid-template-columns:1fr}}.preview-form-field.svelte-54ymy3.svelte-54ymy3{display:flex;flex-direction:column;gap:4px;min-width:200px}.preview-label.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .75rem);font-weight:500;color:var(--g-color-fg-muted, #666)}.preview-input.svelte-54ymy3.svelte-54ymy3,.preview-select.svelte-54ymy3.svelte-54ymy3,.preview-textarea.svelte-54ymy3.svelte-54ymy3{padding:8px 12px;border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:4px;font-size:var(--g-font-size-0, .875rem);background:var(--g-color-bg-surface, #fff);color:var(--g-color-fg-primary, #1a1a1a);transition:border-color .15s ease,box-shadow .15s ease}.preview-input.svelte-54ymy3.svelte-54ymy3:focus,.preview-select.svelte-54ymy3.svelte-54ymy3:focus,.preview-textarea.svelte-54ymy3.svelte-54ymy3:focus{outline:none;border-color:var(--g-color-accent-active, #0b3035);box-shadow:0 0 0 2px var(--greenscale-alpha-20, rgba(0, 0, 0, .1))}.preview-input--small.svelte-54ymy3.svelte-54ymy3{padding:4px 8px;font-size:var(--g-font-size-0, .75rem)}.preview-input--large.svelte-54ymy3.svelte-54ymy3{padding:12px 16px;font-size:var(--g-font-size-1, 1rem)}.preview-input--error.svelte-54ymy3.svelte-54ymy3{border-color:var(--g-color-status-danger, #dc2626)}.preview-error.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .7rem);color:var(--g-color-status-danger, #dc2626)}.preview-textarea.svelte-54ymy3.svelte-54ymy3{min-height:80px;resize:vertical}.preview-toggle.svelte-54ymy3.svelte-54ymy3{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.preview-toggle-input.svelte-54ymy3.svelte-54ymy3{position:absolute;opacity:0;pointer-events:none}.preview-toggle-track.svelte-54ymy3.svelte-54ymy3{position:relative;width:40px;height:22px;background:var(--g-color-border-strong, #ccc);border-radius:11px;transition:background .15s ease}.preview-toggle-track.svelte-54ymy3.svelte-54ymy3:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.preview-toggle-input.svelte-54ymy3:checked+.preview-toggle-track.svelte-54ymy3{background:var(--g-color-accent-active, #0b3035)}.preview-toggle-input.svelte-54ymy3:checked+.preview-toggle-track.svelte-54ymy3:after{transform:translate(18px)}.preview-toggle-track--small.svelte-54ymy3.svelte-54ymy3{width:28px;height:16px}.preview-toggle-track--small.svelte-54ymy3.svelte-54ymy3:after{width:12px;height:12px}.preview-toggle-track--large.svelte-54ymy3.svelte-54ymy3{width:52px;height:28px}.preview-toggle-track--large.svelte-54ymy3.svelte-54ymy3:after{width:24px;height:24px}.preview-toggle-label.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .875rem);color:var(--g-color-fg-primary, #1a1a1a)}.preview-checkbox.svelte-54ymy3.svelte-54ymy3,.preview-radio.svelte-54ymy3.svelte-54ymy3{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer}.preview-checkbox-input.svelte-54ymy3.svelte-54ymy3,.preview-radio-input.svelte-54ymy3.svelte-54ymy3{position:absolute;opacity:0;pointer-events:none}.preview-checkbox-box.svelte-54ymy3.svelte-54ymy3{width:18px;height:18px;border:2px solid var(--g-color-border-strong, #ccc);border-radius:3px;background:var(--g-color-bg-surface, #fff);transition:all .15s ease}.preview-checkbox-input.svelte-54ymy3:checked+.preview-checkbox-box.svelte-54ymy3{background:var(--g-color-accent-active, #0b3035);border-color:var(--g-color-accent-active, #0b3035)}.preview-radio-circle.svelte-54ymy3.svelte-54ymy3{width:18px;height:18px;border:2px solid var(--g-color-border-strong, #ccc);border-radius:50%;background:var(--g-color-bg-surface, #fff);transition:all .15s ease}.preview-radio-input.svelte-54ymy3:checked+.preview-radio-circle.svelte-54ymy3{background:var(--g-color-accent-active, #0b3035);border-color:var(--g-color-accent-active, #0b3035);box-shadow:inset 0 0 0 3px #fff}.preview-checkbox-content.svelte-54ymy3.svelte-54ymy3,.preview-radio-content.svelte-54ymy3.svelte-54ymy3{display:flex;flex-direction:column;gap:2px}.preview-checkbox-label.svelte-54ymy3.svelte-54ymy3,.preview-radio-label.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .875rem);color:var(--g-color-fg-primary, #1a1a1a)}.preview-checkbox-desc.svelte-54ymy3.svelte-54ymy3,.preview-radio-desc.svelte-54ymy3.svelte-54ymy3{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-soft, #999)}.preview-card.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-card, #f9f9f9);border-radius:8px;min-width:200px;max-width:300px;transition:all .15s ease}.preview-card--bordered.svelte-54ymy3.svelte-54ymy3{border:1px solid var(--g-color-border-subtle, #e5e5e5)}.preview-card--elevated.svelte-54ymy3.svelte-54ymy3{box-shadow:0 2px 8px #0000001a}.preview-card--compact.svelte-54ymy3.svelte-54ymy3{padding:8px}.preview-card--comfortable.svelte-54ymy3.svelte-54ymy3{padding:16px}.preview-card--spacious.svelte-54ymy3.svelte-54ymy3{padding:24px}.preview-card--interactive.svelte-54ymy3.svelte-54ymy3{cursor:pointer}.preview-card--interactive.svelte-54ymy3.svelte-54ymy3:hover{background:var(--g-color-bg-card-hover, #f0f0f0)}.preview-badge.svelte-54ymy3.svelte-54ymy3{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:9999px;font-size:var(--g-font-size-0, .75rem);font-weight:500}.preview-badge--default.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-subtle, #f5f5f5);color:var(--g-color-fg-muted, #666)}.preview-badge--success.svelte-54ymy3.svelte-54ymy3{background:#e4f3e9;color:var(--g-color-status-success, #16a34a)}.preview-badge--warning.svelte-54ymy3.svelte-54ymy3{background:#f7ede0;color:var(--g-color-status-warning, #ca8a04)}.preview-badge--danger.svelte-54ymy3.svelte-54ymy3{background:#fce9e9;color:var(--g-color-status-danger, #dc2626)}.preview-badge--info.svelte-54ymy3.svelte-54ymy3{background:#eeedfc;color:var(--g-color-status-info, #7c3aed)}.preview-badge--small.svelte-54ymy3.svelte-54ymy3{padding:2px 6px;font-size:var(--g-font-size-0, .65rem)}.preview-badge--large.svelte-54ymy3.svelte-54ymy3{padding:6px 12px;font-size:var(--g-font-size-0, .875rem)}.preview-badge--outline.svelte-54ymy3.svelte-54ymy3{background:transparent;border:1px solid currentColor}.preview-badge-dot.svelte-54ymy3.svelte-54ymy3{width:6px;height:6px;border-radius:50%;background:currentColor}.preview-alert.svelte-54ymy3.svelte-54ymy3{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:6px;border-left:4px solid;min-width:250px;max-width:400px}.preview-alert--info.svelte-54ymy3.svelte-54ymy3{background:#eeedfc4d;border-color:var(--g-color-status-info, #7c3aed);color:var(--g-color-status-info, #7c3aed)}.preview-alert--success.svelte-54ymy3.svelte-54ymy3{background:#e4f3e94d;border-color:var(--g-color-status-success, #16a34a);color:var(--g-color-status-success, #16a34a)}.preview-alert--warning.svelte-54ymy3.svelte-54ymy3{background:#f7ede04d;border-color:var(--g-color-status-warning, #ca8a04);color:var(--g-color-status-warning, #ca8a04)}.preview-alert--danger.svelte-54ymy3.svelte-54ymy3{background:#fce9e94d;border-color:var(--g-color-status-danger, #dc2626);color:var(--g-color-status-danger, #dc2626)}.preview-alert-title.svelte-54ymy3.svelte-54ymy3{font-weight:600}.preview-spinner.svelte-54ymy3.svelte-54ymy3{display:flex;align-items:center;justify-content:center;color:var(--g-color-accent-active, #0b3035)}.preview-spinner.svelte-54ymy3 svg.svelte-54ymy3{animation:svelte-54ymy3-spin 1s linear infinite}.preview-spinner--small.svelte-54ymy3 svg.svelte-54ymy3{width:16px;height:16px}.preview-spinner--medium.svelte-54ymy3 svg.svelte-54ymy3{width:24px;height:24px}.preview-spinner--large.svelte-54ymy3 svg.svelte-54ymy3{width:40px;height:40px}.preview-spinner.svelte-54ymy3 circle.svelte-54ymy3{stroke-dasharray:80,200;stroke-dashoffset:0;animation:svelte-54ymy3-dash 1.5s ease-in-out infinite}@keyframes svelte-54ymy3-spin{to{transform:rotate(360deg)}}@keyframes svelte-54ymy3-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}[data-theme=dark] .component-detail.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-primary)}[data-theme=dark] .preview-panel.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .controls-panel.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-panel);border-color:var(--g-color-border-subtle)}[data-theme=dark] .preview-toolbar.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-subtle);border-color:var(--g-color-border-subtle)}[data-theme=dark] .panel-section.svelte-54ymy3.svelte-54ymy3{border-color:var(--g-color-border-subtle)}[data-theme=dark] .panel-section.svelte-54ymy3 h3.svelte-54ymy3{color:var(--g-color-fg-primary)}[data-theme=dark] .control-row.svelte-54ymy3 label.svelte-54ymy3{color:var(--g-color-fg-muted)}[data-theme=dark] .control-desc.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-soft)}[data-theme=dark] .control-row.svelte-54ymy3 input[type=text].svelte-54ymy3,[data-theme=dark] .control-row.svelte-54ymy3 input[type=number].svelte-54ymy3,[data-theme=dark] .control-row.svelte-54ymy3 select.svelte-54ymy3,[data-theme=dark] .toolbar-group.svelte-54ymy3 select.svelte-54ymy3{background:var(--g-color-bg-surface);border-color:var(--g-color-border-subtle);color:var(--g-color-fg-primary)}[data-theme=dark] .preset-btn.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-muted)}[data-theme=dark] .preset-btn.svelte-54ymy3.svelte-54ymy3:hover{background:var(--g-color-bg-subtle)}[data-theme=dark] .preset-btn.active.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-accent-active);color:var(--color-white, #fff)}[data-theme=dark] .toolbar-btn.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-surface);border-color:var(--g-color-border-subtle);color:var(--g-color-fg-muted)}[data-theme=dark] .toolbar-btn.svelte-54ymy3.svelte-54ymy3:hover,[data-theme=dark] .toolbar-btn.active.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-accent-quiet);border-color:var(--g-color-accent-active);color:var(--g-color-fg-on-strong)}[data-theme=dark] .snippet.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-subtle)}[data-theme=dark] .snippet.svelte-54ymy3 code.svelte-54ymy3{color:var(--g-color-fg-primary)}[data-theme=dark] .event-log.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-subtle)}[data-theme=dark] .event-entry.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-muted);border-color:var(--g-color-border-subtle)}[data-theme=dark] .no-events.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-soft)}[data-theme=dark] .copy-btn.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-subtle);color:var(--g-color-fg-muted)}[data-theme=dark] .copy-btn.svelte-54ymy3.svelte-54ymy3:hover{background:var(--g-color-accent-quiet);color:var(--g-color-fg-on-strong)}[data-theme=dark] .info-section.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-panel);border-color:var(--g-color-border-subtle)}[data-theme=dark] .info-section.svelte-54ymy3 p.svelte-54ymy3{color:var(--g-color-fg-muted)}[data-theme=dark] .badge.category.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-subtle);color:var(--g-color-fg-muted)}[data-theme=dark] .description.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .breadcrumb.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-muted)}[data-theme=dark] .source.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-soft)}[data-theme=dark] .preview-input.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .preview-select.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .preview-textarea.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-surface);border-color:var(--g-color-border-subtle);color:var(--g-color-fg-primary)}[data-theme=dark] .preview-input.svelte-54ymy3.svelte-54ymy3::placeholder,[data-theme=dark] .preview-textarea.svelte-54ymy3.svelte-54ymy3::placeholder{color:var(--g-color-fg-soft)}[data-theme=dark] .preview-label.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .preview-toggle-label.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .preview-checkbox-label.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .preview-radio-label.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-primary)}[data-theme=dark] .preview-checkbox-desc.svelte-54ymy3.svelte-54ymy3,[data-theme=dark] .preview-radio-desc.svelte-54ymy3.svelte-54ymy3{color:var(--g-color-fg-soft)}[data-theme=dark] .preview-card.svelte-54ymy3.svelte-54ymy3{background:var(--g-color-bg-card)}[data-theme=dark] .preview-card--bordered.svelte-54ymy3.svelte-54ymy3{border-color:var(--g-color-border-subtle)}[data-theme=dark] .preview-card--interactive.svelte-54ymy3.svelte-54ymy3:hover{background:var(--g-color-bg-card-hover)}