@keyframes fadeIn-174db7cd{0%{opacity:0}to{opacity:1}}@keyframes slideUp-174db7cd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-174db7cd{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-174db7cd{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse-174db7cd{0%,to{opacity:1}50%{opacity:.5}}.form-demo[data-v-174db7cd]{margin:0 auto;max-width:1200px;padding:2rem}.form-demo .demo-header[data-v-174db7cd]{margin-bottom:3rem;text-align:center}.form-demo .demo-header h1[data-v-174db7cd]{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.form-demo .demo-header p[data-v-174db7cd]{color:var(--color-text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.form-demo .demo-section[data-v-174db7cd]{margin-bottom:3rem}.form-demo .demo-section h2[data-v-174db7cd]{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.form-demo .demo-item[data-v-174db7cd]{margin-bottom:2rem}.form-demo .demo-item h3[data-v-174db7cd]{color:var(--color-text-primary);font-size:1.3rem;font-weight:500;margin-bottom:1rem}.form-demo .demo-item p[data-v-174db7cd]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.form-demo .demo-controls[data-v-174db7cd]{margin-bottom:1.5rem}.form-demo .form-content[data-v-174db7cd]{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.form-demo .form-actions[data-v-174db7cd]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-demo .form-status[data-v-174db7cd]{background:var(--color-background-secondary);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem}.form-demo .form-status .status-item[data-v-174db7cd]{color:var(--color-text-primary);font-size:.9rem}.form-demo .validation-examples[data-v-174db7cd]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-demo .validation-examples .example-item[data-v-174db7cd]{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem}.form-demo .validation-examples .example-item h4[data-v-174db7cd]{color:var(--color-text-primary);font-size:1rem;font-weight:500;margin-bottom:.5rem}.form-demo .validation-examples .example-item p[data-v-174db7cd]{color:var(--color-text-secondary);font-size:.9rem;margin:0}.form-demo .demo-result[data-v-174db7cd]{background:var(--color-background-secondary);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);padding:1rem}.form-demo .demo-result h4[data-v-174db7cd]{color:var(--color-text-primary);font-size:1rem;font-weight:500;margin-bottom:.5rem}.form-demo .demo-result pre[data-v-174db7cd]{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5;overflow-x:auto;padding:1rem}.form-demo .demo-result p[data-v-174db7cd],.form-demo .demo-result pre[data-v-174db7cd]{color:var(--color-text-primary);font-size:.9rem;margin:.5rem 0}.form-demo .code-example[data-v-174db7cd]{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow-x:auto;padding:1.5rem}.form-demo .code-example pre[data-v-174db7cd]{color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;margin:0}.form-demo .code-example pre code[data-v-174db7cd]{background:none;border:none;border-radius:0;color:inherit;font-size:inherit;padding:0}@media (max-width:768px){.form-demo[data-v-174db7cd]{padding:1rem}.form-demo .demo-header h1[data-v-174db7cd]{font-size:2rem}.form-demo .form-content[data-v-174db7cd]{gap:1rem}.form-demo .form-actions[data-v-174db7cd]{flex-direction:column}.form-demo .form-status[data-v-174db7cd],.form-demo .validation-examples[data-v-174db7cd]{grid-template-columns:1fr}.form-demo .code-example[data-v-174db7cd]{padding:1rem}.form-demo .code-example pre[data-v-174db7cd]{font-size:.8rem}}