.App{text-align:center}.upload-area.disabled{cursor:not-allowed;opacity:.6}.upload-area.disabled:hover{background:#667eea0d;border-color:#667eea;transform:none}.grid-preview{margin:20px auto;max-width:300px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.processing{animation:pulse 1.5s ease-in-out infinite}.grid-selection{margin:30px 0;text-align:center}.grid-selection h3{color:#333;font-size:1.3rem;margin-bottom:20px}.grid-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.grid-option{background:#fff;border:2px solid #e9ecef;border-radius:15px;cursor:pointer;min-width:120px;padding:20px;text-align:center;transition:all .3s ease}.grid-option:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.grid-option.selected{background:#667eea0d;border-color:#667eea;box-shadow:0 4px 15px #667eea33}.grid-option:disabled{cursor:not-allowed;opacity:.6;transform:none}.grid-option-preview{margin-bottom:15px}.grid-option-example{margin:0 auto;width:80px}.example-grid{grid-gap:2px;display:grid;gap:2px;margin:0 auto}.example-grid.1x3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;height:20px}.example-grid.2x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:40px}.example-grid.3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:60px}.example-cell{align-items:center;background:#667eea;border:1px solid #ffffff4d;border-radius:3px;color:#fff;display:flex;font-size:.6rem;font-weight:600;justify-content:center}.grid-option-label{color:#666;font-size:.9rem;font-weight:500}.preview-grid-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.preview-grid-item{background:#f8f9fa;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:20px;text-align:center}.preview-grid-item h4{color:#333;font-size:1.1rem;margin-bottom:15px}.preview-grid-image{border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:15px;overflow:hidden}.preview-grid-info{color:#666;font-size:.9rem;line-height:1.6}.preview-grid-info>div{margin-bottom:5px}@media (max-width:768px){.grid-preview{max-width:250px}.grid-item{font-size:.7rem;height:60px;width:60px}.grid-options{align-items:center;flex-direction:column}.grid-option{min-width:200px}.preview-grid-container{grid-template-columns:1fr}}.offset-controls{display:flex;gap:10px;justify-content:center;margin-top:10px}.offset-controls button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.offset-controls button:hover{background-color:#e0e0e0}.offset-controls button:disabled{cursor:not-allowed;opacity:.5}.offset-controls h3{color:#333;font-size:1.3rem;margin-bottom:20px}.offset-controls .control-group{margin-bottom:15px}.offset-controls label{color:#555;display:block;font-weight:500;margin-bottom:10px}.offset-controls input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:5px;height:8px;max-width:400px;outline:none;transition:background .2s ease;width:80%}.offset-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .2s ease;transition:background .2s ease;width:20px}.offset-controls input[type=range]::-moz-range-thumb{background:#667eea;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .2s ease;transition:background .2s ease;width:20px}.offset-controls input[type=range]:hover::-webkit-slider-thumb{background:#5a67d8}.offset-controls input[type=range]:hover::-moz-range-thumb{background:#5a67d8}.offset-controls input[type=range]:disabled{cursor:not-allowed;opacity:.6}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:20px 0;padding:40px}.title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.subtitle,.title{text-align:center}.subtitle{color:#ffffffe6;font-size:1.2rem;margin-bottom:40px}.upload-area{background:#667eea0d;border:3px dashed #667eea;border-radius:15px;cursor:pointer;margin-bottom:30px;padding:60px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#764ba21a;border-color:#764ba2;transform:translateY(-2px)}.upload-area.dragover{background:#764ba226;border-color:#764ba2;transform:scale(1.02)}.upload-icon{color:#667eea;font-size:4rem;margin-bottom:20px}.upload-text{color:#667eea;font-size:1.3rem;font-weight:600;margin-bottom:10px}.upload-hint{color:#666;font-size:1rem}.file-input{display:none}.button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:10px;padding:15px 30px;transition:all .3s ease}.button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.button.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb4d}.button.secondary:hover{box-shadow:0 8px 25px #f093fb66}.preview-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.preview-item{background:#f8f9fa;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:20px;text-align:center}.preview-image{border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:15px;max-height:200px;max-width:100%}.preview-info{color:#666;font-size:.9rem}.status{border-radius:15px;font-weight:600;margin:20px 0;padding:20px;text-align:center}.status.success{background:#28a7451a;border:2px solid #28a7454d;color:#28a745}.status.error{background:#dc35451a;border:2px solid #dc35454d;color:#dc3545}.status.info{background:#007bff1a;border:2px solid #007bff4d;color:#007bff}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin:20px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.grid-preview{grid-gap:5px;display:grid;gap:5px;justify-content:center;margin:20px 0}.grid-preview.2x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-preview.3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-item{align-items:center;background:#667eea;border-radius:8px;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:80px;justify-content:center;width:80px}@media (max-width:768px){.container{padding:10px}.card{padding:20px}.title{font-size:2rem}.upload-area{padding:40px 20px}.preview-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
/*# sourceMappingURL=main.e61593dd.css.map*/