@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--background:#0f0c29;--foreground:#fff;--primary:#302b63;--secondary:#24243e;--accent:#00d2ff;--glass:#ffffff1a;--glass-border:#fff3}body{color:var(--foreground);background:linear-gradient(to right,var(--background),var(--primary),var(--secondary));justify-content:center;align-items:center;min-height:100vh;margin:0;padding:2rem 1rem;font-family:Inter,sans-serif;display:flex;overflow-y:auto}main{width:100%;max-width:600px}.converter-container{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);text-align:center;border-radius:20px;width:100%;max-width:500px;padding:3rem;animation:1s ease-in-out fadeIn;box-shadow:0 8px 32px #0000005e}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:700}.upload-section{border:2px dashed var(--glass-border);cursor:pointer;border-radius:12px;margin:2rem 0;padding:2rem;transition:all .3s}.upload-section:hover{border-color:var(--accent);background:#ffffff0d}.file-input{display:none}.file-input-label{cursor:pointer;color:#ccc;font-size:1.1rem;display:block}.btn-primary,.btn-success{cursor:pointer;border:none;border-radius:50px;width:100%;margin-top:1rem;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary{color:#fff;background:linear-gradient(45deg,#00d2ff,#3a7bd5);box-shadow:0 4px 15px #00d2ff66}.btn-success{color:#fff;background:linear-gradient(45deg,#11998e,#38ef7d);text-decoration:none;display:inline-block;box-shadow:0 4px 15px #38ef7d66}.btn-primary:active,.btn-success:active{transform:scale(.98)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.progress-container{background:#ffffff1a;border-radius:10px;width:100%;height:10px;margin:1.5rem 0;position:relative;overflow:hidden}.progress-bar{background:var(--accent);height:100%;transition:width .3s}.file-name{color:var(--accent);margin-top:1rem;font-size:.9rem;display:block}.status-bar{color:#aaa;margin-bottom:1rem;font-size:.9rem}.tab-container{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50px;gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex}.tab{cursor:pointer;color:#ccc;background:0 0;border:none;border-radius:50px;flex:1;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.tab:hover{color:#fff;background:#ffffff0d}.tab.active{color:#fff;background:linear-gradient(45deg,#00d2ff,#3a7bd5);box-shadow:0 4px 15px #00d2ff66}.settings-section{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.setting-group{flex-direction:column;gap:.5rem;display:flex}.setting-label{color:#ccc;font-size:.9rem;font-weight:500}.setting-select{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:10px;padding:12px 16px;font-size:1rem;transition:all .3s}.setting-select:hover{border-color:var(--accent);background:#ffffff1a}.setting-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #00d2ff33}.setting-select option{background:var(--secondary);color:#fff}.progress-text{color:#fff;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-controls{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.time-input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:10px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.time-input:hover{border-color:var(--accent);background:#ffffff1a}.time-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #00d2ff33}.volume-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:5px;outline:none;width:100%;height:8px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 10px #00d2ff80}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border:none;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 10px #00d2ff80}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.fade-controls{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.audio-preview{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;margin:1.5rem 0;padding:1rem}.audio-player{border-radius:8px;outline:none;width:100%;margin-top:.5rem}.audio-player::-webkit-media-controls-panel{background:#ffffff1a;border-radius:8px}.merge-file-list{flex-direction:column;gap:.5rem;max-height:150px;margin-top:1rem;display:flex;overflow-y:auto}.merge-file-list::-webkit-scrollbar{width:6px}.merge-file-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.merge-file-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.merge-file-list::-webkit-scrollbar-thumb:hover{background:#00b8e6}.mode-selector{gap:.5rem;margin-top:.5rem;display:flex}.mode-btn{border:1px solid var(--glass-border);color:#ccc;cursor:pointer;background:#ffffff0d;border-radius:10px;flex:1;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s}.mode-btn:hover{border-color:var(--accent);color:#fff;background:#ffffff1a}.mode-btn.active{color:#fff;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border-color:#0000;box-shadow:0 2px 10px #00d2ff4d}.fps-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:5px;outline:none;width:100%;height:8px}.fps-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 10px #00d2ff80}.fps-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.fps-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border:none;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 10px #00d2ff80}.fps-slider::-moz-range-thumb:hover{transform:scale(1.2)}.slider-hint{color:#888;margin-top:.5rem;font-size:.75rem;font-style:italic;display:block}.gif-preview{border:1px solid var(--glass-border);text-align:center;background:#ffffff0d;border-radius:12px;margin:1.5rem 0;padding:1rem}.gif-image{border-radius:8px;max-width:100%;margin-top:.5rem;box-shadow:0 4px 15px #0000004d}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;max-height:200px;margin-top:1rem;display:grid;overflow-y:auto}.image-grid::-webkit-scrollbar{width:6px}.image-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.image-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.image-grid::-webkit-scrollbar-thumb:hover{background:#00b8e6}.optimization-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.optimization-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent)}.optimization-toggle span{color:#ccc;font-size:.9rem}.file-list{margin-top:1rem}.format-selector{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem;display:grid}.format-btn{border:1px solid var(--glass-border);color:#ccc;cursor:pointer;background:#ffffff0d;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .3s}.format-btn:hover{border-color:var(--accent);color:#fff;background:#ffffff1a}.format-btn.active{color:#fff;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border-color:#0000;box-shadow:0 2px 10px #00d2ff4d}.quality-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:5px;outline:none;width:100%;height:8px}.quality-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 10px #00d2ff80}.quality-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.quality-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border:none;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 10px #00d2ff80}.quality-slider::-moz-range-thumb:hover{transform:scale(1.2)}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:400px;margin:1.5rem 0;padding:.5rem;display:grid;overflow-y:auto}.image-preview-grid::-webkit-scrollbar{width:8px}.image-preview-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.image-preview-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.image-preview-grid::-webkit-scrollbar-thumb:hover{background:#00b8e6}.image-card{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.image-card:hover{border-color:var(--accent);background:#ffffff14;transform:translateY(-2px)}.preview-image{object-fit:cover;background:#0003;border-radius:8px;width:100%;height:150px}.image-name{color:#ccc;text-align:center;word-break:break-word;margin:0;font-size:.85rem}.image-size{color:var(--accent);margin:0;font-size:.75rem;font-weight:600}.btn-download{color:#fff;cursor:pointer;background:linear-gradient(45deg,#11998e,#38ef7d);border:none;border-radius:8px;width:100%;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-download:hover{transform:scale(1.05);box-shadow:0 4px 15px #38ef7d66}.btn-download:active{transform:scale(.98)}