:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-secondary: "Plus Jakarta Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 9999;--sidebar-accent: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--sidebar-bg: linear-gradient(180deg, #fefefe 0%, #f8fafc 100%);--sidebar-shadow: 0 4px 20px rgba(79, 70, 229, .08), 0 1px 3px rgba(0, 0, 0, .05);--sidebar-item-hover: rgba(79, 70, 229, .06);--sidebar-item-active: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%)}body{font-family:var(--font-family-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-900)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-semibold);color:var(--color-gray-900);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-bottom:var(--space-3)}h5{font-size:var(--text-lg);margin-bottom:var(--space-3)}h6{font-size:var(--text-base);margin-bottom:var(--space-2)}p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-700);margin-bottom:var(--space-4)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-primary);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:background-color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;border:none;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-height:1.75rem;gap:var(--space-1)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:2rem;gap:var(--space-2)}.btn-md{padding:var(--space-3) var(--space-4);font-size:var(--text-base);min-height:2.5rem;gap:var(--space-2)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);min-height:3rem;gap:var(--space-3)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-xl);min-height:3.5rem;gap:var(--space-3)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;box-shadow:0 2px 8px #2563eb33;transition:all var(--transition-normal)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.btn-primary:focus-visible{outline:3px solid var(--color-primary-300);outline-offset:2px}.btn-secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300);transition:all var(--transition-normal)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:var(--shadow-sm)}.btn-secondary:focus-visible{outline:3px solid var(--color-primary-300);outline-offset:2px}.btn-success{background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%);color:#fff;box-shadow:0 2px 8px #22c55e33;transition:all var(--transition-normal)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-600) 0%,var(--color-success-700) 100%);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.btn-success:focus-visible{outline:3px solid #86efac;outline-offset:2px}.btn-error{background:linear-gradient(135deg,var(--color-error-500) 0%,var(--color-error-600) 100%);color:#fff;box-shadow:0 2px 8px #ef444433;transition:all var(--transition-normal)}.btn-error:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-600) 0%,var(--color-error-700) 100%);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-error:focus-visible{outline:3px solid #fca5a5;outline-offset:2px}.btn-ghost{background:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-ghost:focus-visible{outline:3px solid var(--color-primary-300);outline-offset:2px}.btn-link{background:transparent;color:var(--color-primary-600);padding:0;min-height:auto}.btn-link:hover:not(:disabled){color:var(--color-primary-700);text-decoration:underline}.btn-link:focus-visible{outline:3px solid var(--color-primary-300);outline-offset:2px;border-radius:var(--radius-sm)}.btn-block{width:100%}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);overflow:hidden}.card-hover:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.card-header-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0}.card-body{padding:var(--space-6)}.card-body-compact{padding:var(--space-4)}.card-footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.card-flat{box-shadow:none}.card-elevated{box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--space-4)}.form-label,label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);margin-bottom:var(--space-2)}.form-label-required:after{content:"*";color:var(--color-error-500);margin-left:var(--space-1)}.form-input,.form-textarea,.form-select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{width:100%;padding:var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family-primary);color:var(--color-gray-900);background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-textarea:disabled,.form-select:disabled,input:disabled,textarea:disabled,select:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}textarea{resize:vertical;min-height:6rem}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-300);cursor:pointer}input[type=checkbox]{border-radius:var(--radius-sm)}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.form-error{display:block;font-size:var(--text-sm);color:var(--color-error-600);margin-top:var(--space-2)}.toast-container{position:fixed;z-index:var(--z-toast);pointer-events:none;max-width:100vw;padding:1rem}.toast-container.top-right{top:0;right:0}.toast-container.top-left{top:0;left:0}.toast-container.bottom-right{bottom:0;right:0}.toast-container.bottom-left{bottom:0;left:0}.toast-item{pointer-events:auto;width:100%;max-width:28rem;margin-bottom:.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-content{padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.toast-text{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 .25rem}.toast-message{font-size:var(--text-sm);margin:0}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm)}.toast-close:hover{background-color:#0000000d}.enhanced-generate-cta{position:relative;overflow:hidden;min-height:120px;background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);box-shadow:0 10px 25px #2563eb4d}.enhanced-generate-cta:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af,#1e3a8a);box-shadow:0 15px 35px #2563eb66}.enhanced-generate-cta:focus-visible{outline:3px solid var(--color-primary-300);outline-offset:2px}.enhanced-generate-cta .sparkle-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.8}}[data-flux-sidebar]{font-family:var(--font-family-primary);font-size:.95rem;background:var(--sidebar-bg)!important;box-shadow:var(--sidebar-shadow)!important;padding:1.75rem 1.5rem!important;width:280px!important;min-width:280px!important}[data-flux-navlist-item]{font-size:.95rem!important;font-weight:500!important;padding:.75rem 1rem!important;min-height:44px;border-radius:12px!important;margin:.375rem 0!important;transition:background-color var(--transition-fast)!important}[data-flux-navlist-item]:hover:not([data-current=true]){background:var(--sidebar-item-hover)!important}[data-flux-navlist-item][data-current=true]{background:var(--sidebar-item-active)!important;color:#fff!important;box-shadow:0 4px 12px #4f46e54d!important}[data-flux-navlist-item] svg{width:1.375rem!important;height:1.375rem!important}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:var(--space-0)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.section-gap{margin-bottom:var(--space-6)}.section-gap-lg{margin-bottom:var(--space-8)}.section-gap-sm{margin-bottom:var(--space-4)}.element-gap-sm{gap:var(--space-2)}.element-gap-md{gap:var(--space-4)}.element-gap-lg{gap:var(--space-6)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.depth-level-1{background:var(--color-gray-50)}.depth-level-2{background:#fff;box-shadow:var(--shadow-sm)}.depth-level-3{background:#fff;box-shadow:var(--shadow-md)}.depth-level-4{background:#fff;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-primary{color:var(--color-primary-600)}.text-gray{color:var(--color-gray-600)}.text-success{color:var(--color-success-600)}.text-error{color:var(--color-error-600)}.bg-primary{background-color:var(--color-primary-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:#fff}@media (max-width: 374px){:root{--text-2xl: 1.25rem;--text-3xl: 1.375rem;--text-4xl: 1.625rem}.toast-item{max-width:calc(100vw - 1rem)}}@media (max-width: 640px){:root{--text-3xl: 1.5rem;--text-4xl: 1.875rem}.card-header,.card-body,.card-footer{padding:var(--space-4)}.card-body-compact{padding:var(--space-3)}.enhanced-generate-cta{min-height:100px;padding:1.5rem 1rem!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{font-size:16px;min-height:44px}.btn-sm{min-height:36px;padding:var(--space-2) var(--space-3)}.btn-md{min-height:44px;padding:var(--space-3) var(--space-4)}.btn-lg{min-height:48px;padding:var(--space-3) var(--space-5)}.btn-xl{min-height:52px;padding:var(--space-4) var(--space-6)}h1{font-size:1.875rem;margin-bottom:var(--space-4)}h2{font-size:1.5rem;margin-bottom:var(--space-4)}h3{font-size:1.25rem;margin-bottom:var(--space-3)}.p-6{padding:var(--space-4)}.p-8{padding:var(--space-5)}.px-6{padding-left:var(--space-4);padding-right:var(--space-4)}.py-6{padding-top:var(--space-4);padding-bottom:var(--space-4)}.px-8{padding-left:var(--space-5);padding-right:var(--space-5)}.py-8{padding-top:var(--space-5);padding-bottom:var(--space-5)}.toast-container{left:.5rem!important;right:.5rem!important;top:.5rem!important;padding:0;max-width:none}.toast-container.bottom-right,.toast-container.bottom-left{bottom:.5rem!important;top:auto!important}.toast-item{max-width:none;width:100%;margin-bottom:.75rem}.toast-content{padding:.875rem}.toast-title,.toast-message{font-size:.8125rem}[data-flux-sidebar]{width:100%!important;min-width:100%!important;padding:1rem!important}[data-flux-navlist-item]{padding:.875rem 1rem!important;font-size:.9375rem!important}}@media (min-width: 640px) and (max-width: 1024px){.enhanced-generate-cta{min-height:110px}[data-flux-sidebar]{width:240px!important;min-width:240px!important}}@media (min-width: 768px) and (max-width: 1280px){.card-header,.card-body,.card-footer{padding:var(--space-5)}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px;padding:var(--space-3) var(--space-4)}.btn-sm{min-height:40px}.btn:active{transform:scale(.98)}.btn:hover{transform:none}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem}}@media (max-width: 896px) and (orientation: landscape){.enhanced-generate-cta{min-height:80px;padding:1rem!important}.toast-container{top:.25rem!important}.toast-item{margin-bottom:.5rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.btn,.card,.form-input,.toast-item{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}*:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-title{font-size:2rem;font-weight:700;color:var(--color-gray-900);line-height:1.2;margin-bottom:var(--space-6)}.section-heading{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-4);line-height:1.4}.section-description{font-size:.875rem;color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--space-4)}.helper-text{font-size:.8125rem;color:var(--color-gray-500);line-height:1.5}.section-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-6)}.section-container-compact{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);padding:var(--space-4);margin-bottom:var(--space-4)}.section-container-elevated{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6)}.card-compact{padding:var(--space-4)}.card-standard{padding:var(--space-6)}.card-spacious{padding:var(--space-8)}.document-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.document-type-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);background:#fff;cursor:pointer;transition:all .2s ease;min-height:120px}.document-type-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.document-type-card:has(input:checked){border-color:var(--color-primary-500);background:linear-gradient(to bottom right,var(--color-primary-50),#dbeafe);box-shadow:var(--shadow-md);transform:translateY(-2px)}.document-type-card:has(input:focus-visible){outline:2px solid var(--color-primary-500);outline-offset:2px}@media (max-width: 640px){.document-type-selector{grid-template-columns:1fr;gap:var(--space-3)}.document-type-card{padding:var(--space-5);min-height:100px}}@media (min-width: 641px) and (max-width: 1024px){.document-type-selector{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.document-type-card{min-height:110px;padding:var(--space-5)}.document-type-card:active{transform:scale(.98)}}.template-section{margin-bottom:var(--space-6)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}.template-card{position:relative;display:flex;flex-direction:column;border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.25rem;cursor:pointer;transition:all .2s ease;background:#fff}.template-card:hover{border-color:var(--color-blue-300);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.template-card.selected{border-color:var(--color-primary-500);background:linear-gradient(to bottom right,var(--color-primary-50),#dbeafe);box-shadow:0 4px 16px #3b82f640}.template-card:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:var(--space-3)}.template-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0;line-height:1.4;flex:1}.template-badge{font-size:var(--text-xs);padding:.25rem .625rem;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-700);font-weight:var(--font-medium);white-space:nowrap;flex-shrink:0}.template-card.selected .template-badge{background:var(--color-primary-100);color:var(--color-primary-700)}.template-description{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5;margin-bottom:.75rem}.template-structure{font-size:var(--text-xs);color:var(--color-gray-500);padding-top:.75rem;border-top:1px solid var(--color-gray-100);display:flex;gap:var(--space-2);align-items:baseline}.template-card.selected .template-structure{border-top-color:var(--color-primary-100)}.structure-label{font-weight:var(--font-medium);color:var(--color-gray-600)}.structure-value{color:var(--color-gray-500)}.template-card.selected .structure-label{color:var(--color-primary-700)}.template-card.selected .structure-value{color:var(--color-primary-600)}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-gray-500)}.empty-state .empty-icon{width:3rem;height:3rem;margin:0 auto var(--space-4);color:var(--color-gray-400)}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}@media (max-width: 767px){.template-grid{grid-template-columns:1fr;gap:var(--space-3)}.template-card{padding:1rem}.template-header,.template-description{margin-bottom:.625rem}}@media (min-width: 768px) and (max-width: 1023px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.template-grid{grid-template-columns:repeat(3,1fr)}}@media (hover: none) and (pointer: coarse){.template-card{min-height:44px;padding:1.125rem}.template-card:active{transform:scale(.98)}.template-card:hover{transform:none}}.section-container.ring-2{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.section-heading .text-red-500{color:var(--color-error-500);font-weight:var(--font-bold)}.template-card .absolute{position:absolute}.template-card .top-3{top:.75rem}.template-card .right-3{right:.75rem}.bg-blue-50{background-color:var(--color-info-50)}.border-blue-200{border-color:#bfdbfe}.text-blue-700{color:#1d4ed8}.bg-red-50{background-color:var(--color-error-50)}.border-red-200{border-color:#fecaca}.text-red-600{color:var(--color-error-600)}.ring-2{box-shadow:0 0 0 2px currentColor}.ring-red-500{--tw-ring-color: var(--color-error-500)}.ring-opacity-50{--tw-ring-opacity: .5}.credits-compact{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border:1px solid var(--color-gray-200);border-radius:.75rem;padding:.875rem 1.25rem;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:1rem}.credits-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.credits-info{display:flex;align-items:baseline;gap:.5rem}.credits-label{font-size:.8125rem;color:var(--color-gray-600);font-weight:var(--font-medium)}.credits-value{font-size:1.125rem;font-weight:var(--font-bold)}.credits-bar{flex:1;max-width:120px;height:6px;background:var(--color-gray-200);border-radius:9999px;overflow:hidden}.credits-progress{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:9999px;transition:width .3s ease}.credits-meta{font-size:.75rem;color:var(--color-gray-500)}@media (max-width: 640px){.credits-compact{padding:.75rem 1rem}.credits-content{flex-direction:column;align-items:flex-start;gap:.75rem}.credits-bar{width:100%;max-width:none}}.credits-compact .text-green-600{color:var(--color-success-600)}.credits-compact .text-red-600{color:var(--color-error-600)}