.component-page.svelte-14sw6b0{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}.page-header.svelte-14sw6b0{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--lg-warm-200, #e5e7eb)}.page-header.svelte-14sw6b0 h1:where(.svelte-14sw6b0){font-size:3rem;font-weight:700;color:var(--lg-text-primary, #111827);margin:0 0 1rem}.subtitle.svelte-14sw6b0{font-size:1.25rem;color:var(--lg-text-secondary, #374151);max-width:600px;margin:0 auto;line-height:1.6}.component-section.svelte-14sw6b0{margin-bottom:4rem;padding:2rem;background:var(--lg-bg-primary, white);border-radius:1rem;border:2px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 2px 8px #0000000d}.component-section.svelte-14sw6b0 h2:where(.svelte-14sw6b0){font-size:1.75rem;font-weight:600;color:var(--lg-text-primary, #111827);margin:0 0 .5rem}.section-description.svelte-14sw6b0{color:var(--lg-text-secondary, #374151);margin:0 0 2rem;line-height:1.6}.example-grid.svelte-14sw6b0{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.example.svelte-14sw6b0{padding:1.5rem;background:var(--lg-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--lg-gray-200, #e5e7eb)}.example.svelte-14sw6b0 h3:where(.svelte-14sw6b0){font-size:1.125rem;font-weight:600;color:var(--lg-text-primary, #111827);margin:0 0 1rem}.example-full.svelte-14sw6b0{max-width:800px;margin:0 auto;padding:2rem;background:var(--lg-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--lg-gray-200, #e5e7eb)}.form-group.svelte-14sw6b0{margin-bottom:1.5rem}.form-group.svelte-14sw6b0:last-child{margin-bottom:0}.form-group.svelte-14sw6b0 label:where(.svelte-14sw6b0){display:block;font-weight:500;margin-bottom:.5rem;color:var(--lg-text-primary, #111827);font-size:.875rem}.form-group.svelte-14sw6b0 fieldset:where(.svelte-14sw6b0){border:none;padding:0;margin:0}.form-group.svelte-14sw6b0 legend:where(.svelte-14sw6b0){font-weight:500;margin-bottom:.5rem;color:var(--lg-text-primary, #111827);font-size:.875rem}.required.svelte-14sw6b0{color:var(--lg-error, #ef4444)}.form-input.svelte-14sw6b0,.form-select.svelte-14sw6b0,.form-textarea.svelte-14sw6b0{width:100%;padding:.75rem 1rem;border:2px solid var(--lg-gray-300, #d1d5db);border-radius:.5rem;font-size:1rem;transition:all .2s;background:var(--lg-bg-primary, white);color:var(--lg-text-primary, #111827)}.form-input.svelte-14sw6b0:focus,.form-select.svelte-14sw6b0:focus,.form-textarea.svelte-14sw6b0:focus{outline:none;border-color:var(--lg-primary, #466d4d);box-shadow:0 0 0 3px #466d4d1a}.form-input.svelte-14sw6b0:disabled,.form-select.svelte-14sw6b0:disabled,.form-textarea.svelte-14sw6b0:disabled{background:var(--lg-gray-100, #f3f4f6);color:var(--lg-text-muted, #6b7280);cursor:not-allowed}.form-textarea.svelte-14sw6b0{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.input-group.svelte-14sw6b0{display:flex;align-items:stretch;border:2px solid var(--lg-gray-300, #d1d5db);border-radius:.5rem;overflow:hidden;transition:all .2s;background:var(--lg-bg-primary, white)}.input-group.svelte-14sw6b0:focus-within{border-color:var(--lg-primary, #466d4d);box-shadow:0 0 0 3px #466d4d1a}.input-prefix.svelte-14sw6b0,.input-suffix.svelte-14sw6b0{padding:0 1rem;background:var(--lg-gray-100, #f3f4f6);border-right:1px solid var(--lg-gray-300, #d1d5db);color:var(--lg-text-muted, #6b7280);font-weight:500;display:flex;align-items:center}.input-suffix.svelte-14sw6b0{border-right:none;border-left:1px solid var(--lg-gray-300, #d1d5db)}.input-icon.svelte-14sw6b0{padding:0 .75rem;display:flex;align-items:center;color:var(--lg-text-muted, #6b7280)}.input-icon.success.svelte-14sw6b0{color:var(--lg-success, #10b981)}.input-icon.error.svelte-14sw6b0{color:var(--lg-error, #ef4444)}.input-group.svelte-14sw6b0 .form-input:where(.svelte-14sw6b0){border:none;flex:1}.input-group.svelte-14sw6b0 .form-input:where(.svelte-14sw6b0):focus{box-shadow:none}.form-input.with-icon.svelte-14sw6b0{padding-left:2.5rem}.input-group.svelte-14sw6b0 .input-icon:where(.svelte-14sw6b0):first-child{position:absolute;left:0;top:50%;transform:translateY(-50%)}.checkbox-label.svelte-14sw6b0,.radio-label.svelte-14sw6b0{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem;color:var(--lg-text-primary, #111827);padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-checkbox.svelte-14sw6b0,.form-radio.svelte-14sw6b0{width:20px;height:20px;border:2px solid var(--lg-gray-300, #d1d5db);cursor:pointer;flex-shrink:0;transition:all .2s}.form-checkbox.svelte-14sw6b0{border-radius:.25rem}.form-radio.svelte-14sw6b0{border-radius:50%}.form-checkbox.svelte-14sw6b0:checked,.form-radio.svelte-14sw6b0:checked{background:var(--lg-primary, #466d4d);border-color:var(--lg-primary, #466d4d)}.form-checkbox.svelte-14sw6b0:focus,.form-radio.svelte-14sw6b0:focus{outline:none;box-shadow:0 0 0 3px #466d4d1a}.radio-group.svelte-14sw6b0{display:flex;flex-direction:column;gap:.5rem}.file-upload.svelte-14sw6b0{position:relative}.file-input.svelte-14sw6b0{position:absolute;opacity:0;width:0;height:0}.file-label.svelte-14sw6b0{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--lg-bg-primary, white);border:2px solid var(--lg-gray-300, #d1d5db);border-radius:.5rem;cursor:pointer;transition:all .2s;font-weight:500;color:var(--lg-text-primary, #111827)}.file-label.svelte-14sw6b0:hover{border-color:var(--lg-primary, #466d4d);background:var(--lg-accent-light, rgba(164, 169, 72, .05))}.file-input.svelte-14sw6b0:focus+.file-label:where(.svelte-14sw6b0){outline:none;border-color:var(--lg-primary, #466d4d);box-shadow:0 0 0 3px #466d4d1a}.file-name.svelte-14sw6b0{display:inline-block;margin-left:1rem;color:var(--lg-text-secondary, #374151);font-size:.875rem}.form-hint.svelte-14sw6b0,.form-error.svelte-14sw6b0,.form-success.svelte-14sw6b0{display:block;margin-top:.25rem;font-size:.875rem}.form-hint.svelte-14sw6b0{color:var(--lg-text-muted, #6b7280)}.form-error.svelte-14sw6b0{color:var(--lg-error, #ef4444);font-weight:500}.form-success.svelte-14sw6b0{color:var(--lg-success, #10b981);font-weight:500}.form-group.error.svelte-14sw6b0 .form-input:where(.svelte-14sw6b0),.form-group.error.svelte-14sw6b0 .input-group:where(.svelte-14sw6b0){border-color:var(--lg-error, #ef4444)}.form-group.error.svelte-14sw6b0 .form-input:where(.svelte-14sw6b0):focus,.form-group.error.svelte-14sw6b0 .input-group:where(.svelte-14sw6b0):focus-within{box-shadow:0 0 0 3px #ef44441a}.form-group.success.svelte-14sw6b0 .form-input:where(.svelte-14sw6b0),.form-group.success.svelte-14sw6b0 .input-group:where(.svelte-14sw6b0){border-color:var(--lg-success, #10b981)}.form-group.success.svelte-14sw6b0 .form-input:where(.svelte-14sw6b0):focus,.form-group.success.svelte-14sw6b0 .input-group:where(.svelte-14sw6b0):focus-within{box-shadow:0 0 0 3px #10b9811a}.demo-form.svelte-14sw6b0{display:flex;flex-direction:column;gap:1.5rem}.demo-form.svelte-14sw6b0 h3:where(.svelte-14sw6b0){font-size:1.5rem;font-weight:600;color:var(--lg-text-primary, #111827);margin:0 0 1rem;text-align:center}.form-row.svelte-14sw6b0{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions.svelte-14sw6b0{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--lg-gray-200, #e5e7eb)}@media (max-width: 768px){.page-header.svelte-14sw6b0 h1:where(.svelte-14sw6b0){font-size:2rem}.component-section.svelte-14sw6b0{padding:1.5rem}.example-grid.svelte-14sw6b0,.form-row.svelte-14sw6b0{grid-template-columns:1fr}.form-actions.svelte-14sw6b0{flex-direction:column}.btn.svelte-14sw6b0{width:100%}.radio-group.svelte-14sw6b0{gap:1rem}}.dark-mode-override .component-section.svelte-14sw6b0{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .page-header.svelte-14sw6b0 h1:where(.svelte-14sw6b0){color:var(--lg-primary)}.dark-mode-override .subtitle.svelte-14sw6b0,.dark-mode-override .section-description.svelte-14sw6b0{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .example.svelte-14sw6b0{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .example.svelte-14sw6b0 h3:where(.svelte-14sw6b0){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .example-full.svelte-14sw6b0{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .form-group.svelte-14sw6b0 label:where(.svelte-14sw6b0){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .form-group.svelte-14sw6b0 legend:where(.svelte-14sw6b0){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .form-input.svelte-14sw6b0,.dark-mode-override .form-select.svelte-14sw6b0,.dark-mode-override .form-textarea.svelte-14sw6b0{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .form-input.svelte-14sw6b0:focus,.dark-mode-override .form-select.svelte-14sw6b0:focus,.dark-mode-override .form-textarea.svelte-14sw6b0:focus{border-color:var(--lg-primary);box-shadow:0 0 0 3px #466d4d4d}.dark-mode-override .form-input.svelte-14sw6b0:disabled,.dark-mode-override .form-select.svelte-14sw6b0:disabled,.dark-mode-override .form-textarea.svelte-14sw6b0:disabled{background:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-muted, #9a9a9a)}.dark-mode-override .input-group.svelte-14sw6b0{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .input-group.svelte-14sw6b0:focus-within{border-color:var(--lg-primary);box-shadow:0 0 0 3px #466d4d4d}.dark-mode-override .input-prefix.svelte-14sw6b0,.dark-mode-override .input-suffix.svelte-14sw6b0{background:var(--lg-warm-300, #4a4a4a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .input-icon.svelte-14sw6b0{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .checkbox-label.svelte-14sw6b0,.dark-mode-override .radio-label.svelte-14sw6b0{color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .form-checkbox.svelte-14sw6b0,.dark-mode-override .form-radio.svelte-14sw6b0{border-color:var(--lg-warm-300, #4a4a4a);background:var(--lg-bg-primary, #1a1a1a)}.dark-mode-override .form-checkbox.svelte-14sw6b0:checked,.dark-mode-override .form-radio.svelte-14sw6b0:checked{background:var(--lg-primary);border-color:var(--lg-primary)}.dark-mode-override .file-label.svelte-14sw6b0{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .file-label.svelte-14sw6b0:hover{border-color:var(--lg-primary);background:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .file-name.svelte-14sw6b0{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .form-hint.svelte-14sw6b0{color:var(--lg-text-muted, #9a9a9a)}.dark-mode-override .demo-form.svelte-14sw6b0{background:var(--lg-bg-tertiary, #2a2a2a)}.dark-mode-override .demo-form.svelte-14sw6b0 h3:where(.svelte-14sw6b0){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .form-actions.svelte-14sw6b0{border-top-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .btn.svelte-14sw6b0{background:var(--lg-primary);color:#fff;border-color:var(--lg-primary)}.dark-mode-override .btn.svelte-14sw6b0:hover{background:var(--lg-primary-hover, #3a5a40);border-color:var(--lg-primary-hover, #3a5a40)}.dark-mode-override .btn-secondary.svelte-14sw6b0{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .btn-secondary.svelte-14sw6b0:hover{background:var(--lg-warm-200, #3a3a3a);border-color:var(--lg-primary);color:var(--lg-primary)}