.tools-main{max-width:1180px;margin:auto;padding:180px 28px 90px}.tool-brand{display:flex;align-items:center;gap:12px;width:285px;text-decoration:none}.tool-brand img{width:82px;height:64px;object-fit:contain}.tool-brand span{font:700 25px/1 'Space Grotesk';letter-spacing:-.055em;white-space:nowrap}.tool-brand b{color:#f5f8ff}.tool-brand em{font-style:normal;background:linear-gradient(100deg,#43ddff,#4e9fff 55%,#8a70ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tools-hero{text-align:center;max-width:850px;margin:0 auto 60px}.tool-kicker,.step-label{font:700 10px 'Space Grotesk';letter-spacing:.24em;color:#35d8ff}.tools-hero h1{font:600 clamp(48px,7vw,82px)/.98 'Space Grotesk';letter-spacing:-.06em;margin:22px 0}.tools-hero h1 span{color:#748096}.tools-hero p{max-width:650px;margin:auto;color:#8490a4;font-size:15px}.tool-shell{border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(8,12,20,.78);box-shadow:0 30px 100px rgba(0,0,0,.3);overflow:hidden}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.015)}.tool-tab{border:0;background:transparent;color:#718096;padding:22px 28px;display:flex;justify-content:center;align-items:center;gap:13px;cursor:pointer;border-bottom:2px solid transparent}.tool-tab:first-child{border-right:1px solid rgba(255,255,255,.06)}.tool-tab.active{color:#eaf7ff;border-bottom-color:#35d8ff;background:linear-gradient(180deg,rgba(53,216,255,.05),transparent)}.tool-tab .tab-icon{font-size:23px;color:#35d8ff}.tool-tab b,.tool-tab small{display:block;text-align:left}.tool-tab b{font:600 14px 'Space Grotesk'}.tool-tab small{font-size:10px;color:#5f6b7d;margin-top:2px}.tool-panel{display:none;padding:48px}.tool-panel.active{display:block}.panel-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:35px}.panel-heading h2{font:600 clamp(30px,4vw,45px) 'Space Grotesk';letter-spacing:-.04em;margin:8px 0}.panel-heading p{color:#788598;max-width:680px;font-size:13px}.privacy-pill{font-size:10px;color:#73cfa5;border:1px solid rgba(115,207,165,.18);padding:8px 11px;border-radius:999px;white-space:nowrap}.upload-zone{position:relative;min-height:310px;border:1px dashed rgba(68,211,255,.25);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(47,210,255,.06),transparent 45%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.25s}.upload-zone.drag{border-color:#35d8ff;background:rgba(53,216,255,.06)}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:54px;height:54px;border-radius:14px;border:1px solid rgba(53,216,255,.22);display:grid;place-items:center;font-size:27px;color:#35d8ff;margin-bottom:18px}.upload-zone h3{font:600 18px 'Space Grotesk'}.upload-zone p{font-size:12px;color:#68758a;margin:5px}.upload-zone p span{color:#35d8ff}.upload-zone small{color:#485467;font-size:9px}.editor-area,.compress-editor{display:grid;grid-template-columns:1.1fr .9fr;gap:45px}.crop-stage{position:relative;width:min(100%,500px);aspect-ratio:1;margin:auto;overflow:hidden;border-radius:14px;background:#03050a;cursor:grab;touch-action:none;box-shadow:0 0 0 1px rgba(255,255,255,.09)}.crop-stage:active{cursor:grabbing}.crop-stage canvas{width:100%;height:100%;display:block}.crop-guide{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(53,216,255,.6);box-shadow:inset 0 0 40px rgba(0,0,0,.15)}.crop-guide:before,.crop-guide:after{content:"";position:absolute;background:rgba(255,255,255,.18)}.crop-guide:before{left:33.333%;top:0;bottom:0;width:1px;box-shadow:166px 0 rgba(255,255,255,.18)}.crop-guide:after{top:33.333%;left:0;right:0;height:1px;box-shadow:0 166px rgba(255,255,255,.18)}.crop-guide i{position:absolute;width:18px;height:18px;border-color:#35d8ff}.crop-guide i:nth-child(1){left:0;top:0;border-left:3px solid;border-top:3px solid}.crop-guide i:nth-child(2){right:0;top:0;border-right:3px solid;border-top:3px solid}.crop-guide i:nth-child(3){left:0;bottom:0;border-left:3px solid;border-bottom:3px solid}.crop-guide i:nth-child(4){right:0;bottom:0;border-right:3px solid;border-bottom:3px solid}.drag-tip{text-align:center;color:#536075;font-size:10px;margin-top:12px}.controls-column{display:flex;flex-direction:column;gap:18px}.file-summary{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}.thumb-wrap{width:48px;height:48px;border-radius:9px;overflow:hidden;background:#111}.thumb-wrap img{width:100%;height:100%;object-fit:cover}.file-summary>div:nth-child(2){min-width:0;flex:1}.file-summary b,.file-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-summary b{font-size:12px}.file-summary small{font-size:9px;color:#647084}.text-button{border:0;background:none;color:#35d8ff;font-size:10px;cursor:pointer}.control-label{font:600 10px 'Space Grotesk';letter-spacing:.08em;color:#8a96a8}.control-label span{float:right;color:#35d8ff}.range{width:100%;accent-color:#35d8ff}.output-spec{display:flex;align-items:center;gap:14px;border:1px solid rgba(53,216,255,.13);background:rgba(53,216,255,.035);padding:15px;border-radius:12px}.output-spec>span{font-size:8px;color:#4d5a6c;letter-spacing:.14em}.output-spec div{flex:1}.output-spec b,.output-spec small{display:block}.output-spec b{font-size:12px}.output-spec small{font-size:9px;color:#657185}.output-spec strong{color:#72d6a7}.primary-action,.secondary-action{width:100%;border-radius:11px;padding:15px 18px;font:700 11px 'Space Grotesk';cursor:pointer}.primary-action{border:0;background:linear-gradient(100deg,#32d9ff,#557dff);color:#031017;box-shadow:0 10px 30px rgba(50,217,255,.12)}.primary-action span{float:right}.primary-action.success{background:linear-gradient(100deg,#57d9a1,#32d9ff)}.secondary-action{border:1px solid rgba(255,255,255,.08);background:transparent;color:#788599}.compress-preview{min-height:430px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#03050a;display:grid;place-items:center;overflow:hidden}.compress-preview img{width:100%;height:100%;max-height:500px;object-fit:contain}.target-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.target{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#090d15;color:#8290a4;font-size:10px;cursor:pointer}.target.active{border-color:rgba(53,216,255,.45);color:#dffaff;background:rgba(53,216,255,.05)}.custom-target{display:grid;grid-template-columns:auto 1fr 80px;gap:8px;align-items:center}.custom-target label{font-size:10px;color:#6b778b}.custom-target input,.custom-target select{width:100%;border:1px solid rgba(255,255,255,.08);background:#090d15;color:#dce8f5;border-radius:8px;padding:10px;outline:none}.result-card{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid rgba(115,207,165,.18);background:rgba(115,207,165,.035);border-radius:11px}.result-card span,.result-card b{display:block}.result-card span{font-size:7px;color:#647185;letter-spacing:.12em}.result-card b{font-size:12px}.result-card i{font-style:normal;color:#4c5b6e}.result-card strong{font-size:9px;color:#73cfa5}.tools-note{display:flex;gap:16px;align-items:flex-start;max-width:720px;margin:30px auto 0;padding:20px;color:#657286}.tools-note b{color:#9aa8ba;font-size:11px}.tools-note p{font-size:10px;margin-top:3px}.mini-footer{max-width:1180px;margin:auto;border-top:1px solid rgba(255,255,255,.06);padding:25px 28px 35px;display:flex;justify-content:space-between;color:#4f5b6e;font-size:9px;letter-spacing:.1em}
@media(max-width:850px){.tools-main{padding:145px 18px 65px}.tool-brand{width:180px}.tool-brand img{width:58px;height:48px}.tool-brand span{font-size:19px}.tool-panel{padding:28px 20px}.panel-heading{display:block}.privacy-pill{display:inline-block;margin-top:15px}.editor-area,.compress-editor{grid-template-columns:1fr}.compress-preview{min-height:300px}.tools-hero{margin-bottom:40px}}@media(max-width:520px){.tools-hero h1{font-size:47px}.tool-tab{padding:17px 8px}.tool-tab .tab-icon{display:none}.panel-heading h2{font-size:31px}.upload-zone{min-height:260px}.target-grid{grid-template-columns:1fr 1fr}.mini-footer{display:block}.mini-footer span{display:block;margin:5px 0}}