.example-page.svelte-165yqfz{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.documentation.svelte-165yqfz{position:sticky;top:2rem;height:fit-content}.documentation.svelte-165yqfz h1:where(.svelte-165yqfz){font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lead.svelte-165yqfz{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.doc-section.svelte-165yqfz{margin-bottom:2rem}.doc-section.svelte-165yqfz h2:where(.svelte-165yqfz){font-size:1.5rem;font-weight:600;margin-bottom:1rem}.doc-section.svelte-165yqfz ul:where(.svelte-165yqfz){list-style:none;padding:0}.doc-section.svelte-165yqfz li:where(.svelte-165yqfz){padding:.5rem 0;color:#374151}.doc-section.svelte-165yqfz pre:where(.svelte-165yqfz){background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;overflow-x:auto;font-family:Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.7}.demo-container.svelte-165yqfz{display:flex;flex-direction:column;gap:2rem}.demo-container.svelte-165yqfz h2:where(.svelte-165yqfz){font-size:1.5rem;font-weight:600}.form-card.svelte-165yqfz{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.form-field{margin-bottom:1rem}.form-field__label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151}input.svelte-165yqfz,select.svelte-165yqfz{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s}input.svelte-165yqfz:focus,select.svelte-165yqfz:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}input.error.svelte-165yqfz{border-color:#ef4444}.error-msg.svelte-165yqfz{display:block;color:#ef4444;font-size:.875rem;margin-top:.25rem}.array-section.svelte-165yqfz{margin:2rem 0}.array-section.svelte-165yqfz h3:where(.svelte-165yqfz){font-size:1.25rem;font-weight:600;margin-bottom:1rem}.member-list.svelte-165yqfz{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-height:500px;overflow-y:auto;padding:1rem;border:2px dashed #e0e7ff;border-radius:.75rem;background:#fafbff}.member-list.svelte-165yqfz::-webkit-scrollbar{width:8px}.member-list.svelte-165yqfz::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.member-list.svelte-165yqfz::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.member-list.svelte-165yqfz::-webkit-scrollbar-thumb:hover{background:#5568d3}.member-card.svelte-165yqfz{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.member-header.svelte-165yqfz{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.member-header-left.svelte-165yqfz{display:flex;align-items:center;gap:.75rem}.drag-handle.svelte-165yqfz{padding:.5rem;background:transparent;color:#9ca3af;cursor:grab;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;user-select:none;-webkit-user-select:none}.drag-handle.svelte-165yqfz:hover{background:#e0e7ff;color:#667eea}.drag-handle.svelte-165yqfz:active{cursor:grabbing}.drag-handle.svelte-165yqfz svg:where(.svelte-165yqfz){pointer-events:none}.member-number.svelte-165yqfz{font-weight:600;color:#667eea;font-size:1.125rem}.member-actions.svelte-165yqfz{display:flex;gap:.5rem;align-items:center}.btn-move.svelte-165yqfz{width:2rem;height:2rem;padding:0;background:#e0e7ff;color:#667eea;border:none;border-radius:.375rem;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-move.svelte-165yqfz:hover:not(:disabled){background:#c7d2fe;transform:scale(1.05)}.btn-move.svelte-165yqfz:disabled{opacity:.3;cursor:not-allowed}.btn-remove-member.svelte-165yqfz{padding:.5rem 1rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-remove-member.svelte-165yqfz:hover:not(:disabled){background:#fecaca}.btn-remove-member.svelte-165yqfz:disabled{opacity:.4;cursor:not-allowed}.member-fields.svelte-165yqfz{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.member-fields.svelte-165yqfz .form-field:last-child{grid-column:1 / -1}.btn-add-member.svelte-165yqfz{width:100%;padding:1rem;background:#fff;border:2px dashed #d1d5db;border-radius:.5rem;color:#667eea;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s}.btn-add-member.svelte-165yqfz:hover{border-color:#667eea;background:#f0f4ff}.form-actions.svelte-165yqfz{display:flex;gap:.75rem;margin-top:2rem}button.svelte-165yqfz{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary.svelte-165yqfz{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.svelte-165yqfz:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary.svelte-165yqfz:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-165yqfz{flex:1;background:#f3f4f6;color:#374151}.btn-secondary.svelte-165yqfz:hover{background:#e5e7eb}.state-viewer.svelte-165yqfz{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.state-viewer.svelte-165yqfz h3:where(.svelte-165yqfz){font-size:1.25rem;font-weight:600;margin-bottom:1rem}.state-data.svelte-165yqfz{padding:1rem;background:#f9fafb;border-radius:.5rem;font-size:.75rem;overflow-x:auto;font-family:Fira Code,monospace}@media (max-width: 1024px){.example-page.svelte-165yqfz{grid-template-columns:1fr}.documentation.svelte-165yqfz{position:static}.member-fields.svelte-165yqfz{grid-template-columns:1fr}}