body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;height:100vh;text-align:center}.App,.sprite-slicer{display:flex;overflow:hidden}.sprite-slicer{flex:1 1}.grid-tools{background-color:#f0f0f0;box-shadow:2px 0 5px #0000001a;overflow-y:auto;padding:20px;width:250px}.grid-tools h1{color:#333;font-size:1.5rem;margin-bottom:10px;margin-top:0;text-align:center}.grid-tools h2{color:#333;font-size:1.2rem;margin-bottom:20px;margin-top:0}.tool-item{margin-bottom:15px}.tool-item label{display:block;font-weight:700;margin-bottom:5px}.tool-item input{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.tool-item button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:100%}.tool-item button:hover{background-color:#45a049}.image-container{align-items:center;background-color:#333;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.sprite-image{object-fit:contain}.image-error{background-color:#ff0000b3;border-radius:5px;color:#fff;max-width:80%;padding:20px;text-align:center}.image-error p{margin:10px 0}.fallback-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:800px;width:80%}.fallback-image{aspect-ratio:1/1;border:2px solid #666;border-radius:5px;margin-top:20px;overflow:hidden;position:relative;width:100%}.fallback-grid{height:100%;width:100%}.fallback-text{background-color:#00000080;font-size:24px;font-weight:700;left:50%;padding:10px 20px;pointer-events:none;text-shadow:2px 2px 4px #000000b3;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.fallback-text,.selected-cells-info{border-radius:5px;color:#fff;position:absolute}.selected-cells-info{background-color:#000000b3;bottom:20px;max-height:200px;max-width:300px;overflow-y:auto;padding:15px;right:20px;z-index:10}.selected-cells-info h3{font-size:16px;margin-bottom:10px;margin-top:0;text-align:center}.cells-list{display:flex;flex-direction:column;gap:5px}.cell-info{align-items:center;background-color:#ffffff1a;border-radius:3px;display:flex;padding:5px}.cell-order-badge{background-color:#f00c;border-radius:50%;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-right:10px;min-width:15px;padding:2px 5px;text-align:center}.coordinates-output{border-top:1px solid #ffffff4d;margin-top:15px;padding-top:15px}.coordinates-output h4{font-size:14px;margin-bottom:10px;margin-top:0;text-align:center}.coordinates-code{background-color:#00000080;border-radius:4px;color:#f8f8f8;font-family:monospace;font-size:12px;max-height:150px;overflow-y:auto;padding:10px;white-space:pre-wrap;word-break:break-all}.grid-overlay{pointer-events:none;position:absolute}.grid-cell{border:1px solid #fff;box-sizing:border-box;cursor:pointer;pointer-events:auto;position:absolute}.grid-cell.selected{background-color:#4caf5033;border:2px solid #4caf50}.cell-order{background-color:#f00c;border-radius:50%;color:#fff;font-size:12px;font-weight:700;min-width:15px;padding:2px 5px;position:absolute;right:2px;text-align:center;top:2px}
/*# sourceMappingURL=main.086902aa.css.map*/