:root{--primary:#4a6fa5;--primary-dark:#324c77;--secondary:#ffb142;--accent:#ff5252;--light:#f8f9fa;--dark:#343a40;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--gray:#6c757d;--gray-light:#e9ecef;--shadow:0 4px 6px #0000001a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--light);color:#343a40;color:var(--dark);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.word-grid-bg{background-image:linear-gradient(#fffffff2,#fffffff2),url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='none'/%3E%3Cpath d='M0 0h25v25H0z' fill='%23f0f0f0'/%3E%3Cpath d='M25 0h25v25H25z' fill='%23f5f5f5'/%3E%3Cpath d='M50 0h25v25H50z' fill='%23f0f0f0'/%3E%3Cpath d='M75 0h25v25H75zM0 25h25v25H0z' fill='%23f5f5f5'/%3E%3Cpath d='M25 25h25v25H25z' fill='%23f0f0f0'/%3E%3Cpath d='M50 25h25v25H50z' fill='%23f5f5f5'/%3E%3Cpath d='M75 25h25v25H75zM0 50h25v25H0z' fill='%23f0f0f0'/%3E%3Cpath d='M25 50h25v25H25z' fill='%23f5f5f5'/%3E%3Cpath d='M50 50h25v25H50z' fill='%23f0f0f0'/%3E%3Cpath d='M75 50h25v25H75zM0 75h25v25H0z' fill='%23f5f5f5'/%3E%3Cpath d='M25 75h25v25H25z' fill='%23f0f0f0'/%3E%3Cpath d='M50 75h25v25H50z' fill='%23f5f5f5'/%3E%3Cpath d='M75 75h25v25H75z' fill='%23f0f0f0'/%3E%3C/svg%3E");background-repeat:repeat;background-size:50px 50px}.btn{border:1px solid #0000;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;line-height:1.5;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn-primary{background-color:#4a6fa5;background-color:var(--primary);border-color:#4a6fa5;border-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#324c77;background-color:var(--primary-dark);border-color:#324c77;border-color:var(--primary-dark)}.btn-secondary{background-color:#ffb142;background-color:var(--secondary);border-color:#ffb142;border-color:var(--secondary);color:#343a40;color:var(--dark)}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.form-group{margin-bottom:1rem}.form-control{background-clip:padding-box;background-color:#fff;border:1px solid #e9ecef;border:1px solid var(--gray-light);border-radius:.25rem;color:#343a40;color:var(--dark);display:block;font-size:1rem;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s ease-in-out;width:100%}.form-control:focus{border-color:#4a6fa5;border-color:var(--primary);box-shadow:0 0 0 .2rem #4a6fa540;outline:0}.alert{border:1px solid #0000;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}@media (max-width:768px){.container{padding:0 10px}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:1rem}.loading-indicator{align-items:center;display:flex;height:200px;justify-content:center}.spinner{animation:spinner 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--primary);height:40px;width:40px}@keyframes spinner{to{transform:rotate(1turn)}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.header{background-color:#fff;box-shadow:var(--shadow);padding:1rem 0;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header.expanded{padding-bottom:1.5rem}.header-content{align-items:center;display:flex;justify-content:space-between}.logo a{color:var(--primary);display:flex;flex-direction:row;text-decoration:none}.logo-link{align-items:center;display:flex}.logo-image{border-radius:8px;box-shadow:0 0 8px #0003;max-height:60px;mix-blend-mode:multiply;opacity:.95;width:auto}.logo-text-block{display:flex;flex-direction:column;justify-content:center;margin-left:.5rem}.logo-text{color:var(--primary);font-size:2rem;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0}.tagline{color:var(--gray);font-size:.85rem;font-weight:400}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav li{margin-left:2rem}.nav a{color:var(--dark);font-weight:600;padding:.5rem 0;position:relative;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--primary)}.nav a:after{background-color:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav a:hover:after{width:100%}.menu-toggle{background:none;border:none;cursor:pointer;display:none;height:24px;margin-right:10px;padding:5px;position:relative;width:30px;z-index:1002}.menu-icon,.menu-icon:after,.menu-icon:before{background-color:var(--primary);content:"";display:block;height:3px;position:absolute;transition:transform .3s,top .3s;width:100%}.menu-icon{top:50%;transform:translateY(-50%)}.menu-icon:before{top:-8px}.menu-icon:after{top:8px}.menu-icon.open{background-color:initial}.menu-icon.open:before{top:0;transform:rotate(45deg)}.menu-icon.open:after{top:0;transform:rotate(-45deg)}.mobile-menu{background-color:#fff;box-shadow:-4px 0 10px #0000001a;height:100vh;overflow-y:auto;position:fixed;right:-300px;top:0;transition:right .3s ease;width:280px;z-index:1001}.mobile-menu.open{right:0}.mobile-menu-content{height:calc(100% - 100px);padding:80px 20px 20px}.mobile-menu-content,.mobile-nav{display:flex;flex-direction:column}.mobile-nav{height:100%;justify-content:space-between}.mobile-nav ul{list-style:none;margin:0 0 30px;padding:0}.mobile-nav li{margin:15px 0}.mobile-nav a{color:var(--dark);display:block;font-size:1.2rem;font-weight:600;padding:8px 0;position:relative;text-decoration:none;transition:color .2s,transform .2s}.mobile-nav a:hover{color:var(--primary);transform:translateX(5px)}.mobile-nav a:after{background-color:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.mobile-nav a:hover:after{width:100%}.mobile-footer-links{border-top:1px solid var(--gray-light);margin-top:auto;padding-top:20px}.mobile-footer-links h3{color:var(--gray);font-size:.9rem;margin-bottom:10px}.mobile-footer-links ul li{margin:8px 0}.mobile-footer-links a{color:var(--gray);font-size:.9rem;font-weight:400;opacity:.8}.mobile-footer-links a:hover{opacity:1}.close-menu{background:none;border:none;color:var(--gray);cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px}.menu-overlay{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.footer-links{display:none}@media (max-width:768px){.header-content{align-items:center;flex-direction:row;justify-content:space-between;text-align:left}.nav{display:none;flex-direction:column;margin-top:1rem;width:100%}.nav.visible{animation:fadeIn .3s ease;display:block}.nav ul,.nav ul.main-nav-list{align-items:center;flex-direction:column}.nav ul.main-nav-list{margin-bottom:1.5rem}.nav ul.main-nav-list li{margin:.75rem 0;text-align:center;width:100%}.nav li{margin:.5rem 0}.menu-toggle{display:block}.desktop-nav{display:none}.logo-text{font-size:1.6rem}.tagline{font-size:.75rem}.logo-image{max-height:45px}.footer-links{border-top:1px solid var(--gray-light);display:block;margin-top:1.5rem;padding-top:1rem}.footer-links ul{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.footer-links li{margin:0}.footer-links a{color:var(--gray);font-size:.85rem;font-weight:400;opacity:.8}.header.expanded .header-content{flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.footer{background-color:var(--primary-dark);color:#fff;margin-top:3rem;padding:2rem 0}.footer .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.footer p{margin:0}.footer-links{align-items:center;display:flex}.footer-links a{color:#fff;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.8}.divider{color:#ffffff80;margin:0 10px}@media (max-width:768px){.footer .container{flex-direction:column;text-align:center}.footer-links{margin-top:1rem}}.home-page{min-height:calc(100vh - 200px)}.hero{padding:4rem 0}.hero .container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.hero-content h1{color:var(--dark);font-size:3rem;line-height:1.2;margin-bottom:1.5rem}.hero-content h1 span{color:var(--primary);display:block}.hero-description{color:var(--gray);font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.puzzle-preview{background-color:#fff;border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:2rem;position:relative;transform:rotate(2deg)}.puzzle-preview:before{background-color:#ffffff80;border-radius:12px;bottom:-15px;content:"";left:-15px;position:absolute;right:-15px;top:-15px;transform:rotate(-1deg);z-index:-1}.puzzle-grid{border:2px solid var(--gray-light);border-radius:4px;display:flex;flex-direction:column;margin-bottom:1.5rem;overflow:hidden;width:100%}.puzzle-row{display:flex}.puzzle-cell{align-items:center;border:1px solid #0000001a;color:var(--dark);display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.puzzle-cell:hover{background-color:var(--primary);color:#fff}.puzzle-word-list h3{color:var(--primary);font-size:1.2rem;margin-top:0}.puzzle-word-list ul{column-count:2;margin:0;padding-left:1.2rem}.puzzle-word-list li{font-weight:600;margin-bottom:.5rem}.features-section{background-color:#fff;padding:5rem 0}.features-section h2{color:var(--primary-dark);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background-color:#fff;border-radius:8px;box-shadow:var(--shadow);padding:2rem 1.5rem;text-align:center;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--primary);margin-top:0}.how-it-works{padding:5rem 0}.how-it-works h2{color:var(--primary-dark);font-size:2.5rem;margin-bottom:3rem;text-align:center}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem}.step{position:relative;text-align:center}.step-number{align-items:center;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto 1rem;width:40px}.step h3{color:var(--primary);margin-top:0}@media (max-width:992px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.puzzle-preview{margin:0 auto;max-width:400px}}@media (max-width:768px){.hero{padding:2rem 0}.hero-content h1{font-size:2.2rem}.features-grid,.steps{gap:1.5rem;grid-template-columns:1fr}.puzzle-word-list ul{column-count:1}}.word-selector{margin-bottom:1.5rem}.selection-type-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.topics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:2rem}.topic-item{background-color:var(--gray-light);border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .2s}.topic-item:hover{background-color:#4a6fa533}.topic-item.selected{background-color:var(--primary);color:#fff}.selected-topics{margin-top:2rem}.topic-list{list-style:none;margin:0;padding:0}.topic-list li{background-color:#fff;border:1px solid var(--gray-light);border-radius:6px;margin-bottom:1rem;padding:1rem}.topic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.remove-btn{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.2rem;padding:0 .5rem}.remove-btn:hover{color:var(--danger)}.word-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.word-chip{align-items:center;background-color:var(--gray-light);border-radius:20px;display:inline-flex;font-size:.85rem;padding:.35rem .75rem}.loading-text{color:var(--gray);font-style:italic;margin-top:1rem}.custom-words{max-width:600px}.flex-grow{flex:1 1}.custom-topic-item{border:1px solid var(--gray-light);border-radius:6px;margin-bottom:1rem;padding:1rem}.custom-topic-item h4{color:var(--primary);margin-top:0}.remove-word-btn{background:none;border:none;color:var(--gray);cursor:pointer;font-size:.9rem;padding:0 0 0 .35rem}.remove-word-btn:hover{color:var(--danger)}.upload-instructions{margin-bottom:1rem}.format-example{background-color:var(--gray-light);border-radius:4px;font-family:monospace;font-size:.9rem;margin-bottom:1.5rem;padding:1rem;white-space:pre-wrap}.upload-control{margin-top:1.5rem}@media (max-width:768px){.selection-type-buttons{flex-direction:column}.selection-type-buttons button{width:100%}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.word-chips{gap:.3rem}.word-chip{font-size:.8rem;padding:.25rem .5rem}.format-example{font-size:.8rem;padding:.75rem}}.file-uploader{background-color:#f8f9fa;border:2px dashed #e9ecef;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.default-option{align-items:center;display:flex;margin-bottom:1rem}.toggle-container{align-items:center;cursor:pointer;display:flex}.toggle-input{margin-right:.5rem}.toggle-label{color:var(--gray);font-size:.9rem}.file-uploader.uploaded{background-color:#28a7450d;border-color:var(--success)}.file-uploader h4{color:var(--primary);margin-bottom:.5rem;margin-top:0}.uploader-description{color:var(--gray);font-size:.9rem;margin-bottom:1rem}.upload-area{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem}.file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-label{background-color:var(--primary);border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:.5rem 1rem;text-align:center;transition:all .2s}.file-label.disabled{background-color:var(--gray-light);color:var(--gray);cursor:not-allowed}.upload-area.disabled{opacity:.7;pointer-events:none}.file-label:hover{background-color:var(--primary-dark)}.file-label.uploading{background-color:var(--gray);cursor:not-allowed}.uploaded-text{align-items:center;color:#fff;display:flex;gap:.5rem}.upload-error{color:var(--danger);font-size:.85rem;margin-top:.75rem;text-align:center}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;left:0;position:absolute;top:0;z-index:900}.loading-box,.loading-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-box{flex-direction:column}.grid-spinner{grid-gap:6px;display:grid;grid-template-columns:repeat(4,30px)}.grid-cell{align-items:center;animation:cellFade 1.2s ease-in-out infinite;background:var(--primary);border-radius:4px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:30px;justify-content:center;width:30px}.loading-text{color:var(--dark);font-size:1rem;margin-top:.75rem}.loading-quote{color:var(--gray);font-size:.85rem;font-style:italic;margin-top:.5rem}@keyframes cellFade{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.puzzle-creator{padding:3rem 0}.form-title{color:var(--primary-dark);margin-bottom:2rem;text-align:center}.form-step{margin:0 auto;max-width:800px}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem}.progress-bar{margin-bottom:2rem}.progress-bar,.progress-step{align-items:center;display:flex;justify-content:center}.progress-step{background-color:var(--gray-light);border-radius:50%;color:var(--gray);font-weight:700;height:40px;transition:all .3s;width:40px}.progress-step.active{background-color:var(--primary);color:#fff}.progress-line{background-color:var(--gray-light);flex:1 1;height:2px;max-width:100px;transition:all .3s}.progress-line.active{background-color:var(--primary)}.image-uploads{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.success-step{padding:2rem 0;text-align:center}.success-icon{align-items:center;background-color:var(--success);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.action-buttons{margin-top:2rem}.card{overflow:hidden;position:relative}@media (max-width:768px){.form-row{gap:1rem;grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:1rem}.form-navigation button{width:100%}.progress-bar{flex-wrap:wrap;justify-content:center;padding:0 1rem}.progress-line{max-width:40px}.image-uploads{grid-template-columns:1fr}.form-step{padding:0 10px}}.about-page{padding-bottom:3rem}.about-header{margin-bottom:2rem;padding:4rem 0;text-align:center}.about-header h1{color:var(--primary);font-size:3rem;margin-bottom:1rem}.lead{color:var(--gray);font-size:1.5rem;margin:0 auto;max-width:700px}.about-content{margin:0 auto;max-width:800px}.about-section{margin-bottom:3rem}.about-section h2{color:var(--primary-dark);margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.about-section h2:after{background-color:var(--secondary);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.about-section p{line-height:1.8;margin-bottom:1.5rem}.about-section ul{margin-bottom:1.5rem;padding-left:1.5rem}.about-section li{line-height:1.6;margin-bottom:.5rem}.cta-container{background-color:var(--primary);border-radius:8px;color:#fff;margin-top:2rem;padding:3rem;text-align:center}.cta-container h3{font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}.cta-container .btn{background-color:#fff;border:none;color:var(--primary);font-size:1.1rem;padding:.75rem 2rem}.cta-container .btn:hover{background-color:var(--secondary);color:var(--dark)}@media (max-width:768px){.about-header{padding:2rem 0}.about-header h1{font-size:2.5rem}.lead{font-size:1.2rem}.cta-container{padding:2rem 1rem}}.generation-status-container{bottom:20px;position:fixed;right:20px;z-index:1000}.generation-status{align-items:center;animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #0003;display:flex;max-width:350px;padding:12px 16px}.generation-status.generating{border-left:4px solid var(--primary)}.generation-status.complete{border-left:4px solid var(--success)}.status-icon{align-items:center;background-color:#4a6fa51a;border-radius:50%;color:var(--primary);display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.status-icon.success{background-color:#28a7451a;color:var(--success);font-size:1.5rem}.status-info{flex:1 1}.status-title{color:var(--dark);font-weight:600;margin:0 0 4px}.status-subtitle{color:var(--gray);font-size:.85rem;margin:0}.close-status-btn{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.2rem;padding:0 0 0 12px}.close-status-btn:hover{color:var(--dark)}.download-again-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.mini-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,14px);grid-template-rows:repeat(2,14px)}.mini-cell{align-items:center;animation:miniPulse 1.5s ease-in-out infinite;background-color:var(--primary);border-radius:2px;color:#fff;display:flex;font-size:.6rem;height:14px;justify-content:center;width:14px}.mini-cell:first-child{animation-delay:0s}.mini-cell:nth-child(2){animation-delay:.2s}.mini-cell:nth-child(3){animation-delay:.3s}.mini-cell:nth-child(4){animation-delay:.1s}@keyframes miniPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.generation-status-container{bottom:10px;left:10px;right:10px}.generation-status{max-width:100%}}
/*# sourceMappingURL=main.6177a5e4.css.map*/