.generate-page .section-container{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:1.5rem;transition:all .2s ease}.generate-page .section-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.generate-page .section-container-elevated{background:#fff;border-radius:1.25rem;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;margin-bottom:1.5rem}.generate-page .form-input,.generate-page .form-textarea,.generate-page input[type=text],.generate-page input[type=email],.generate-page textarea{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9375rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#111827;background:#fff;transition:all .2s ease;line-height:1.5}.generate-page .form-input:focus,.generate-page .form-textarea:focus,.generate-page input[type=text]:focus,.generate-page input[type=email]:focus,.generate-page textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 1px 2px #0000000d;background:#fefefe}.generate-page .form-input:hover:not(:focus):not(:disabled),.generate-page .form-textarea:hover:not(:focus):not(:disabled),.generate-page input[type=text]:hover:not(:focus):not(:disabled),.generate-page input[type=email]:hover:not(:focus):not(:disabled),.generate-page textarea:hover:not(:focus):not(:disabled){border-color:#d1d5db}.generate-page .form-input:disabled,.generate-page .form-textarea:disabled,.generate-page input:disabled,.generate-page textarea:disabled{background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed;opacity:.7}.generate-page textarea{resize:vertical;min-height:150px}.generate-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;padding:.875rem 2rem;border-radius:.75rem;box-shadow:0 4px 12px #2563eb4d;transition:all .2s ease;border:none;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;min-height:48px;flex-direction:row!important}.generate-page .btn-primary svg,.generate-page .btn-primary [data-flux-icon]{display:inline-block!important;flex-shrink:0}.generate-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #2563eb66;transform:translateY(-2px)}.generate-page .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.generate-page .btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.6}.generate-page .btn-primary:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.generate-page .btn-secondary{background:#fff;color:#374151;font-weight:500;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e5e7eb;transition:all .2s ease;cursor:pointer;font-size:.9375rem;display:inline-flex;align-items:center;gap:.5rem;min-height:44px}.generate-page .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.generate-page .btn-secondary:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.generate-page .btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.generate-page{max-width:64rem;margin:0 auto;padding:2rem 1rem}@media (min-width: 640px){.generate-page{padding:2rem 1.5rem}}@media (min-width: 1024px){.generate-page{padding:2.5rem 2rem}}.generate-page .space-y-6>*+*{margin-top:1.5rem}.generate-page .form-group{margin-bottom:1.5rem}.generate-page .grid{display:grid;gap:1.5rem}.generate-page .grid.grid-cols-1{grid-template-columns:1fr}@media (min-width: 768px){.generate-page .grid.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.generate-page .grid.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.generate-page .page-title{font-size:2rem;font-weight:700;line-height:1.2;color:#111827;margin-bottom:.5rem;letter-spacing:-.025em}.generate-page .section-heading{font-size:1.25rem;font-weight:600;line-height:1.3;color:#111827;margin-bottom:1rem}.generate-page .section-description{font-size:.9375rem;font-weight:400;line-height:1.5;color:#6b7280;margin-bottom:.5rem}.generate-page .form-label,.generate-page label{display:block;font-size:.9375rem;font-weight:500;line-height:1.5;color:#374151;margin-bottom:.5rem}.generate-page .helper-text{font-size:.875rem;font-weight:400;line-height:1.5;color:#6b7280;display:flex;align-items:center;gap:.375rem}.generate-page .form-error{display:block;font-size:.875rem;font-weight:500;color:#dc2626;margin-top:.5rem}.generate-page .text-gray-900{color:#111827}.generate-page .text-gray-700{color:#374151}.generate-page .text-gray-600{color:#4b5563}.generate-page .text-gray-500{color:#6b7280}.generate-page .text-blue-600{color:#2563eb}.generate-page .text-red-600{color:#dc2626}.generate-page .text-green-600{color:#16a34a}.generate-page .document-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.generate-page .hidden-radio{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.generate-page .hidden-radio:before,.generate-page .hidden-radio:after{display:none!important;content:none!important}.generate-page .document-type-card{position:relative;display:block}.generate-page .card-inner{position:relative;display:flex;align-items:center;min-height:110px;padding:1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.generate-page .card-inner.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.generate-page .checkmark-wrapper{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.generate-page .card-inner.selected .checkmark-wrapper{opacity:1;transform:scale(1)}.generate-page .checkmark-icon{width:14px;height:14px;color:#fff;stroke-width:3}.generate-page .card-content-wrapper{display:flex;align-items:center;gap:1rem;width:100%;padding-right:2rem}.generate-page .icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px;transition:all .2s ease}.generate-page .card-inner.selected .icon-wrapper{background:#dbeafe}.generate-page .card-icon{width:22px;height:22px;color:#6b7280;transition:color .2s ease}.generate-page .card-inner.selected .card-icon{color:#2563eb}.generate-page .text-wrapper{flex:1;min-width:0}.generate-page .card-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.25rem;line-height:1.3}.generate-page .card-description{font-size:.875rem;color:#6b7280;line-height:1.4}.generate-page .hidden-radio:focus-visible~.card-inner{outline:2px solid #93c5fd;outline-offset:2px;box-shadow:0 0 0 4px #93c5fd4d}@media (max-width: 640px){.generate-page .document-type-selector{grid-template-columns:1fr;gap:.75rem}.generate-page .card-inner{min-height:100px;padding:1rem}.generate-page .icon-wrapper{width:36px;height:36px}.generate-page .card-icon{width:20px;height:20px}.generate-page .card-title{font-size:.9375rem}.generate-page .card-description{font-size:.8125rem}}.generate-page .template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.generate-page .template-card{position:relative;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;background:#fff}.generate-page .template-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.generate-page .template-card.border-blue-500{border-color:#3b82f6;background:linear-gradient(to bottom right,#eff6ff,#dbeafe);box-shadow:0 4px 16px #3b82f640}.generate-page .loading-container{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;text-align:center}.generate-page .success-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:1rem;box-shadow:0 4px 12px #22c55e33;overflow:hidden}@media (max-width: 640px){.generate-page{padding:1.5rem 1rem}.generate-page .section-container{padding:1.25rem;margin-bottom:1.25rem}.generate-page .section-container-elevated{padding:1.5rem}.generate-page .page-title{font-size:1.75rem}.generate-page .section-heading{font-size:1.125rem}.generate-page .btn-primary{width:100%;justify-content:center}.generate-page .document-type-selector,.generate-page .template-grid{grid-template-columns:1fr;gap:.75rem}.generate-page .btn-primary,.generate-page .btn-secondary{min-height:48px}.generate-page input[type=text],.generate-page input[type=email],.generate-page textarea{font-size:16px}}@media (min-width: 640px) and (max-width: 1024px){.generate-page{padding:2rem 1.5rem}.generate-page .page-title{font-size:1.875rem}.generate-page .template-grid{grid-template-columns:repeat(2,1fr)}}.generate-page button:focus-visible,.generate-page a:focus-visible,.generate-page input:focus-visible,.generate-page textarea:focus-visible,.generate-page select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}@media (max-width: 640px){.generate-page button,.generate-page .btn{min-height:44px;min-width:44px}}@media (prefers-reduced-motion: reduce){.generate-page .section-container,.generate-page .btn-primary,.generate-page .btn-secondary,.generate-page .document-type-card,.generate-page .template-card,.generate-page .form-input,.generate-page .form-textarea{transition:none}.generate-page .section-container:hover,.generate-page .btn-primary:hover,.generate-page .document-type-card:hover>div,.generate-page .template-card:hover{transform:none}}@media (prefers-contrast: high){.generate-page .form-input,.generate-page .form-textarea,.generate-page input,.generate-page textarea{border-width:2px}.generate-page .btn-primary,.generate-page .btn-secondary{border:2px solid currentColor}}.generate-page{scroll-behavior:smooth}.generate-page .card-hover:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.generate-page .animate-fade-in{animation:fadeIn .3s ease-out}.generate-page .character-counter{font-size:.8125rem;color:#9ca3af;font-weight:500}.generate-page .info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.generate-page .info-box-text{font-size:.875rem;color:#1e40af;line-height:1.5}.generate-page .error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.generate-page .error-box-text{font-size:.875rem;color:#991b1b;line-height:1.5;font-weight:500}