:root{--color-bg:#ede8f5;--color-surface:#fff;--color-primary:#3d52a0;--color-primary-600:#2a3970;--color-secondary:#7091e6;--color-accent:#7091e6;--color-heading:#000;--color-text:#2a3970;--color-muted:#8697c4;--color-border:#adbbda;--color-success:#16a34a;--color-danger:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2a3970;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App,body{background:#ede8f5;overflow-x:hidden}.App{background:var(--color-bg);max-width:100vw;min-height:100vh;width:100%}.navbar{background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);box-shadow:0 2px 10px #0000001a;color:#fff;overflow-x:hidden;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-container{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{gap:.75rem}.nav-logo{border-radius:8px;height:36px;object-fit:contain;width:36px}.nav-brand h2{font-size:1.5rem;font-weight:600;margin:0}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;z-index:1001}.hamburger span{background:#fff;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-items{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:6px;color:#fffffff2;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.nav-link:hover{background-color:#ffffff1a}.nav-cta-btn{background:linear-gradient(135deg,#3d52a0,#7091e6);border:none;border-radius:8px;box-shadow:0 2px 8px #3d52a04d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.nav-cta-btn:hover{background:linear-gradient(135deg,#2a3970,#3d52a0);box-shadow:0 4px 12px #3d52a080;transform:translateY(-2px)}.nav-cta-btn:active{transform:translateY(0)}.auth-status{gap:1rem}.status-indicator{font-size:1rem;font-weight:500}.hero-section{color:#fff;padding:4.5rem 0 3rem;text-align:center}.hero-section,.hero-section-compact{background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.hero-section-compact{padding:1.5rem 0}.hero-container{margin:0 auto;max-width:800px;padding:0 2rem}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-title-compact{font-size:1.5rem;font-weight:600;line-height:1;margin:0}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.feature-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:20px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.hero-cta{margin-top:2.5rem;text-align:center}.cta-button{background:linear-gradient(135deg,#3d52a0,#7091e6);border:none;border-radius:12px;box-shadow:0 4px 15px #3d52a066;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#2a3970,#3d52a0);box-shadow:0 6px 20px #3d52a099;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.cta-subtitle{color:#fffc;font-size:.9rem;margin-top:.75rem}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.main-content{background:#fff;background:var(--color-surface)}.form-generator-section{padding:3rem 0}.generator-header{margin-bottom:3rem;text-align:center}.generator-header h2{color:#000;color:var(--color-heading);font-size:2.5rem;margin-bottom:1rem}.generator-subtitle{color:#8697c4;color:var(--color-muted);font-size:1.1rem;margin:0 auto;max-width:700px}.tab-container{border-bottom:2px solid #adbbda;border-bottom:2px solid var(--color-border);display:flex;gap:1rem;justify-content:center;margin:2rem 0 2.5rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#8697c4;color:var(--color-muted);cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:-2px;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover{background:#3d52a00d}.tab-button.active,.tab-button:hover{color:#3d52a0;color:var(--color-primary)}.tab-button.active{border-bottom-color:#3d52a0;border-bottom-color:var(--color-primary)}.how-it-works{background:#ede8f5;background:var(--color-bg);padding:4rem 0}.section-title{color:#000;color:var(--color-heading);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.step-card{background:#fff;background:var(--color-surface);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.step-card:hover{transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.step-card h3{color:#000;color:var(--color-heading);font-size:1.3rem;margin-bottom:1rem}.step-card p{color:#8697c4;color:var(--color-muted);line-height:1.6}.features-section{background:#fff;background:var(--color-surface);padding:4rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.feature-card{background:#ede8f5;background:var(--color-bg);border-left:4px solid #3d52a0;border-left:4px solid var(--color-primary);border-radius:15px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-icon-svg{color:#3d52a0;color:var(--color-primary);height:2.5rem;transition:transform .3s ease,color .3s ease;width:2.5rem}.feature-card:hover .feature-icon-svg{color:#2563eb;transform:scale(1.1)}.feature-card h3{color:#000;color:var(--color-heading);font-size:1.2rem;margin-bottom:.5rem}.feature-card p{color:#8697c4;color:var(--color-muted);line-height:1.6}.loading-screen{align-items:center;color:#3d52a0;color:var(--color-primary);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-screen p{font-size:1.2em;margin-top:20px}.footer{background:linear-gradient(180deg,#2d2d2d,#000);color:#fff;padding:3rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}@media (min-width:900px){.footer-content{align-items:start;gap:2rem;grid-template-columns:repeat(4,1fr)}}.footer-brand{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.footer-logo{border-radius:8px;height:40px;object-fit:contain;width:40px}.footer-section h4{color:#fff;font-size:1.2rem;margin-bottom:0}.footer-section h5{color:#adbbda;font-size:1rem;margin-bottom:.5rem}.footer-section p{color:#8697c4;line-height:1.6}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{color:#8697c4;padding:.2rem 0}.footer-section{display:flex;flex-direction:column;padding:0 .75rem}.footer-section ul li a{color:#7091e6;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#adbbda;text-decoration:underline}.footer-bottom{border-top:1px solid #8697c4;padding-top:2rem;text-align:center}.footer-bottom p{color:#8697c4}.scroll-to-top{align-items:center;animation:fadeIn .3s ease-in;background:#7091e6;border:2px solid #3d52a0;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #7091e666;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;font-weight:900;height:52px;justify-content:center;line-height:0;padding:0;position:fixed;right:30px;transition:all .3s ease;width:52px;z-index:1000}.scroll-to-top:hover{background:#3d52a0;border-color:#2a3970;box-shadow:0 6px 20px #3d52a099;transform:translateY(-5px)}.scroll-to-top:active{transform:translateY(-2px)}.scroll-to-top .scroll-icon{display:block;height:34px;width:20px}.auth-container{background:#fff;background:var(--color-surface);padding:3rem 0}.auth-page{margin:0 auto;max-width:600px;padding:0 2rem;text-align:center}.auth-header h1{color:#000;color:var(--color-heading);font-size:2.5em;font-weight:700;margin-bottom:10px}.auth-subtitle{color:#8697c4;color:var(--color-muted);font-size:1.2em;line-height:1.6;margin-bottom:40px}.auth-content{text-align:left}.auth-info{background:#ede8f5;background:var(--color-bg);border-radius:15px;margin-bottom:30px;padding:25px}.auth-info h3{color:#000;color:var(--color-heading);font-size:1.2em;margin-bottom:15px}.auth-benefits{list-style:none;padding:0}.auth-benefits li{align-items:center;color:#2a3970;display:flex;font-size:1em;gap:.75rem;padding:8px 0}.benefit-icon{color:#16a34a;color:var(--color-success);flex-shrink:0;height:1em;width:1em}@media (max-width:480px){.benefit-icon{height:.95em;width:.95em}}.auth-actions{text-align:center}.google-auth-btn{align-items:center;background:#fff;background:var(--color-surface);border:2px solid #adbbda;border:2px solid var(--color-border);border-radius:8px;color:#000;color:var(--color-heading);cursor:pointer;display:inline-flex;font-size:1em;font-weight:500;gap:12px;justify-content:center;margin-bottom:20px;min-width:200px;padding:12px 24px;transition:all .3s ease}.google-auth-btn:hover:not(:disabled){border-color:#3d52a0;border-color:var(--color-primary);box-shadow:0 4px 14px #3d52a026}.google-auth-btn:disabled{cursor:not-allowed;opacity:.7}.google-icon{height:18px;width:18px}.auth-error{background:#fef2f2;border-left:4px solid #dc2626;border-left:4px solid var(--color-danger);border-radius:8px;color:#dc2626;color:var(--color-danger);margin:15px 0;padding:10px 15px}.auth-demo{border-top:1px solid #adbbda;margin-top:30px;padding-top:20px}.auth-demo p{color:#8697c4;color:var(--color-muted);margin-bottom:15px}.demo-btn{background:#ede8f5;background:var(--color-bg);border:2px solid #adbbda;border:2px solid var(--color-border);border-radius:8px;color:#2a3970;color:var(--color-text);cursor:pointer;padding:10px 20px;transition:all .3s ease}.demo-btn:hover{background:#adbbda;border-color:#8697c4}.form-generator{animation:fadeIn .8s ease-out}.header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#000;color:var(--color-heading);font-size:2.5em;font-weight:700;margin:0}.auth-status{align-items:center;display:flex;gap:15px}.authenticated,.demo-mode{align-items:center;color:#000;color:var(--color-heading);display:flex;font-weight:500;gap:10px}.auth-btn,.logout-btn{background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.auth-btn:hover,.logout-btn:hover{box-shadow:0 4px 12px #3d52a040;transform:translateY(-1px)}.model-switcher{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;gap:.5rem;padding:.4rem .8rem}.model-label{color:#000;color:var(--color-heading);font-size:.95rem;font-weight:500;white-space:nowrap}.auth-header h1{align-items:center;display:inline-flex;gap:.5rem;justify-content:center}.auth-header h1 .auth-lock-icon{color:#2a3970;color:var(--color-primary-600);flex-shrink:0;height:1.2em;margin:0;vertical-align:middle;width:1.2em}@media (max-width:480px){.auth-header h1 .auth-lock-icon{height:1em;width:1em}}.model-select{background:#fffffff2;border:2px solid #3d52a0;border:2px solid var(--color-primary);border-radius:6px;box-shadow:0 6px 18px #3d52a014;color:#000;color:var(--color-heading);cursor:pointer;font-size:.95rem;font-weight:500;min-width:140px;padding:.4rem .8rem;transition:all .3s ease}.model-select:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.model-select:disabled{cursor:not-allowed;opacity:.6}.model-select option{padding:.5rem}.subtitle{color:#8697c4;color:var(--color-muted);font-size:16px;line-height:1.5;margin-bottom:30px;text-align:center}.examples-section{background:#ede8f5;background:var(--color-bg);border-radius:8px;margin-bottom:30px;padding:20px}.examples-section h3{color:#000;color:var(--color-heading);font-size:1.1rem;margin-bottom:15px}.example-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.example-btn{background:#fff;background:var(--color-surface);border:2px solid #3d52a0;border:2px solid var(--color-primary);border-radius:8px;color:#3d52a0;color:var(--Color-primary,var(--color-primary));cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.example-btn:hover:not(:disabled){background:#3d52a0;background:var(--color-primary);color:#fff;transform:translateY(-2px)}.example-btn:disabled{cursor:not-allowed;opacity:.6}.prompt-form{display:flex;flex-direction:column;gap:20px}textarea{border:2px solid #adbbda;border:2px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:16px;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:border-color .3s ease;width:100%}textarea:focus{border-color:#3d52a0;border-color:var(--color-primary);outline:none}textarea:disabled{background-color:#ede8f5;background-color:var(--color-bg);cursor:not-allowed}.generate-btn{align-items:center;background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:transform .2s ease,box-shadow .2s ease}.generate-btn:hover:not(:disabled){box-shadow:0 8px 30px #3d52a01f;transform:translateY(-2px)}.generate-btn:disabled{background:#8697c4;box-shadow:none;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-section{background:#ede8f5;background:var(--color-bg);border:2px dashed #adbbda;border:2px dashed var(--color-border);border-radius:8px;margin-top:30px;padding:30px;text-align:center}.result-section h3{color:#16a34a;color:var(--color-success);font-size:1.5rem;margin-bottom:10px}.success-message{color:#8697c4;color:var(--color-muted);font-size:16px;margin-bottom:20px}.form-link{background:#3d52a0;border-radius:6px;color:#fff;display:block;font-size:16px;font-weight:600;margin:10px auto;padding:12px 24px;text-decoration:none;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}.form-link:hover{background:#2a3970;transform:translateY(-1px)}.form-id{background:#fff;background:var(--color-surface);border:1px solid #adbbda;border:1px solid var(--color-border);border-radius:4px;color:#8697c4;color:var(--color-muted);font-size:14px;margin-top:10px;padding:8px 12px;word-break:break-all}.new-form-btn{background:#8697c4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;margin:15px auto 0;padding:10px 20px;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}.new-form-btn:hover{background:#7091e6}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;color:var(--color-danger);font-weight:500;margin-top:20px;padding:12px;text-align:center}@media (max-width:1114px){*{max-width:100%}.container,.hero-container,.nav-container{box-sizing:border-box;padding-left:1.5rem;padding-right:1.5rem}.nav-container{padding:0 1rem}.hamburger{display:flex}.nav-items{background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);box-shadow:0 4px 10px #0003;flex-direction:column;gap:0;left:0;max-height:calc(100vh - 70px);opacity:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:999}.nav-items.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-bottom:1px solid #ffffff1a;text-align:center}.nav-cta-btn,.nav-link{font-size:1rem;padding:1rem;width:100%}.nav-cta-btn{margin:1rem 0}.auth-status{flex-direction:column;gap:.5rem;padding:1rem 0;width:100%}.status-indicator{text-align:center}}@media (max-width:768px){.logout-btn{width:100%}.model-switcher{justify-content:center;margin-bottom:.5rem;padding:1rem;width:100%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-features{gap:.5rem}.feature-pill{font-size:.8rem;padding:.4rem .8rem}.cta-button{font-size:1rem;padding:.9rem 2rem}.cta-subtitle{font-size:.85rem}.section-title{font-size:2rem}.features-grid,.steps-grid{gap:1.5rem;grid-template-columns:1fr}.generator-header h2{font-size:2rem}.example-buttons,.footer-content{grid-template-columns:1fr}.footer-content{gap:1.5rem}}@media (max-width:480px){.container,.nav-container{padding:0 1rem}.nav-logo{height:32px;width:32px}.nav-brand h2{font-size:1.2rem}.nav-items{max-height:calc(100vh - 60px);top:60px}.nav-cta-btn{margin-top:.5rem;width:100%}.hero-title{font-size:1.75rem}.hero-container{padding:0 1rem}.cta-button{padding:1rem;width:100%}.generator-header h2,.section-title{font-size:1.75rem}.feature-card,.step-card{padding:1.5rem}textarea{font-size:14px;padding:12px}.generate-btn{font-size:14px;padding:14px 24px}.footer{padding:2rem 0 1rem}.footer-container{padding:0 1rem}}.ai-prompt-container,.file-upload-tab-container,.json-form-input{animation:fadeIn .3s ease-in}.json-header{margin-bottom:2rem;text-align:center}.json-header h3{color:#000;color:var(--color-heading);font-size:1.8rem;margin-bottom:.5rem}.json-subtitle{color:#8697c4;color:var(--color-muted);font-size:1rem}.ai-header{margin-bottom:2rem;text-align:center}.ai-header h3{color:#000;color:var(--color-heading);font-size:1.8rem;margin-bottom:.5rem}.ai-subtitle{color:#8697c4;color:var(--color-muted);font-size:1rem;margin-bottom:1.5rem}.json-format-guide{border:1px solid #adbbda;border-radius:12px;margin:2rem 0;overflow:hidden}.json-format-guide .guide-toggle-btn{align-items:center;background:#ede8f5;border:none;color:#3d52a0;color:var(--color-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.json-format-guide .guide-toggle-btn:hover{background:#adbbda}.json-format-guide .guide-content{background:#fff;border-top:1px solid #adbbda;padding:2rem}.json-format-guide .json-format-example{background:#ede8f5;border:1px solid #adbbda;border-radius:6px;color:#2a3970;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;margin:.5rem 0;overflow-x:auto;padding:1rem}.json-format-info{background:#fff;background:var(--color-surface);border-left:4px solid #3d52a0;border-left:4px solid var(--color-primary);border-radius:10px;margin-bottom:2rem;padding:1.5rem}.json-format-info h4{color:#000;color:var(--color-heading);font-size:1.2rem;margin-bottom:1rem}.json-format-example{background:#ede8f5;border:1px solid #adbbda;border:1px solid var(--color-border);border-radius:6px;color:#2a3970;font-size:.85rem;line-height:1.5;margin-bottom:1rem;overflow-x:auto}.json-format-example,.json-textarea{font-family:Courier New,monospace;padding:1rem}.json-textarea{border:2px solid #adbbda;border:2px solid var(--color-border);border-radius:8px;font-size:.9rem;line-height:1.6;min-height:300px;resize:vertical;transition:border-color .3s ease;width:100%}.json-textarea:focus{border-color:#3d52a0;border-color:var(--color-primary);outline:none}.json-textarea:disabled{background-color:#ede8f5;cursor:not-allowed}.json-form{margin-bottom:2rem}.json-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.validate-btn{background:#fff;background:var(--color-surface);border:2px solid #3d52a0;border:2px solid var(--color-primary);border-radius:8px;color:#3d52a0;color:var(--color-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.validate-btn:hover:not(:disabled){background:#3d52a0;background:var(--color-primary);color:#fff;transform:translateY(-2px)}.validate-btn:disabled{cursor:not-allowed;opacity:.5}.validation-success{animation:fadeIn .3s ease-in;background-color:#adbbda;border:1px solid #8697c4;border-radius:8px;color:#2a3970;font-size:1rem;margin:1rem 0;padding:1rem;text-align:center}.file-upload-container{margin-top:2rem}.file-upload-header{margin-bottom:2rem;text-align:center}.file-upload-header h3{color:#000;color:var(--color-heading);font-size:1.8rem;margin-bottom:.5rem}.file-upload-subtitle{color:#8697c4;color:var(--color-muted);font-size:1rem}.file-drop-zone{background:#fff;border:2px dashed #adbbda;border-radius:12px;cursor:pointer;margin-bottom:1rem;padding:3rem 2rem;text-align:center;transition:all .3s ease}.file-drop-zone:hover{background:#adbbda}.file-drop-zone.drag-active,.file-drop-zone:hover{border-color:#3d52a0;border-color:var(--color-primary)}.file-drop-zone.drag-active{background:linear-gradient(135deg,#3d52a00d,#7091e60d);transform:scale(1.02)}.file-drop-zone.has-file{background:#adbbda;border-color:#16a34a;border-color:var(--color-success);cursor:default}.file-input-hidden{display:none}.file-drop-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.file-upload-icon{font-size:4rem}.file-drop-text{color:#2a3970;color:var(--color-text);font-size:1.1rem;margin:0}.file-browse-text{color:#3d52a0;color:var(--color-primary);font-weight:600;text-decoration:underline}.file-types-text{color:var(--color-text-secondary);font-size:.9rem;margin:0}.file-selected-content{align-items:center;display:flex;justify-content:space-between;padding:1rem}.file-info{align-items:center;display:flex;gap:1rem}.file-icon{font-size:2.5rem}.file-details{text-align:left}.file-name{color:#2a3970;color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 .25rem;word-break:break-all}.file-size{color:var(--color-text-secondary);font-size:.9rem;margin:0}.file-remove-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.file-remove-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.file-remove-btn:disabled{cursor:not-allowed;opacity:.5}.file-error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-size:.95rem;margin:1rem 0;padding:1rem;text-align:center}.file-upload-btn{align-items:center;background:linear-gradient(135deg,#3d52a0,#7091e6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.file-upload-btn:hover:not(:disabled){box-shadow:0 8px 20px #3d52a04d;transform:translateY(-2px)}.file-upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.file-upload-helper{background:linear-gradient(135deg,#adbbda,#ede8f5);border:1px solid #8697c4;border-radius:12px;margin-top:2rem;padding:1.5rem}.file-upload-helper p{color:#2a3970;font-size:.95rem;line-height:1.6;margin:0}.file-upload-guide{border:1px solid #adbbda;border-radius:12px;margin-bottom:2rem;margin-top:2rem;overflow:hidden}.guide-toggle-btn{align-items:center;background:#ede8f5;border:none;color:#3d52a0;color:var(--color-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.guide-toggle-btn:hover{background:#adbbda}.guide-content{animation:slideDown .3s ease-out;background:#fff;border-top:1px solid #adbbda;padding:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide-content h4{color:#3d52a0;color:var(--color-primary);font-size:1.3rem;margin:0 0 1.5rem}.guide-content h5{color:#2a3970;color:var(--color-text);font-size:1.1rem;margin:1.5rem 0 1rem}.guide-section{margin-bottom:2rem}.guide-section ul{margin:.5rem 0;padding-left:1.5rem}.guide-section li{color:var(--color-text-secondary);line-height:1.6;margin:.5rem 0}.guide-section li strong{color:#2a3970;color:var(--color-text)}.format-example{background:#ede8f5;border-left:4px solid #3d52a0;border-left:4px solid var(--color-primary);border-radius:8px;margin:1rem 0;padding:1rem}.format-example strong{color:#3d52a0;color:var(--color-primary);display:block;font-size:.95rem;margin-bottom:.5rem}.format-example pre{background:#fff;border:1px solid #adbbda;border-radius:6px;color:#2a3970;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;margin:.5rem 0 0;overflow-x:auto;padding:1rem}.format-example small{color:#7091e6;display:block;font-size:.8rem;font-weight:500;margin-top:.5rem}.info-banner{background:linear-gradient(135deg,#adbbda,#ede8f5);border-left:4px solid #7091e6;border-radius:8px;color:#2a3970;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem}.info-banner strong{color:#000}.recognition-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.recognition-item{background:#ede8f5;border:1px solid #adbbda;border-radius:8px;padding:1rem}.recognition-item strong{color:#3d52a0;color:var(--color-primary);display:block;font-size:.9rem;margin-bottom:.75rem}.recognition-item ul{list-style-type:none;margin:0;padding-left:1.25rem}.recognition-item li{color:#2d2d2d;font-size:.85rem;line-height:1.5;margin:.4rem 0;padding-left:0}.recognition-item code{background:#fff;border:1px solid #fee2e2;border-radius:4px;color:#be123c;font-family:Courier New,monospace;font-size:.8rem;padding:.2rem .4rem}.question-types{background:#ede8f5;border-radius:8px;margin-top:.5rem;padding:1rem}.question-types code{background:#fff;border:1px solid #adbbda;border-radius:4px;color:#2a3970;display:block;font-family:Courier New,monospace;font-size:.85rem;margin:.3rem 0;padding:.3rem .5rem}.guide-tips{background:linear-gradient(135deg,#adbbda,#ede8f5);border:1px solid #7091e6;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.guide-tips strong{color:#2d2d2d;display:block;font-size:1rem;margin-bottom:.75rem}.guide-tips ul{margin:0;padding-left:1.5rem}.guide-tips li{color:#2d2d2d;line-height:1.6;margin:.5rem 0}@media (max-width:768px){.json-format-example{font-size:.75rem}.json-actions{flex-direction:column}.example-btn,.json-actions .generate-btn,.validate-btn{width:100%}.tab-container{flex-direction:column;gap:.5rem}.tab-button{padding:.75rem 1rem;width:100%}.file-drop-zone{padding:2rem 1rem}.file-upload-icon{font-size:3rem}.file-drop-text{font-size:1rem}.file-selected-content{flex-direction:column;gap:1rem}.file-info{flex-direction:column;text-align:center}.file-upload-btn{font-size:1rem;padding:.875rem 1.5rem}.guide-content{padding:1rem}.guide-content h4{font-size:1.1rem}.guide-content h5{font-size:1rem}.format-example pre{font-size:.75rem;padding:.75rem}.guide-toggle-btn{font-size:.9rem;padding:.875rem 1rem}}.model-switcher-container{display:flex;justify-content:center;margin:1rem 0}.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;gap:12px;min-width:300px;padding:16px 20px;pointer-events:all;transition:transform .2s ease,opacity .2s ease}.toast:hover{box-shadow:0 6px 16px #0003;transform:translateX(-5px)}.toast-icon{flex-shrink:0;font-size:24px}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:24px}.toast-close:hover{background-color:#0000001a;color:#000}.toast-success{background:#dcfce7;border-left-color:#16a34a}.toast-error{background:#fee2e2;border-left-color:#dc2626}.toast-warning{background:#fef3c7;border-left-color:#f59e0b}.toast-info{background:#adbbda;border-left-color:#3d52a0}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast{min-width:auto;width:100%}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast:hover{transform:none}}.not-found-page{align-items:center;background:#ede8f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.not-found-container{background:#fff;border:2px solid #7091e6;border-radius:20px;box-shadow:0 10px 40px #3d52a026;max-width:600px;padding:60px 40px;text-align:center}.not-found-content{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.not-found-title{color:#3d52a0;font-size:120px;font-weight:900;line-height:1;margin:0;text-shadow:0 4px 10px #3d52a033}.not-found-subtitle{color:#2a3970;font-size:32px;font-weight:700;margin:20px 0}.not-found-message{color:#8697c4;font-size:18px;line-height:1.6;margin:20px 0 40px}.not-found-button{background:linear-gradient(135deg,#3d52a0,#7091e6);border-radius:50px;box-shadow:0 4px 15px #3d52a04d;color:#fff;display:inline-block;font-size:18px;font-weight:700;padding:15px 40px;text-decoration:none;transition:all .3s ease}.not-found-button:hover{background:linear-gradient(135deg,#2a3970,#3d52a0);box-shadow:0 6px 20px #3d52a066;transform:translateY(-2px)}.not-found-button:active{box-shadow:0 2px 10px #3d52a04d;transform:translateY(0)}@media (max-width:768px){.not-found-title{font-size:80px}.not-found-subtitle{font-size:24px}.not-found-message{font-size:16px}.not-found-container{padding:40px 30px}}@media (max-width:480px){.not-found-title{font-size:60px}.not-found-subtitle{font-size:20px}.not-found-button{font-size:16px;padding:12px 30px}}
/*# sourceMappingURL=main.0baf44d0.css.map*/