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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#1f1f1f;box-shadow:2px 0 8px #0009;color:#fff;height:100%;left:0;padding:20px;position:fixed;top:0;transition:transform .3s ease;width:300px;z-index:1000}.sidebar-header{display:flex;flex-direction:column;margin-bottom:20px}.sidebar-header h1{color:#bb86fc;font-size:1.2rem;margin:0 0 10px}.sidebar-close{align-self:flex-end;background:#bb86fc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px}@media (min-width:769px){.sidebar-close{display:none}}.sidebar nav ul{list-style:none;margin:0;padding:0}.sidebar nav ul li{margin-bottom:15px}.sidebar nav ul li a{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:1rem;gap:10px;padding:10px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.sidebar nav ul li a:hover{background-color:#2c2c2c;transform:translateX(5px)}.sidebar-toggle{background-color:#1f1f1f;border-radius:4px;color:#bb86fc;cursor:pointer;font-size:1.5rem;left:15px;padding:10px;position:fixed;top:15px;z-index:1100}@media (min-width:769px){.sidebar-toggle{display:none}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}body{background-color:#121212;color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}html{height:100%}.app{display:flex;flex-direction:column;min-height:100vh}@media (min-width:769px){.app{padding-left:320px}}.app-header{color:#bb86fc;font-size:2rem;font-weight:700;margin-bottom:20px;margin-top:40px;text-align:center}.content{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.converter-section{flex:1 1;max-width:60%;min-width:300px}.discord-card{background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 8px #0003;flex:0 0 350px;max-width:100%;padding:20px;text-align:center}.discord-card h2{color:#bb86fc;font-size:1.5rem;margin-bottom:15px}iframe{border-radius:4px;max-width:100%;overflow:hidden}.info-card-wrapper{align-items:center;display:flex;justify-content:center}.info-card{background-color:#1f1f1f;border-radius:12px;box-shadow:0 4px 8px #0003;margin-top:20px;max-width:60%;padding:20px;text-align:center}.info-card h2{color:#bb86fc;font-size:1.5rem;margin-bottom:10px}.info-card p{color:#fff;font-size:1rem;line-height:1.5}.file-upload{background-color:#1f1f1f;border:1px dashed #bb86fc;border-radius:8px;margin-bottom:20px;max-width:100%;padding:20px;text-align:center}.file-upload h2{color:#bb86fc;margin-bottom:10px}.file-upload .file-input{display:none}.file-upload label{background-color:#bb86fc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.file-upload label:hover{background-color:#3700b3}.file-upload label:active{background-color:#6200ea;transform:scale(.98)}.file-list{margin:20px auto;max-width:90%;width:100%}.file-item{align-items:center;border-bottom:1px solid #292929;display:flex;margin-bottom:15px;padding:10px 0}.file-preview{border:1px solid #292929;border-radius:4px;height:auto;margin-right:15px;width:80px}.file-details{flex:1 1}.file-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px}.file-input{border:1px solid #bb86fc;height:30px;margin-bottom:10px;padding:5px;width:90%}.file-input,.notice{background-color:#292929;border-radius:4px;color:#fff}.notice{font-size:.9rem;margin-bottom:15px;padding:10px}.offset-label{align-items:center;color:#bb86fc;display:flex;font-size:.9rem;margin-bottom:5px}.offset-label input{background-color:#292929;border:1px solid #bb86fc;border-radius:4px;color:#fff;margin-left:10px;padding:5px;width:60px}.delete-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.delete-button:hover{background-color:#b71c1c}button{background-color:#bb86fc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}button:disabled{background-color:#5f5f5f;cursor:not-allowed}button:hover:not(:disabled){background-color:#3700b3}.json-generator{background-color:#1f1f1f;border-radius:8px;max-width:100%;padding:20px;text-align:center;width:100%}.json-generator .download-button{width:100%}.app-footer{background-color:#1f1f1f;margin-top:20px;padding:10px 0;text-align:center;width:100%}.app-footer p{color:#fff;font-size:1rem;margin:0}.app-footer a{color:#bb86fc;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:768px){.content{align-items:center;flex-direction:column;max-width:100%;width:100%}.discord-card{width:80%}.info-card{max-width:90%}}.preview-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.preview-content{background:#1f1f1f;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;position:relative;text-align:center;width:320px}.preview-canvas-wrapper{border:1px solid #bb86fc;height:512px;margin:0 auto;overflow:hidden;position:relative;width:256px}.preview-bg-canvas{left:0;position:absolute;top:0;z-index:1}.grid-canvas{left:0;pointer-events:none;position:absolute;top:0;z-index:5}.preview-canvas-wrapper img{cursor:move;position:absolute;z-index:4}.slider-card{background-color:#1f1f1f;border:1px solid #bb86fc;border-radius:6px;display:inline-block;margin-top:10px;padding:10px;z-index:10}.offset-input-preview{display:flex;font-size:.9rem;justify-content:space-around;margin-top:10px}.offset-input-preview input{margin-left:5px;width:50px}.close-preview{background:#bb86fc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;position:absolute;right:10px;top:10px;transition:background-color .3s;z-index:100000}.close-preview:hover{background-color:#3700b3}input[type=file].styled-input{display:none}label.styled-input-label{background-color:#bb86fc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}label.styled-input-label:hover{background-color:#3700b3}label.styled-input-label:active{background-color:#6200ea;transform:scale(.98)}.pack-importer{background-color:#1f1f1f;border:1px dashed #bb86fc;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:20px;padding:20px;text-align:center}.pack-importer h2{color:#bb86fc;margin-bottom:10px}.pack-importer input[type=file].styled-input{display:none}.pack-importer label.styled-input-label{background-color:#bb86fc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.pack-importer label.styled-input-label:hover{background-color:#3700b3}.pack-importer label.styled-input-label:active{background-color:#6200ea;transform:scale(.98)}.toggle-background{align-items:center;background-color:#292929;border:1px solid #bb86fc;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;margin-right:8px;margin-top:5px;padding:10px 14px;transition:background-color .3s ease}.toggle-background input[type=checkbox]{cursor:pointer;margin-right:8px;transform:scale(1.2)}.toggle-background:hover{background-color:#1f1f1f}.index-high{position:-webkit-sticky;position:sticky}.index-high,.preview-handle{z-index:100000000}
/*# sourceMappingURL=main.4905979e.css.map*/