*{box-sizing:border-box}body{margin:0;background:#0c111a;color:#e9f0f5;font:14px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:#48d88c;text-decoration:none}.app{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.side{background:#0a1019;border-right:1px solid #1f2a37;padding:23px 15px;display:flex;flex-direction:column;gap:20px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:16px;line-height:1.15}.logo svg{width:38px;height:38px;color:#38e18a}.logo em{color:#39d987;font-style:normal}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:12px;border:1px solid transparent;background:transparent;color:#a8b3c3;border-radius:8px}.nav button.active{background:linear-gradient(100deg,#183f31,#076c46);border-color:#1e7d54;color:white}.nav button:hover{background:#1c2b35}.nav button.active:hover{background:#076c46}.nav .ico{font-size:20px;width:25px}.nav small{display:block;color:#8293a4;font-size:10px}.aside-note{margin-top:auto;border:1px dashed #374757;padding:15px;border-radius:10px;color:#8ca6a2;font-size:12px}.aside-note strong{color:#3fe18a}.main{padding:24px;max-width:1500px;width:100%;margin:auto}.top{display:grid;grid-template-columns:1fr 400px;gap:20px;align-items:stretch}.hero h1{font-size:clamp(27px,3vw,39px);line-height:1.14;letter-spacing:-1.1px;margin:6px 0 12px}.hero h1 span{color:#35d47f}.hero p{color:#9baabc;margin:0 0 18px}.features{display:flex;gap:9px;flex-wrap:wrap}.feature{border:1px solid #1d2a37;background:#111923;border-radius:7px;padding:8px 10px;font-size:11px}.feature b{display:block;color:#d5e6dc}.feature span{color:#8a9ba9}.drop{border:1px dashed #3b5160;border-radius:12px;background:#1a222e;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;transition:.2s;cursor:pointer}.drop.drag{border-color:#43de8b;background:#18382c}.drop svg{width:47px;height:47px;color:#38d883}.drop strong{font-size:15px;margin-top:8px}.drop span{color:#a3aebb}.drop small{color:#7e8a9b;font-size:11px;margin-top:8px}.panel{background:#121a25;border:1px solid #1e2b3a;border-radius:11px;padding:17px;min-width:0}.workspace{display:grid;grid-template-columns:minmax(280px,0.85fr) minmax(300px,1.15fr);gap:17px;margin-top:18px}.panel h2{font-size:14px;margin:0 0 16px}.label{font-size:12px;color:#becbd7;margin:15px 0 8px;display:block}.formats{display:flex;flex-wrap:wrap;gap:7px}.formats button{background:#161f2c;border:1px solid #2b3846;color:#b3beca;padding:9px 12px;border-radius:7px}.formats button.active{border-color:#38d782;color:#56e899;background:#173829}.formats button:disabled{opacity:.3;cursor:not-allowed}.quality-head{display:flex;justify-content:space-between;margin-top:17px}.quality-head span{color:#41db83}input[type=range]{width:100%;accent-color:#31d77d}.range-hints{display:flex;justify-content:space-between;font-size:11px;color:#7d8c9e}.toggleline{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.toggleline input{accent-color:#2fd77d;width:19px;height:19px}.dims{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.dims input{width:100%;background:#0e1520;border:1px solid #293545;color:#dce5ef;border-radius:7px;padding:10px}.hint{color:#8b9bab;font-size:11px;margin:8px 0}.advanced{margin-top:14px;border-top:1px solid #263341;padding-top:12px}.advanced summary{cursor:pointer;color:#bdcad7}.advanced label{display:block;margin-top:9px;color:#9cabb9}.advanced select{background:#101923;color:white;border:1px solid #293545;padding:7px;border-radius:6px}.primary{background:linear-gradient(100deg,#24a95f,#07874a);color:white;border:0;padding:13px 15px;border-radius:8px;font-weight:800;width:100%;margin-top:18px}.primary:hover{filter:brightness(1.12)}.primary:disabled{opacity:.4;cursor:not-allowed}.preview-head{display:flex;align-items:center;justify-content:space-between}.preview-head h2{margin:0 0 12px}.compare-toggle{font-size:11px;color:#a5b1bf}.compare-toggle input{accent-color:#32d681}.preview-box{height:280px;border-radius:9px;background:#0b121c;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-box img{max-width:100%;max-height:100%;object-fit:contain}.placeholder{color:#8495a7;text-align:center;padding:18px}.preview-box.compare img{position:absolute;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.preview-box.compare #beforeImg{clip-path:inset(0 50% 0 0)}.preview-box.compare #afterImg{clip-path:inset(0 0 0 50%)}.split{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;display:none}.preview-box.compare .split{display:block}.image-label{position:absolute;top:10px;left:10px;background:#101a25bc;padding:4px 8px;border-radius:6px;font-size:11px}.image-label.right{left:auto;right:10px}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;color:#a5b2c1;font-size:12px}.preview-stats strong{color:#e2e9f2}.actions{display:flex;gap:8px;margin-top:14px}.actions button{flex:1;background:#1b2633;color:#d2e0e8;border:1px solid #2a3948;padding:11px 5px;border-radius:7px;font-size:12px}.actions button.green{background:#134a33;border-color:#176b42}.actions button:disabled{opacity:.4;cursor:not-allowed}.files{margin-top:18px}.file-list{display:grid;gap:8px;max-height:220px;overflow:auto}.file{display:flex;align-items:center;gap:9px;padding:10px;background:#0d1520;border:1px solid #253342;border-radius:8px}.file img{height:40px;width:40px;object-fit:cover;border-radius:5px}.file .detail{min-width:0;flex:1}.file .detail b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file small{color:#91a3b4}.file button{border:1px solid #314253;background:#182330;color:#e6f2f6;border-radius:6px;padding:7px}.formats-section{margin-top:18px}.format-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.format-card{padding:13px;background:#151e29;border:1px solid #263443;border-radius:8px}.format-card b{display:inline-block;padding:4px 7px;background:#214f36;color:#7deab0;border-radius:4px}.format-card small{display:block;color:#8f9fb1;margin-top:5px}.footer{padding:22px 0;color:#8e9dad;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.footer a{margin-left:12px}.status{margin:10px 0 0;color:#8b9db0;font-size:12px}.status.error{color:#ff9797}.content{max-width:850px;margin:60px auto;padding:30px;background:#121a25;border:1px solid #253443;border-radius:14px}.content h1{font-size:32px}.content p,.content li{color:#adbac9}.content h2{margin-top:27px}.legalnav{padding:20px 28px;border-bottom:1px solid #263443}.legalnav a{margin-right:15px}.hidden{display:none!important}@media(max-width:1050px){.top{grid-template-columns:1fr}.workspace{grid-template-columns:1fr 1fr}.format-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.app{grid-template-columns:1fr}.side{padding:14px}.nav{display:flex;overflow:auto}.nav button{min-width:125px}.aside-note{display:none}.main{padding:16px}.workspace{grid-template-columns:1fr}.format-grid{grid-template-columns:repeat(2,1fr)}.preview-box{height:260px}}