.content-specs.svelte-pfbl02{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.spec-card.svelte-pfbl02{padding:var(--space-5);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition-fast);display:flex;flex-direction:column;height:100%}.spec-card.svelte-pfbl02:hover{border-color:var(--border-secondary)}.spec-header.svelte-pfbl02{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card-action.svelte-pfbl02{display:flex;justify-content:flex-start}.modal-actions.svelte-pfbl02{display:flex;gap:var(--space-3);justify-content:flex-end}.modal-form.svelte-pfbl02{width:100%}.form-group.svelte-pfbl02{margin-bottom:var(--space-4)}.form-group.svelte-pfbl02 label:where(.svelte-pfbl02){display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium)}.form-input.svelte-pfbl02,.form-textarea.svelte-pfbl02{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:var(--transition-fast)}.form-input.svelte-pfbl02:focus,.form-textarea.svelte-pfbl02:focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--primary)}.form-textarea.svelte-pfbl02{resize:vertical;min-height:100px}.image-placeholder.svelte-pfbl02{background:var(--surface-secondary);border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-8);text-align:center}.scrolling-content.svelte-pfbl02{max-height:min(60vh,400px);overflow-y:auto;padding-right:var(--space-2)}.component-stage.svelte-kwzfuq{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.code-example.svelte-kwzfuq{background:var(--surface-secondary);padding:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-color-medium);margin:0}.size-table.svelte-kwzfuq{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-sm)}.size-row.svelte-kwzfuq{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center}.size-name.svelte-kwzfuq{font-weight:var(--font-medium)}.size-row.svelte-kwzfuq code:where(.svelte-kwzfuq){background:var(--surface-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary)}.size-usage.svelte-kwzfuq{font-size:var(--text-sm);color:var(--text-color-medium);text-align:right}.modal-actions.svelte-kwzfuq{display:flex;gap:var(--space-3);justify-content:flex-end}.content-grid.svelte-kwzfuq{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.content-section.svelte-kwzfuq{padding:var(--space-3);background:var(--surface-secondary);border-radius:var(--radius-sm)}.state-specs.svelte-14q2v3u{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.spec-card.svelte-14q2v3u{padding:var(--space-5);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition-fast);display:flex;flex-direction:column;height:100%}.spec-card.svelte-14q2v3u:hover{border-color:var(--border-secondary)}.spec-header.svelte-14q2v3u{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.spec-details.svelte-14q2v3u{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.spec-details.svelte-14q2v3u code:where(.svelte-14q2v3u){background:var(--surface-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);align-self:flex-start}.card-action.svelte-14q2v3u{display:flex;justify-content:flex-start}.features-grid.svelte-14q2v3u{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.feature-item.svelte-14q2v3u{padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-sm)}.modal-actions.svelte-14q2v3u{display:flex;gap:var(--space-3);justify-content:flex-end}
