body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background-color:#1e1e1e;box-shadow:0 4px 10px #0000004d;position:fixed;top:0;left:0;right:0;z-index:100;box-sizing:border-box}.navbar-logo a{font-size:1.5rem;font-weight:700;color:#4caf50;text-decoration:none}.navbar-links{display:flex;gap:20px}.navbar-links a{font-size:1rem;color:#fff;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#4caf50}body{margin:0;font-family:Poppins,sans-serif;background-color:#121212;color:#fff;overflow-x:hidden}.landing-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box}p span{font-size:.8rem;color:#777}.hero-section{display:flex;align-items:flex-start;justify-content:space-between;height:100vh;padding:120px 50px 50px;background-color:#121212;box-sizing:border-box;flex-wrap:wrap}.hero-content{position:relative;top:30%;flex:1;max-width:50%;padding-right:20px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;color:#4caf50}.hero-description{font-size:1.3rem;line-height:1.8;margin-bottom:30px;color:#ccc}.cta-btn{padding:15px 30px;font-size:1.2rem;color:#fff;background-color:#4caf50;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.cta-btn:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative;padding-left:20px;top:30%}.hero-image img{width:90%;height:auto;border-radius:20px;box-shadow:0 8px 25px #00000080}.discord-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50vh;border-radius:20px;padding:50px;background-color:#1e1e1e;flex-wrap:wrap}.discord-content{flex:1;max-width:40%}.discord-content h2{font-size:2.8rem;font-weight:700;margin-bottom:20px;color:#7289da}.discord-content p{font-size:1.2rem;line-height:1.8;color:#ccc}.discord-widget{flex:1;display:flex;justify-content:center;align-items:center}.discord-widget iframe{width:80%;height:500px;border:none;border-radius:20px;box-shadow:0 8px 25px #00000080}@media(max-width:768px){.hero-section,.discord-section{flex-direction:column;align-items:center;height:auto}.hero-content,.hero-image,.discord-content,.discord-widget{flex:none;max-width:100%;padding:0;margin-bottom:30px}.hero-title{font-size:2.5rem}.hero-image{top:0}.hero-description{font-size:1.1rem}.discord-content{position:relative;top:10%}.discord-content h2{font-size:2rem}.discord-widget{top:-8%;position:relative}.discord-widget iframe{width:100%;height:400px}}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#121212;color:#fff;padding-top:100px;box-sizing:border-box}.auth-card{background-color:#1e1e1e;padding:30px 40px;border-radius:15px;box-shadow:0 4px 15px #00000080;max-width:400px;width:90%;text-align:center}.auth-card h1{margin-bottom:20px;font-size:2rem;color:#4caf50}.auth-card p{margin-top:15px;font-size:.9rem;color:#ccc}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form label{font-size:1rem;text-align:left;color:#ccc}.auth-form input{padding:10px;font-size:1rem;border-radius:5px;border:1px solid #333;background-color:#2b2b2b;color:#fff}.auth-btn{padding:10px 20px;font-size:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.auth-btn:hover{background-color:#45a049}.auth-card a{color:#4caf50;text-decoration:none;transition:color .3s ease}.auth-card a:hover{color:#45a049}.sidebar{width:250px;background-color:#1e1e1e;display:flex;flex-direction:column;padding:20px;position:fixed;height:100vh;transition:transform .3s ease;z-index:1000}.sidebar-header{margin-top:10px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #333333}.sidebar-title{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.05em}.sidebar.collapsed{transform:translate(-280px)}.sidebar-item{display:flex;align-items:center;padding:10px 20px;margin-bottom:15px;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.sidebar-item span{margin-left:10px;opacity:1;transition:opacity .3s ease}.sidebar-item:hover{background-color:#333}.toggle-btn{position:absolute;top:20px;left:240px;background-color:#171717;color:#fff;border:none;border-radius:12px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:left .3s ease,transform .3s ease;z-index:1100}.sidebar.collapsed .toggle-btn{left:280px}.toggle-btn:hover{background-color:#333}@media(max-width:768px){.sidebar{transform:translate(-280px)}.sidebar.collapsed{transform:translate(0)}.toggle-btn{left:270px}.sidebar.collapsed .toggle-btn{left:280px}}body{margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}.sidebar-item.sidebar-logout-btn{background:none;border:none;width:100%;text-align:left;cursor:pointer}.file-dropzone{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 15px #0000004d;margin-bottom:30px}.conversion-info h2{margin-bottom:20px}.dropzone{width:100%;max-width:400px;padding:20px;border:2px dashed #4caf50;border-radius:10px;text-align:center;cursor:pointer}.dropzone p{color:#bbb}.conversion-history{background-color:#1e1e1e;border-radius:10px;padding:20px;box-shadow:0 4px 15px #0000004d}.conversion-history h2{margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:center;background-color:#333;padding:10px;border-radius:5px}.dashboard-container{display:flex;transition:margin-left .3s ease,padding-left .3s ease}.dashboard-container.collapsed .dashboard-content{margin-left:30px}.dashboard-container .dashboard-content{flex:1;margin-left:290px;padding:20px;transition:margin-left .3s ease;gap:20px}.download-button{padding:10px;font-size:1.2rem;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.plans-page{display:flex;height:100vh;background-color:#121212;color:#fff}.plans-container{flex:1;padding:20px;display:flex;margin-left:280px;flex-direction:column;gap:20px;overflow-y:auto}.plans-container h1{font-size:2.5rem;margin-bottom:20px;text-align:center;color:#4caf50}.plans{display:flex;flex-direction:row;gap:30px;justify-content:center;align-items:stretch;flex-wrap:wrap}.plan{background-color:#1e1e1e;border-radius:10px;padding:30px 20px;width:350px;box-shadow:0 4px 15px #0000004d;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.plan:hover{transform:translateY(-10px);box-shadow:0 8px 20px #00000080}.plan h2{font-size:1.8rem;margin-bottom:15px}.plan p{margin-bottom:20px;font-size:1.2rem;color:#bbb}.plan ul{list-style-type:none;padding:0;margin:20px 0}.plan ul li{margin:10px 0;font-size:1.1rem;line-height:1.5;color:#fff;position:relative;padding-left:20px}.plan ul li:before{content:"✔";color:#4caf50;font-weight:700;position:absolute;left:0;top:2px}.plan-btn{padding:15px;font-size:1.2rem;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.plan-btn:hover{background-color:#45a049}.disabled-btn{background-color:#666;cursor:not-allowed}.premium-plan{border:2px solid #4caf50}.payment-modal{margin-top:20px;text-align:center}@media(max-width:768px){.plans{flex-direction:column;align-items:center}.plan{width:100%;max-width:90%}}.settings-page{display:flex;height:100vh;background-color:#121212;color:#fff;transition:margin-left .3s ease;overflow-x:hidden}.settings-page.collapsed .settings-container{margin-left:70px}.settings-page .settings-container{flex:1;margin-left:280px;padding:20px 40px;transition:margin-left .3s ease;overflow-y:auto}.settings-container h1{font-size:2.5rem;margin-bottom:20px;color:#4caf50}.settings-section{background-color:#1e1e1e;padding:20px;border-radius:10px;box-shadow:0 4px 15px #00000080;margin-bottom:30px}.settings-section h2{font-size:1.8rem;margin-bottom:15px;color:#fff}.settings-section p{font-size:1.2rem;margin-bottom:15px}.edit-btn{padding:10px 20px;font-size:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.edit-btn:hover{background-color:#45a049}.payment-history{width:100%;border-collapse:collapse;text-align:left}.payment-history th,.payment-history td{padding:10px 15px;border-bottom:1px solid #333;color:#fff}.payment-history th{background-color:#333;color:#4caf50}.payment-history tr:hover{background-color:#2b2b2b}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#1e1e1e;padding:30px;border-radius:10px;width:100%;max-width:400px;text-align:center;box-shadow:0 8px 25px #00000080}.modal-content h2{font-size:1.8rem;margin-bottom:20px}.password-form label{display:block;font-size:1rem;margin-bottom:10px;text-align:left;color:#ccc}.password-form input{width:100%;padding:10px;margin-bottom:15px;font-size:1rem;border-radius:5px;border:1px solid #333;background-color:#2b2b2b;color:#fff}.modal-buttons{display:flex;justify-content:space-between}.save-btn,.cancel-btn{padding:10px 20px;font-size:1rem;border-radius:5px;cursor:pointer}.save-btn{background-color:#4caf50;color:#fff;border:none;transition:background-color .3s ease}.save-btn:hover{background-color:#45a049}.cancel-btn{background-color:#666;color:#fff;border:none;transition:background-color .3s ease}.cancel-btn:hover{background-color:#555}@media(max-width:768px){.settings-page .settings-container{margin-left:0}.settings-container{padding:20px}.modal-content{width:90%}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:12px}.loader-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:kafal-spin .8s linear infinite}@keyframes kafal-spin{to{transform:rotate(360deg)}}.gui-editor-content{display:flex;flex-direction:column;gap:20px}.gui-editor-header h1{margin:0 0 4px}.gui-editor-header p{margin:0;color:#bbb;font-size:.95rem}.gui-editor-upload-card{background-color:#1e1e1e;border-radius:10px;padding:16px 20px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:10px}.gui-upload-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gui-upload-title{font-weight:500}.gui-pack-name{font-size:.95rem;color:#ccc}.gui-status-text{font-size:.9rem;color:#999}.gui-settings-import{display:flex;gap:10px;flex-wrap:wrap}.gui-primary-button,.gui-secondary-button{padding:9px 12px;font-size:.9rem;border-radius:8px;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.gui-primary-button{background-color:#2563eb;color:#fff}.gui-primary-button:hover{background-color:#1d4ed8}.gui-secondary-button{background-color:#2b2b2b;color:#fff}.gui-secondary-button:disabled{opacity:.5;cursor:not-allowed}.gui-secondary-button:hover:not(:disabled){background-color:#3a3a3a}.gui-button-icon{font-size:.9rem}.gui-pack-upload,.gui-settings-upload{position:relative;overflow:hidden}.gui-pack-upload input[type=file],.gui-settings-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.gui-download-button{padding:9px 12px;font-size:.9rem;border-radius:8px;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:#4caf50;color:#fff}.gui-download-button:disabled{background-color:#2f4f30;cursor:not-allowed}.gui-download-button:hover:not(:disabled){background-color:#45a049}.gui-editor-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.gui-preview-card{background-color:#1e1e1e;border-radius:10px;padding:16px;box-shadow:0 4px 15px #0000004d;flex:1 1 480px;min-width:360px}.gui-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.gui-reference-select select{background-color:#171717;color:#fff;border-radius:6px;border:1px solid #333333;padding:4px 8px;font-size:.9rem}.gui-preview-inner{position:relative}.gui-reference-image{position:absolute;image-rendering:pixelated}.gui-overlay-image{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;image-rendering:pixelated}.gui-overlay-image.selected{outline:2px solid #4caf50}.gui-preview-hint{font-size:.85rem;color:#aaa}.gui-editor-sidebar-card{background-color:#1e1e1e;border-radius:10px;padding:16px;box-shadow:0 4px 15px #0000004d;flex:0 0 320px;max-width:420px;display:flex;flex-direction:column;gap:10px}.gui-entry-list{max-height:260px;overflow-y:auto;border-radius:6px;border:1px solid #333333}.gui-entry-row{width:100%;padding:6px 8px;border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#fff;cursor:pointer;text-align:left}.gui-entry-row:hover{background-color:#2a2a2a}.gui-entry-row.selected{background-color:#333}.gui-entry-main{display:flex;flex-direction:column;gap:2px}.gui-entry-id{font-weight:600;font-size:.9rem}.gui-entry-texture{font-size:.8rem;color:#bbb}.gui-entry-icon{display:flex;align-items:center;justify-content:center;color:#bbb}.gui-entry-meta{font-size:.85rem;color:#ccc;margin-bottom:6px}.gui-entry-meta code{font-family:monospace}.gui-offset-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.gui-offset-inputs label{display:flex;flex-direction:column;font-size:.85rem;color:#ccc;gap:4px}.gui-offset-inputs input{background-color:#171717;color:#fff;border-radius:6px;border:1px solid #333333;padding:4px 6px}.gui-editor-actions{margin-top:8px;display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.gui-preview-card,.gui-editor-sidebar-card{flex:1 1 100%}}.gui-opacity-control{margin-top:4px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:.85rem;color:#ccc}.gui-opacity-control input[type=range]{flex:1}.gui-opacity-value{width:38px;text-align:right}.gui-danger-button{padding:9px 12px;font-size:.9rem;border-radius:8px;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:#b91c1c;color:#fff}.gui-danger-button:disabled{opacity:.5;cursor:not-allowed}.gui-danger-button:hover:not(:disabled){background-color:#991b1b}