@media (max-width:991px){.cursor{display:none}}.tools-page{min-height:100vh;background:#030303;color:#ffffff}.tools-hero{padding:120px 0 76px;background:radial-gradient(circle at 28% 30%,rgba(196,84,45,.22),transparent 34%),radial-gradient(circle at 72% 28%,rgba(49,78,186,.22),transparent 34%),linear-gradient(180deg,#030303,#08080d 52%,#030303)}.tools-bg-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 68%);mask-image:radial-gradient(circle at center,black 0,transparent 68%)}.tools-glow{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(90px);opacity:.42;pointer-events:none}.tools-glow-orange{left:12%;top:18%;background:rgba(205,85,45,.42)}.tools-glow-blue{right:12%;top:20%;background:rgba(50,74,190,.44)}.tools-pill,.tools-small-pill{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:rgba(255,255,255,.74);border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.tools-pill{padding:10px 18px;font-size:14px}.tools-small-pill{padding:8px 14px;font-size:12px;letter-spacing:.12em}.tools-pill i,.tools-small-pill i{color:#d75f39}.tools-title{font-size:clamp(30px,6.4vw,60px);line-height:.96;letter-spacing:-.065em;font-weight:700;color:#ffffff}.tools-title:after{content:"";display:block;width:min(360px,70%);height:2px;margin:30px auto 0;background:linear-gradient(90deg,transparent,#c95636,#354ac4,transparent);opacity:.8}.tools-subtitle{max-width:720px;color:rgba(255,255,255,.58);font-size:17px;line-height:1.75}.tools-cta-btn,.tools-main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;color:#ffffff;text-decoration:none;font-weight:700;font-size:14px;border:1px solid rgba(216,92,52,.95);background:linear-gradient(135deg,rgba(216,92,52,.24),rgba(49,72,186,.26));box-shadow:0 0 32px rgba(216,92,52,.16);transition:.22s ease}.tools-cta-btn:hover,.tools-main-btn:hover{color:#ffffff;transform:translateY(-2px);border-color:rgba(255,255,255,.36);box-shadow:0 0 42px rgba(67,89,210,.26)}.tools-note{color:rgba(255,255,255,.44);font-size:14px}.tools-list-section{padding:34px 0 82px;background:#030303}.tool-card{position:relative;min-height:345px;padding:28px;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(8,8,13,.94);border:1px solid rgba(255,255,255,.095);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34);transition:.24s ease}.tool-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 90px rgba(0,0,0,.52)}.tool-card-gradient{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at top left,rgba(215,95,57,.26),transparent 42%),radial-gradient(circle at bottom right,rgba(55,76,198,.24),transparent 44%);transition:.24s ease}.tool-card:hover .tool-card-gradient{opacity:1}.tool-card-body,.tool-card-footer,.tool-card-header{position:relative;z-index:2}.tool-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:54px}.tool-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;color:#ffffff;font-size:25px;background:linear-gradient(135deg,rgba(216,92,52,.28),rgba(49,72,186,.24)),rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}.tool-number{color:rgba(255,255,255,.18);font-size:15px;font-weight:700;letter-spacing:.08em}.tool-card h2{color:#ffffff;font-size:26px;line-height:1.15;letter-spacing:-.035em;margin-bottom:16px}.tool-card p{color:rgba(255,255,255,.52);line-height:1.7;margin-bottom:0}.tool-card-footer{position:absolute;left:28px;right:28px;bottom:26px;display:flex;align-items:center;justify-content:space-between;color:#ffffff;font-weight:700;font-size:14px}.tool-card-footer i{color:rgba(255,255,255,.48);transition:.22s ease}.tool-card:hover .tool-card-footer i{color:#ffffff;transform:translateX(5px)}.tools-benefits-section{padding:82px 0;background:radial-gradient(circle at center top,rgba(255,255,255,.06),transparent 30%),#030303;border-top:1px solid rgba(255,255,255,.075)}.tools-section-title{font-size:clamp(32px,4.4vw,62px);line-height:1.05;letter-spacing:-.055em;color:rgba(255,255,255,.88);font-weight:500}.benefit-card{padding:28px;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.085);transition:.22s ease}.benefit-card:hover{background:rgba(255,255,255,.055);transform:translateY(-4px)}.benefit-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:24px;border-radius:18px;color:#ffffff;font-size:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.benefit-card h3{color:#ffffff;font-size:20px;margin-bottom:10px}.benefit-card p{color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:0}.tools-cta-section{padding:34px 0 80px;background:#030303}.tools-cta-box{border-radius:34px;padding:clamp(30px,5vw,58px);background:linear-gradient(135deg,rgba(216,92,52,.14),rgba(49,72,186,.13)),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 90px rgba(0,0,0,.38)}.tools-cta-glow{position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:999px;background:rgba(216,92,52,.22);filter:blur(90px)}.tools-cta-label{display:inline-block;color:#e1764e;font-weight:700;font-size:14px;margin-bottom:14px}.tools-cta-title{max-width:760px;color:#ffffff;font-size:clamp(30px,4vw,54px);line-height:1.06;letter-spacing:-.05em;font-weight:650;margin-bottom:18px}.tools-cta-text{max-width:760px;color:rgba(255,255,255,.55);font-size:17px;line-height:1.7;margin-bottom:0}@media (max-width:991px){.tools-hero{padding:120px 0 56px}.tool-card{min-height:315px}}@media (max-width:575px){.tools-title{font-size:30px}.tools-subtitle{font-size:15px}.tools-benefits-section,.tools-cta-section,.tools-list-section{padding-top:44px;padding-bottom:54px}.tool-card{min-height:300px;padding:24px;border-radius:26px}.tool-card-footer{left:24px;right:24px}.tools-cta-box{border-radius:28px}}.language-switcher{position:relative;display:flex;align-items:center}.language-switcher-toggle{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.88);font-size:14px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.language-switcher-toggle:hover{color:#ffffff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.075)}.language-switcher-icon{opacity:.9}.language-switcher-title{white-space:nowrap}.language-switcher-short{display:none;font-weight:700;letter-spacing:.04em}.language-switcher-arrow{font-size:11px;opacity:.7;transition:transform .18s ease}.language-switcher-arrow.is-open{transform:rotate(180deg)}.language-switcher-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:1000;min-width:190px;padding:8px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),rgba(8,8,13,.96);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 70px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.language-switcher-menu.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.language-switcher-item{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:12px;color:rgba(255,255,255,.72);text-decoration:none;transition:background .16s ease,color .16s ease}.language-switcher-item:hover{color:#ffffff;background:rgba(255,255,255,.07)}.language-switcher-item.is-active{color:#ffffff;background:linear-gradient(135deg,rgba(216,92,52,.22),rgba(49,72,186,.2))}.language-switcher-code{width:34px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;color:#ffffff;background:rgba(255,255,255,.08)}.language-switcher-name{flex:1 1;font-size:14px;white-space:nowrap}.language-switcher-check{font-size:15px;color:#e1764e}@media (max-width:991px){.language-switcher{width:100%;display:block}.language-switcher-menu{position:relative}.language-switcher-toggle{width:100%;min-height:52px;height:52px;justify-content:space-between;padding:0 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:16px}.language-switcher-toggle:hover{background:linear-gradient(135deg,rgba(216,92,52,.18),rgba(49,72,186,.16));border-color:rgba(255,255,255,.11)}.language-switcher-title{display:inline}.language-switcher-short{display:none}.language-switcher-arrow{display:inline-flex}}.mobile-menu-open{overflow:hidden}.modern-header{position:absolute;top:0;left:0;width:100%;z-index:1000}.modern-header .header-sticky{position:relative;z-index:1000}.modern-navbar{width:100%;padding:26px 0;background:transparent}.modern-navbar-container{position:relative;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;grid-gap:24px;gap:24px}.modern-header-logo{position:relative;z-index:1002;display:inline-flex;align-items:center;justify-self:start;text-decoration:none}.modern-header-logo img{width:auto;height:auto;height:18px}.modern-menu,.modern-menu-inner{display:contents}.modern-nav-list{grid-column:2;justify-self:center;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:4px 12px;margin:0;list-style:none;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),rgba(18,18,24,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 60px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.modern-nav-item{list-style:none}.modern-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;color:rgba(255,255,255,.86);text-decoration:none;font-size:14px;font-weight:500;line-height:1;transition:color .18s ease,background .18s ease}.modern-nav-link:hover{color:#ffffff;background:rgba(255,255,255,.055)}.modern-nav-link.is-active{color:#ffffff;background:linear-gradient(135deg,rgba(216,92,52,.18),rgba(49,72,186,.16))}.modern-header-btn{grid-column:3;justify-self:end;display:flex;align-items:center;flex-shrink:0}.modern-header-btn .btn-default{min-height:48px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#ffffff;text-decoration:none;font-size:14px;font-weight:700;background:linear-gradient(135deg,#c95532,#3148ba);border:none;box-shadow:0 12px 34px rgba(49,72,186,.18);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.modern-header-btn .btn-default:hover{color:#ffffff;transform:translateY(-1px);box-shadow:0 16px 42px rgba(216,92,52,.2)}.modern-burger{position:relative;z-index:1002;width:44px;height:44px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.045);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modern-burger span{width:18px;height:2px;display:block;border-radius:999px;background:rgba(255,255,255,.88);transition:transform .2s ease,opacity .2s ease}.modern-burger.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.modern-burger.is-open span:nth-child(2){opacity:0}.modern-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:991px){.modern-navbar{padding:16px 0}.modern-burger{display:inline-flex}.modern-menu{position:fixed;inset:0;z-index:1001;display:block;padding:92px 16px 24px;background:radial-gradient(circle at 20% 10%,rgba(216,92,52,.18),transparent 32%),radial-gradient(circle at 80% 12%,rgba(49,72,186,.18),transparent 34%),rgba(3,3,3,.98);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.modern-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.modern-menu-inner{max-width:540px;margin:0 auto;gap:22px}.modern-menu-inner,.modern-nav-list{width:100%;display:flex;flex-direction:column;align-items:stretch}.modern-nav-list{gap:8px;border:none;background:none;box-shadow:none}.modern-nav-link{width:100%;min-height:52px;justify-content:space-between;padding:0 18px;border-radius:18px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);font-size:16px}.modern-nav-link.is-active,.modern-nav-link:hover{background:linear-gradient(135deg,rgba(216,92,52,.18),rgba(49,72,186,.16))}.modern-header-btn{width:100%}.modern-header-btn .btn-default{width:100%;justify-content:center;text-align:center}}.tool-app-page{min-height:100vh;background:#030303;color:#ffffff}.tool-app-hero{padding:140px 0 72px;background:radial-gradient(circle at 26% 32%,rgba(216,92,52,.2),transparent 34%),radial-gradient(circle at 74% 28%,rgba(49,72,186,.2),transparent 34%),linear-gradient(180deg,#030303,#08080d 54%,#030303)}.tool-app-grid-bg{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 68%);mask-image:radial-gradient(circle at center,black 0,transparent 68%)}.tool-app-glow{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(90px);opacity:.38;pointer-events:none}.tool-app-glow-orange{left:12%;top:16%;background:rgba(216,92,52,.42)}.tool-app-glow-blue{right:12%;top:18%;background:rgba(49,72,186,.42)}.tool-app-pill{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:14px}.tool-app-pill i{color:#d75f39}.tool-app-title{font-size:clamp(42px,6vw,60px);line-height:.98;letter-spacing:-.065em;font-weight:700}.tool-app-subtitle{max-width:740px;color:rgba(255,255,255,.58);font-size:17px;line-height:1.75}.tool-app-section{padding:34px 0 84px;background:#030303}.image-compressor{--cmp-bg:#050507;--cmp-surface:rgba(255,255,255,0.045);--cmp-surface-2:rgba(255,255,255,0.07);--cmp-border:rgba(76,199,19,0.09);--cmp-border-strong:rgba(76,199,19,0.16);--cmp-text:#ffffff;--cmp-muted:rgba(255,255,255,0.58);--cmp-soft:rgba(255,255,255,0.38);--cmp-orange:#d85c34;--cmp-blue:#3148ba;--cmp-red:#ff8c8c;--cmp-radius-xl:34px;--cmp-radius-lg:26px;--cmp-radius-md:18px;--cmp-shadow:0 26px 90px rgba(0,0,0,0.42);position:relative;z-index:20}.image-compressor *{box-sizing:border-box}.compressor-panel,.compressor-results,.tool-info-card{position:relative;border:1px solid var(--cmp-border);background:radial-gradient(circle at top left,rgba(216,92,52,.12),transparent 36%),radial-gradient(circle at bottom right,rgba(49,72,186,.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(8,8,13,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--cmp-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.compressor-panel{overflow:hidden;border-radius:var(--cmp-radius-xl);padding:clamp(10px,1.4vw,18px)}.compressor-panel:before,.compressor-results:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);opacity:.65}.compressor-settings,.compressor-upload{position:relative;height:100%;border-radius:var(--cmp-radius-lg);padding:clamp(22px,3vw,34px);background:rgba(255,255,255,.035);border:2px solid var(--cmp-border)}.compressor-upload{isolation:isolate;display:flex;min-height:clamp(330px,42vw,460px);flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;border-style:dashed;transition:border-color .18s ease,background .18s ease,transform .18s ease}.compressor-upload:after{content:"";position:absolute;right:-80px;bottom:-80px;z-index:-1;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(216,92,52,.18),transparent 68%)}.compressor-upload:hover{transform:translateY(-2px);border-color:var(--cmp-border-strong);background:rgba(255,255,255,.045)}.compressor-upload.is-dragging{transform:scale(.995);border-color:rgba(216,92,52,.72);background:radial-gradient(circle at top left,rgba(216,92,52,.22),transparent 42%),radial-gradient(circle at bottom right,rgba(49,72,186,.16),transparent 46%),rgba(255,255,255,.055)}.compressor-upload-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:24px;border-radius:24px;color:var(--cmp-text);font-size:31px;background:linear-gradient(135deg,rgba(216,92,52,.34),rgba(49,72,186,.3)),rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 44px rgba(0,0,0,.24)}.compressor-upload h2{max-width:420px;margin-bottom:14px;color:var(--cmp-text);font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.055em}.compressor-result-body p,.compressor-settings-header small,.compressor-upload p,.compressor-upload-note,.tool-info-card p,.tool-info-text{color:var(--cmp-muted)}.compressor-upload p{max-width:470px;margin-bottom:24px;line-height:1.7}.compressor-upload-note{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px}.compressor-upload-note:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--cmp-orange),var(--cmp-blue))}.compressor-card-download,.compressor-clear-btn,.compressor-download-btn,.compressor-primary-btn,.compressor-secondary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;text-decoration:none;font-weight:750;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.compressor-card-download,.compressor-download-btn,.compressor-primary-btn{min-height:46px;padding:0 22px;border:1px solid rgba(216,92,52,.9);color:var(--cmp-text);background:linear-gradient(135deg,rgba(216,92,52,.42),rgba(49,72,186,.34)),rgba(255,255,255,.055);box-shadow:0 14px 36px rgba(216,92,52,.12)}.compressor-card-download:hover,.compressor-download-btn:hover,.compressor-primary-btn:hover{color:var(--cmp-text);transform:translateY(-2px);border-color:rgba(255,255,255,.34)}.compressor-clear-btn,.compressor-secondary-btn{min-height:42px;padding:0 16px;border:1px solid var(--cmp-border);background:rgba(255,255,255,.045);color:rgba(255,255,255,.78);font-size:13px}.compressor-clear-btn:hover,.compressor-secondary-btn:hover{color:var(--cmp-text);background:rgba(255,255,255,.075)}.compressor-clear-btn:hover{border-color:rgba(255,120,120,.26);color:#ffd0d0}.compressor-card-download:disabled,.compressor-clear-btn:disabled,.compressor-download-btn:disabled,.compressor-primary-btn:disabled,.compressor-secondary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.compressor-settings{overflow:hidden}.compressor-settings-header{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.compressor-settings-header span{color:var(--cmp-text);font-size:clamp(21px,2vw,28px);font-weight:800;line-height:1.08;letter-spacing:-.045em}.compressor-settings-header small{max-width:640px;line-height:1.55}.compressor-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.compressor-level{position:relative;width:100%;min-height:98px;display:flex;align-items:flex-start;gap:12px;padding:15px;overflow:hidden;border-radius:20px;border:1px solid var(--cmp-border);background:rgba(255,255,255,.035);color:rgba(255,255,255,.82);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.compressor-level:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at top left,rgba(216,92,52,.2),transparent 45%),radial-gradient(circle at bottom right,rgba(49,72,186,.18),transparent 45%);transition:opacity .18s ease}.compressor-level:hover{transform:translateY(-2px);border-color:rgba(216,92,52,.42);background:rgba(255,255,255,.052)}.compressor-level.is-active:before,.compressor-level:hover:before{opacity:1}.compressor-level.is-active{border-color:rgba(216,92,52,.58);background:linear-gradient(135deg,rgba(216,92,52,.16),rgba(49,72,186,.14)),rgba(255,255,255,.052)}.compressor-level-icon{position:relative;z-index:1;width:38px;height:38px;padding:10px;display:grid;place-items:center;border-radius:14px;color:var(--cmp-text);background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1)}.compressor-level-content{position:relative;z-index:1;min-width:0}.compressor-level span{display:block;margin-bottom:5px;color:var(--cmp-text);font-weight:800;letter-spacing:-.02em}.compressor-level small{display:block;color:rgba(255,255,255,.52);line-height:1.45}.compressor-level-pill{position:absolute;top:12px;right:12px;z-index:1;padding:4px 8px;border-radius:999px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.07);font-size:11px;font-weight:800}.compressor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px}.compressor-summary div{min-width:0;padding:14px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075)}.compressor-summary span{display:block;margin-bottom:7px;color:var(--cmp-soft);font-size:12px;white-space:nowrap}.compressor-summary strong{display:block;color:var(--cmp-text);font-size:16px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.compressor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.compressor-error,.compressor-result-error{color:var(--cmp-red)}.compressor-error{width:100%;padding:12px 14px;border-radius:16px;background:rgba(255,120,120,.08);border:1px solid rgba(255,120,120,.16);font-size:14px}.compressor-progress{width:100%;margin-top:18px}.compressor-progress-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:rgba(255,255,255,.6);font-size:12px;font-weight:700}.compressor-progress-track{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.compressor-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cmp-orange),var(--cmp-blue));transition:width .2s ease}.compressor-results{overflow:hidden;margin-top:24px;padding:clamp(14px,2vw,24px);border-radius:var(--cmp-radius-xl)}.compressor-results-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.compressor-results-header h2{margin-bottom:6px;color:var(--cmp-text);font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.05em}.compressor-results-header p{max-width:660px;margin-bottom:0;color:rgba(255,255,255,.52);line-height:1.6}.compressor-results-header span{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:800;white-space:nowrap}.compressor-result-card{position:relative;display:flex;flex-direction:column;height:100%;padding:12px;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.085);transition:transform .18s ease,border-color .18s ease,background .18s ease}.compressor-result-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.055)}.compressor-result-card.has-error{border-color:rgba(255,120,120,.24);background:rgba(255,120,120,.045)}.compressor-result-top{position:absolute;left:22px;right:22px;top:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.compressor-result-top>*{pointer-events:auto}.compressor-checkbox{position:relative;cursor:pointer}.compressor-checkbox input{position:absolute;opacity:0;pointer-events:none}.compressor-checkbox span{position:relative;width:25px;height:25px;display:block;border-radius:9px;border:1px solid rgba(255,255,255,.26);background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px rgba(0,0,0,.24)}.compressor-checkbox input:checked+span{background:linear-gradient(135deg,var(--cmp-orange),var(--cmp-blue));border-color:transparent}.compressor-checkbox input:checked+span:after{content:"✓";position:absolute;left:6px;top:0;color:white;font-size:15px;font-weight:900}.compressor-checkbox input:focus-visible+span{outline:2px solid rgba(216,92,52,.7);outline-offset:3px}.compressor-result-badge{max-width:150px;padding:6px 10px;overflow:hidden;border-radius:999px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:rgba(255,255,255,.86);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.compressor-preview{height:205px;overflow:hidden;border-radius:18px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border:1px solid rgba(255,255,255,.07)}.compressor-preview img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.compressor-result-card:hover .compressor-preview img{transform:scale(1.035)}.compressor-preview.is-empty{display:grid;place-items:center;color:rgba(255,255,255,.38);font-size:34px}.compressor-result-body{flex:1 1;padding:15px 2px 14px}.compressor-result-body h3{margin-bottom:12px;color:var(--cmp-text);font-size:15px;font-weight:850;line-height:1.25;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compressor-result-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.compressor-result-stats div{min-width:0;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.compressor-result-stats span{display:block;margin-bottom:4px;color:var(--cmp-soft);font-size:11px}.compressor-result-stats strong{display:block;color:var(--cmp-text);font-size:14px;overflow:hidden;text-overflow:ellipsis}.compressor-dimensions{margin-top:10px;color:rgba(255,255,255,.44);font-size:12px;line-height:1.45}.compressor-card-download{width:100%}.tool-info-section{padding:24px 0 90px;background:#030303}.tool-info-title{color:var(--cmp-text);font-size:clamp(30px,4vw,54px);line-height:1.08;letter-spacing:-.055em}.tool-info-text{margin-top:16px;line-height:1.7}.tool-info-card{height:100%;padding:clamp(22px,2.4vw,30px);border-radius:var(--cmp-radius-lg)}.tool-info-card i{width:52px;height:52px;display:grid;place-items:center;margin-bottom:22px;border-radius:18px;color:var(--cmp-text);font-size:22px;background:linear-gradient(135deg,rgba(216,92,52,.18),rgba(49,72,186,.16)),rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.tool-info-card h3{color:var(--cmp-text);font-size:20px;margin-bottom:10px}.compressor-card-download:focus-visible,.compressor-clear-btn:focus-visible,.compressor-download-btn:focus-visible,.compressor-level:focus-visible,.compressor-primary-btn:focus-visible,.compressor-secondary-btn:focus-visible{outline:2px solid rgba(216,92,52,.72);outline-offset:3px}@media (max-width:1199px){.compressor-levels{grid-template-columns:1fr}}@media (max-width:991px){.tool-app-hero{padding:118px 0 54px}.compressor-upload{min-height:340px}.compressor-levels,.compressor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.compressor-results-header{flex-direction:column}.compressor-results-header span{align-self:flex-start}}@media (max-width:767px){.compressor-levels{grid-template-columns:1fr}.compressor-result-top{left:20px;right:20px;top:20px}}@media (max-width:575px){.tool-app-hero{padding:96px 0 42px}.tool-app-title{font-size:30px}.tool-app-subtitle{font-size:15px}.tool-app-section{padding:26px 0 58px}.compressor-panel,.compressor-results{border-radius:24px}.compressor-settings,.compressor-upload{padding:20px;border-radius:20px}.compressor-upload{min-height:320px;align-items:stretch}.compressor-upload-icon{width:62px;height:62px;margin-bottom:20px;border-radius:20px;font-size:27px}.compressor-primary-btn{width:100%}.compressor-summary{grid-template-columns:1fr 1fr}.compressor-actions{display:grid;grid-template-columns:1fr}.compressor-actions button{width:100%}.compressor-preview{height:220px}.compressor-result-card{border-radius:22px}}@media (max-width:380px){.compressor-summary{grid-template-columns:1fr}.compressor-preview{height:200px}}@media (prefers-reduced-motion:reduce){.compressor-card-download,.compressor-clear-btn,.compressor-download-btn,.compressor-level,.compressor-preview img,.compressor-primary-btn,.compressor-result-card,.compressor-secondary-btn,.compressor-upload{transition:none}.compressor-card-download:hover,.compressor-download-btn:hover,.compressor-level:hover,.compressor-primary-btn:hover,.compressor-result-card:hover,.compressor-upload:hover{transform:none}}.compressor-card-actions{display:grid;grid-template-columns:.78fr 1fr;grid-gap:10px;gap:10px;margin-top:auto}.compressor-compare-btn{min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:rgba(255,255,255,.82);font-size:13px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.compressor-compare-btn:hover{color:#ffffff;border-color:rgba(216,92,52,.42);background:linear-gradient(135deg,rgba(216,92,52,.14),rgba(49,72,186,.12)),rgba(255,255,255,.06);transform:translateY(-2px)}.compressor-compare-modal{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:18px;isolation:isolate}.compressor-compare-backdrop{position:fixed;inset:0;z-index:0;border:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.compressor-compare-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:18px;border-radius:30px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at top left,rgba(216,92,52,.14),transparent 38%),radial-gradient(circle at bottom right,rgba(49,72,186,.14),transparent 38%),rgba(8,8,13,.96);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 110px rgba(0,0,0,.62)}.compressor-compare-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.compressor-compare-header span{display:block;margin-bottom:5px;color:rgba(255,255,255,.48);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.compressor-compare-header h3{max-width:720px;margin:0;color:#ffffff;font-size:clamp(18px,2vw,24px);line-height:1.15;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compressor-compare-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.compressor-compare-close,.compressor-compare-view{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:rgba(255,255,255,.78);transition:.18s ease}.compressor-compare-close:hover,.compressor-compare-view:hover{color:#ffffff;background:rgba(255,255,255,.075)}.compressor-compare-view.is-active{color:#ffffff;border-color:rgba(216,92,52,.42);background:linear-gradient(135deg,rgba(216,92,52,.16),rgba(49,72,186,.14)),rgba(255,255,255,.06)}.compressor-compare-stage{position:relative;height:min(62vh,620px);min-height:360px;overflow:hidden;border-radius:24px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 0);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;border:1px solid rgba(255,255,255,.09)}.compressor-compare-image{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.compressor-compare-stage.is-contain .compressor-compare-image{object-fit:contain}.compressor-compare-stage.is-cover .compressor-compare-image{object-fit:cover}.compressor-compare-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.compressor-compare-divider{position:absolute;top:0;bottom:0;width:2px;transform:translateX(-1px);background:rgba(255,255,255,.9);box-shadow:0 0 24px rgba(0,0,0,.45);pointer-events:none}.compressor-compare-divider span{position:absolute;left:50%;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:999px;color:#ffffff;background:linear-gradient(135deg,#c95532,#3148ba);border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 36px rgba(0,0,0,.34)}.compressor-compare-tag{position:absolute;top:14px;padding:7px 11px;border-radius:999px;color:rgba(255,255,255,.86);background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:850;pointer-events:none}.compressor-compare-tag.is-before{left:14px}.compressor-compare-tag.is-after{right:14px}.compressor-compare-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.compressor-compare-footer div{min-width:0;padding:12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075)}.compressor-compare-footer span{display:block;margin-bottom:6px;color:rgba(255,255,255,.42);font-size:12px}.compressor-compare-footer strong{display:block;color:#ffffff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.compressor-card-actions{grid-template-columns:1fr}.compressor-compare-dialog{padding:12px;border-radius:24px}.compressor-compare-stage{min-height:280px;height:52vh;border-radius:18px}.compressor-compare-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.compressor-compare-header h3{white-space:normal}}@media (max-width:420px){.compressor-compare-footer{grid-template-columns:1fr}.compressor-compare-modal{padding:10px}}.image-converter{--cnv-bg:#050507;--cnv-surface:rgba(255,255,255,0.045);--cnv-surface-2:rgba(255,255,255,0.07);--cnv-border:rgba(19,235,12,0.09);--cnv-border-strong:rgba(255,255,255,0.16);--cnv-text:#ffffff;--cnv-muted:rgba(255,255,255,0.58);--cnv-soft:rgba(255,255,255,0.38);--cnv-orange:#d85c34;--cnv-blue:#3148ba;--cnv-red:#ff8c8c;--cnv-radius-xl:34px;--cnv-radius-lg:26px;--cnv-radius-md:18px;--cnv-shadow:0 26px 90px rgba(0,0,0,0.42)}.image-converter *{box-sizing:border-box}.converter-panel,.converter-results{position:relative;overflow:hidden;border:1px solid var(--cnv-border);background:radial-gradient(circle at top left,rgba(216,92,52,.12),transparent 36%),radial-gradient(circle at bottom right,rgba(49,72,186,.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(8,8,13,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--cnv-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.converter-panel{border-radius:var(--cnv-radius-xl);padding:clamp(10px,1.4vw,18px)}.converter-panel:before,.converter-results:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);opacity:.65}.converter-settings,.converter-upload{position:relative;height:100%;border-radius:var(--cnv-radius-lg);padding:clamp(22px,3vw,34px);background:rgba(255,255,255,.035);border:2px solid var(--cnv-border)}.converter-upload{isolation:isolate;min-height:clamp(330px,42vw,460px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;border-style:dashed;transition:border-color .18s ease,background .18s ease,transform .18s ease}.converter-upload:after{content:"";position:absolute;right:-80px;bottom:-80px;z-index:-1;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(216,92,52,.18),transparent 68%)}.converter-upload:hover{transform:translateY(-2px);border-color:var(--cnv-border-strong);background:rgba(255,255,255,.045)}.converter-upload.is-dragging{transform:scale(.995);border-color:rgba(216,92,52,.72);background:radial-gradient(circle at top left,rgba(216,92,52,.22),transparent 42%),radial-gradient(circle at bottom right,rgba(49,72,186,.16),transparent 46%),rgba(255,255,255,.055)}.converter-upload-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:24px;border-radius:24px;color:var(--cnv-text);font-size:31px;background:linear-gradient(135deg,rgba(216,92,52,.34),rgba(49,72,186,.3)),rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 44px rgba(0,0,0,.24)}.converter-upload h2{max-width:420px;margin-bottom:14px;color:var(--cnv-text);font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.055em}.converter-settings-header small,.converter-upload p,.converter-upload-note,.converter-warning{color:var(--cnv-muted)}.converter-upload p{max-width:470px;margin-bottom:24px;line-height:1.7}.converter-upload-note{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px}.converter-upload-note:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--cnv-orange),var(--cnv-blue))}.converter-error,.converter-result-error{color:var(--cnv-red)}.converter-error{width:100%;padding:12px 14px;border-radius:16px;background:rgba(255,120,120,.08);border:1px solid rgba(255,120,120,.16);font-size:14px}.converter-settings{overflow:hidden}.converter-settings-header{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.converter-settings-header span{color:var(--cnv-text);font-size:clamp(21px,2vw,28px);font-weight:800;line-height:1.08;letter-spacing:-.045em}.converter-settings-header small{max-width:640px;line-height:1.55}.converter-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.converter-format{position:relative;width:100%;min-height:118px;display:flex;align-items:flex-start;gap:12px;padding:15px;overflow:hidden;border-radius:20px;border:1px solid var(--cnv-border);background:rgba(255,255,255,.035);color:rgba(255,255,255,.82);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.converter-format:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at top left,rgba(216,92,52,.2),transparent 45%),radial-gradient(circle at bottom right,rgba(49,72,186,.18),transparent 45%);transition:opacity .18s ease}.converter-format:hover{transform:translateY(-2px);border-color:rgba(216,92,52,.42);background:rgba(255,255,255,.052)}.converter-format.is-active:before,.converter-format:hover:before{opacity:1}.converter-format.is-active{border-color:rgba(216,92,52,.58);background:linear-gradient(135deg,rgba(216,92,52,.16),rgba(49,72,186,.14)),rgba(255,255,255,.052)}.converter-format-icon{position:relative;z-index:1;width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;color:var(--cnv-text);background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1)}.converter-format-content{position:relative;z-index:1;min-width:0}.converter-format-content>span{display:block;margin-bottom:5px;color:var(--cnv-text);font-weight:850;font-size:18px;letter-spacing:-.02em}.converter-format-content small{display:block;color:rgba(255,255,255,.52);line-height:1.45}.converter-format-pill{position:absolute;top:12px;right:12px;z-index:1;padding:4px 8px;border-radius:999px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.07);font-size:11px;font-weight:850}.converter-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px}.converter-summary div{min-width:0;padding:14px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075)}.converter-summary span{display:block;margin-bottom:7px;color:var(--cnv-soft);font-size:12px;white-space:nowrap}.converter-summary strong{display:block;color:var(--cnv-text);font-size:16px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.converter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.converter-card-download,.converter-clear-btn,.converter-download-btn,.converter-primary-btn,.converter-secondary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;text-decoration:none;font-weight:750;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.converter-card-download,.converter-download-btn,.converter-primary-btn{min-height:46px;padding:0 22px;border:1px solid rgba(216,92,52,.9);color:var(--cnv-text);background:linear-gradient(135deg,rgba(216,92,52,.42),rgba(49,72,186,.34)),rgba(255,255,255,.055);box-shadow:0 14px 36px rgba(216,92,52,.12);font-size:14px}.converter-card-download:hover,.converter-download-btn:hover,.converter-primary-btn:hover{color:var(--cnv-text);transform:translateY(-2px);border-color:rgba(255,255,255,.34)}.converter-clear-btn,.converter-secondary-btn{min-height:42px;padding:0 16px;border:1px solid var(--cnv-border);background:rgba(255,255,255,.045);color:rgba(255,255,255,.78);font-size:13px}.converter-clear-btn:hover,.converter-secondary-btn:hover{color:var(--cnv-text);background:rgba(255,255,255,.075)}.converter-clear-btn:hover{border-color:rgba(255,120,120,.26);color:#ffd0d0}.converter-clear-btn:disabled,.converter-download-btn:disabled,.converter-format:disabled,.converter-primary-btn:disabled,.converter-secondary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.converter-warning{margin:18px 0 0;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);font-size:13px;line-height:1.6}.converter-results{margin-top:24px;padding:clamp(14px,2vw,24px);border-radius:var(--cnv-radius-xl)}.converter-results-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.converter-results-header h2{margin-bottom:6px;color:var(--cnv-text);font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.05em}.converter-results-header p{max-width:660px;margin-bottom:0;color:rgba(255,255,255,.52);line-height:1.6}.converter-results-header span{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:800;white-space:nowrap}.converter-result-card{position:relative;display:flex;flex-direction:column;height:100%;padding:12px;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.085);transition:transform .18s ease,border-color .18s ease,background .18s ease}.converter-result-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.055)}.converter-result-card.has-error{border-color:rgba(255,120,120,.24);background:rgba(255,120,120,.045)}.converter-result-top{position:absolute;left:22px;right:22px;top:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.converter-result-top>*{pointer-events:auto}.converter-checkbox{position:relative;cursor:pointer}.converter-checkbox input{position:absolute;opacity:0;pointer-events:none}.converter-checkbox span{position:relative;width:25px;height:25px;display:block;border-radius:9px;border:1px solid rgba(255,255,255,.26);background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px rgba(0,0,0,.24)}.converter-checkbox input:checked+span{background:linear-gradient(135deg,var(--cnv-orange),var(--cnv-blue));border-color:transparent}.converter-checkbox input:checked+span:after{content:"✓";position:absolute;left:6px;top:0;color:white;font-size:15px;font-weight:900}.converter-checkbox input:focus-visible+span{outline:2px solid rgba(216,92,52,.7);outline-offset:3px}.converter-result-badge{max-width:170px;padding:6px 10px;overflow:hidden;border-radius:999px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:rgba(255,255,255,.86);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.converter-preview{height:205px;overflow:hidden;border-radius:18px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border:1px solid rgba(255,255,255,.07)}.converter-preview img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.converter-result-card:hover .converter-preview img{transform:scale(1.035)}.converter-preview-placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.38);font-size:34px}.converter-result-body{flex:1 1;padding:15px 2px 14px}.converter-result-body h3{margin-bottom:12px;color:var(--cnv-text);font-size:15px;font-weight:850;line-height:1.25;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converter-result-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.converter-result-meta div{min-width:0;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.converter-result-meta span{display:block;margin-bottom:4px;color:var(--cnv-soft);font-size:11px}.converter-result-meta strong{display:block;color:var(--cnv-text);font-size:14px;overflow:hidden;text-overflow:ellipsis}.converter-dimensions{margin-top:10px;color:rgba(255,255,255,.44);font-size:12px;line-height:1.45}.converter-card-download{width:100%;margin-top:auto}.converter-card-download:focus-visible,.converter-clear-btn:focus-visible,.converter-download-btn:focus-visible,.converter-format:focus-visible,.converter-primary-btn:focus-visible,.converter-secondary-btn:focus-visible{outline:2px solid rgba(216,92,52,.72);outline-offset:3px}@media (max-width:1199px){.converter-format-grid{grid-template-columns:1fr}}@media (max-width:991px){.converter-upload{min-height:340px}.converter-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-results-header{flex-direction:column}.converter-results-header span{align-self:flex-start}}@media (max-width:767px){.converter-format-grid{grid-template-columns:1fr}.converter-result-top{left:20px;right:20px;top:20px}}@media (max-width:575px){.converter-panel,.converter-results{border-radius:24px}.converter-settings,.converter-upload{padding:20px;border-radius:20px}.converter-upload{min-height:320px;align-items:stretch}.converter-upload-icon{width:62px;height:62px;margin-bottom:20px;border-radius:20px;font-size:27px}.converter-primary-btn{width:100%}.converter-summary{grid-template-columns:1fr 1fr}.converter-actions{display:grid;grid-template-columns:1fr}.converter-actions button{width:100%}.converter-preview{height:220px}.converter-result-card{border-radius:22px}}@media (max-width:380px){.converter-summary{grid-template-columns:1fr}.converter-preview{height:200px}}@media (prefers-reduced-motion:reduce){.converter-card-download,.converter-clear-btn,.converter-download-btn,.converter-format,.converter-preview img,.converter-primary-btn,.converter-result-card,.converter-secondary-btn,.converter-upload{transition:none}.converter-card-download:hover,.converter-download-btn:hover,.converter-format:hover,.converter-primary-btn:hover,.converter-result-card:hover,.converter-upload:hover{transform:none}}.image-resizer{--rsz-bg:#050507;--rsz-surface:rgba(255,255,255,0.045);--rsz-surface-2:rgba(255,255,255,0.07);--rsz-border:rgba(34,216,28,0.09);--rsz-border-strong:rgba(255,255,255,0.16);--rsz-text:#ffffff;--rsz-muted:rgba(255,255,255,0.58);--rsz-soft:rgba(255,255,255,0.38);--rsz-orange:#d85c34;--rsz-blue:#3148ba;--rsz-red:#ff8c8c;--rsz-radius-xl:34px;--rsz-radius-lg:26px;--rsz-radius-md:18px;--rsz-shadow:0 26px 90px rgba(0,0,0,0.42)}.image-resizer *{box-sizing:border-box}.resizer-panel,.resizer-results{position:relative;overflow:hidden;border:1px solid var(--rsz-border);background:radial-gradient(circle at top left,rgba(216,92,52,.12),transparent 36%),radial-gradient(circle at bottom right,rgba(49,72,186,.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(8,8,13,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--rsz-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.resizer-panel{border-radius:var(--rsz-radius-xl);padding:clamp(10px,1.4vw,18px)}.resizer-panel:before,.resizer-results:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);opacity:.65}.resizer-settings,.resizer-upload{position:relative;height:100%;border-radius:var(--rsz-radius-lg);padding:clamp(22px,3vw,34px);background:rgba(255,255,255,.035);border:2px solid var(--rsz-border)}.resizer-upload{isolation:isolate;min-height:clamp(350px,43vw,520px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;border-style:dashed;transition:border-color .18s ease,background .18s ease,transform .18s ease}.resizer-upload:after{content:"";position:absolute;right:-80px;bottom:-80px;z-index:-1;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(216,92,52,.18),transparent 68%)}.resizer-upload:hover{transform:translateY(-2px);border-color:var(--rsz-border-strong);background:rgba(255,255,255,.045)}.resizer-upload.is-dragging{transform:scale(.995);border-color:rgba(216,92,52,.72);background:radial-gradient(circle at top left,rgba(216,92,52,.22),transparent 42%),radial-gradient(circle at bottom right,rgba(49,72,186,.16),transparent 46%),rgba(255,255,255,.055)}.resizer-upload-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:24px;border-radius:24px;color:var(--rsz-text);font-size:31px;background:linear-gradient(135deg,rgba(216,92,52,.34),rgba(49,72,186,.3)),rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 44px rgba(0,0,0,.24)}.resizer-upload h2{max-width:420px;margin-bottom:14px;color:var(--rsz-text);font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.055em}.resizer-settings-header small,.resizer-upload p,.resizer-upload-note,.resizer-warning{color:var(--rsz-muted)}.resizer-upload p{max-width:470px;margin-bottom:24px;line-height:1.7}.resizer-upload-note{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px}.resizer-upload-note:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--rsz-orange),var(--rsz-blue))}.resizer-error,.resizer-result-error{color:var(--rsz-red)}.resizer-error{width:100%;padding:12px 14px;border-radius:16px;background:rgba(255,120,120,.08);border:1px solid rgba(255,120,120,.16);font-size:14px}.resizer-settings{overflow:hidden}.resizer-settings-header{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.resizer-settings-header span{color:var(--rsz-text);font-size:clamp(21px,2vw,28px);font-weight:800;line-height:1.08;letter-spacing:-.045em}.resizer-settings-header small{max-width:640px;line-height:1.55}.resizer-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.resizer-preset{min-width:0;min-height:74px;display:flex;align-items:center;gap:11px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.035);color:var(--rsz-text);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.resizer-preset:hover{transform:translateY(-2px);border-color:rgba(216,92,52,.42);background:linear-gradient(135deg,rgba(216,92,52,.12),rgba(49,72,186,.1)),rgba(255,255,255,.05)}.resizer-preset:disabled{opacity:.45;cursor:not-allowed;transform:none}.resizer-preset-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:var(--rsz-text);background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09)}.resizer-preset-content{min-width:0;display:flex;flex-direction:column;gap:3px}.resizer-preset-content strong{color:var(--rsz-text);font-size:13px;font-weight:850;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resizer-preset-content small{color:rgba(255,255,255,.48);font-size:11px;line-height:1.2}.resizer-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.resizer-mode{min-height:104px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:rgba(255,255,255,.82);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.resizer-mode span{display:block;margin-bottom:6px;color:var(--rsz-text);font-weight:800;font-size:17px;line-height:1.15;letter-spacing:-.02em}.resizer-mode small{color:rgba(255,255,255,.48);line-height:1.45}.resizer-mode:hover{transform:translateY(-2px)}.resizer-mode.is-active,.resizer-mode:hover{border-color:rgba(216,92,52,.5);background:linear-gradient(135deg,rgba(216,92,52,.16),rgba(49,72,186,.14)),rgba(255,255,255,.045)}.resizer-controls{margin-top:18px}.resizer-input-grid,.resizer-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.resizer-field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.resizer-field span,.resizer-toggle span{color:rgba(255,255,255,.74);font-size:13px;font-weight:700}.resizer-field input,.resizer-field select{width:100%;min-height:45px;border-radius:15px;padding:0 14px;outline:none;color:var(--rsz-text);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.095);transition:border-color .18s ease,background .18s ease}.resizer-field input:focus,.resizer-field select:focus{border-color:rgba(216,92,52,.58);background:rgba(255,255,255,.06)}.resizer-field input[type=range]{padding:0;accent-color:#c95532}.resizer-toggle{min-height:45px;display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:0 14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}.resizer-toggle input{width:18px;height:18px;accent-color:#c95532}.resizer-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:10px}.resizer-summary div{min-width:0;padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}.resizer-summary span{display:block;margin-bottom:6px;color:var(--rsz-soft);font-size:12px;white-space:nowrap}.resizer-summary strong{display:block;color:var(--rsz-text);font-size:15px;overflow:hidden;text-overflow:ellipsis}.resizer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.resizer-card-download,.resizer-clear-btn,.resizer-download-btn,.resizer-primary-btn,.resizer-secondary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;text-decoration:none;font-weight:750;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.resizer-card-download,.resizer-download-btn,.resizer-primary-btn{min-height:46px;padding:0 22px;border:1px solid rgba(216,92,52,.9);color:var(--rsz-text);background:linear-gradient(135deg,rgba(216,92,52,.42),rgba(49,72,186,.34)),rgba(255,255,255,.055);box-shadow:0 14px 36px rgba(216,92,52,.12);font-size:14px}.resizer-card-download:hover,.resizer-download-btn:hover,.resizer-primary-btn:hover{color:var(--rsz-text);transform:translateY(-2px);border-color:rgba(255,255,255,.34)}.resizer-clear-btn,.resizer-secondary-btn{min-height:42px;padding:0 16px;border:1px solid var(--rsz-border);background:rgba(255,255,255,.045);color:rgba(255,255,255,.78);font-size:13px}.resizer-clear-btn:hover,.resizer-secondary-btn:hover{color:var(--rsz-text);background:rgba(255,255,255,.075)}.resizer-clear-btn:hover{border-color:rgba(255,120,120,.26);color:#ffd0d0}.resizer-card-download:disabled,.resizer-clear-btn:disabled,.resizer-download-btn:disabled,.resizer-mode:disabled,.resizer-preset:disabled,.resizer-primary-btn:disabled,.resizer-secondary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.resizer-warning{margin:18px 0 0;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);color:var(--rsz-muted);font-size:13px;line-height:1.6}.resizer-results{margin-top:24px;padding:clamp(14px,2vw,24px);border-radius:var(--rsz-radius-xl)}.resizer-results-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.resizer-results-header h2{margin-bottom:6px;color:var(--rsz-text);font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.05em}.resizer-results-header p{max-width:660px;margin-bottom:0;color:rgba(255,255,255,.52);line-height:1.6}.resizer-results-header span{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:800;white-space:nowrap}.resizer-result-card{position:relative;display:flex;flex-direction:column;height:100%;padding:12px;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.085);transition:transform .18s ease,border-color .18s ease,background .18s ease}.resizer-result-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.055)}.resizer-result-card.has-error{border-color:rgba(255,120,120,.24);background:rgba(255,120,120,.045)}.resizer-result-top{position:absolute;left:22px;right:22px;top:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.resizer-result-top>*{pointer-events:auto}.resizer-checkbox{position:relative;cursor:pointer}.resizer-checkbox input{position:absolute;opacity:0;pointer-events:none}.resizer-checkbox span{position:relative;width:25px;height:25px;display:block;border-radius:9px;border:1px solid rgba(255,255,255,.26);background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px rgba(0,0,0,.24)}.resizer-checkbox input:checked+span{background:linear-gradient(135deg,var(--rsz-orange),var(--rsz-blue));border-color:transparent}.resizer-checkbox input:checked+span:after{content:"✓";position:absolute;left:6px;top:0;color:white;font-size:15px;font-weight:900}.resizer-checkbox input:focus-visible+span{outline:2px solid rgba(216,92,52,.7);outline-offset:3px}.resizer-result-badge{max-width:210px;padding:6px 10px;overflow:hidden;border-radius:999px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:rgba(255,255,255,.86);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.resizer-preview{height:205px;overflow:hidden;border-radius:18px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border:1px solid rgba(255,255,255,.07)}.resizer-preview img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.resizer-result-card:hover .resizer-preview img{transform:scale(1.035)}.resizer-preview-placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.38);font-size:34px}.resizer-result-body{flex:1 1;padding:15px 2px 14px}.resizer-result-body h3{margin-bottom:12px;color:var(--rsz-text);font-size:15px;font-weight:850;line-height:1.25;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resizer-result-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.resizer-result-meta div{min-width:0;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.resizer-result-meta span{display:block;margin-bottom:4px;color:var(--rsz-soft);font-size:11px}.resizer-result-meta strong{display:block;color:var(--rsz-text);font-size:14px;overflow:hidden;text-overflow:ellipsis}.resizer-dimensions{margin-top:10px;color:rgba(255,255,255,.44);font-size:12px;line-height:1.45}.resizer-card-download{width:100%;margin-top:auto}.resizer-card-download:focus-visible,.resizer-clear-btn:focus-visible,.resizer-download-btn:focus-visible,.resizer-field input:focus-visible,.resizer-field select:focus-visible,.resizer-mode:focus-visible,.resizer-preset:focus-visible,.resizer-primary-btn:focus-visible,.resizer-secondary-btn:focus-visible{outline:2px solid rgba(216,92,52,.72);outline-offset:3px}@media (max-width:1199px){.resizer-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resizer-mode-grid{grid-template-columns:1fr}}@media (max-width:991px){.resizer-upload{min-height:340px}.resizer-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resizer-summary{grid-template-columns:repeat(2,1fr)}.resizer-results-header{flex-direction:column}.resizer-results-header span{align-self:flex-start}}@media (max-width:767px){.resizer-input-grid,.resizer-mode-grid,.resizer-toggle-grid{grid-template-columns:1fr}.resizer-result-top{left:20px;right:20px;top:20px}}@media (max-width:575px){.resizer-panel,.resizer-results{border-radius:24px}.resizer-settings,.resizer-upload{padding:20px;border-radius:20px}.resizer-upload{min-height:320px;align-items:stretch}.resizer-upload-icon{width:62px;height:62px;margin-bottom:20px;border-radius:20px;font-size:27px}.resizer-preset-grid{grid-template-columns:1fr}.resizer-preset{min-height:64px}.resizer-primary-btn{width:100%}.resizer-summary{grid-template-columns:1fr 1fr}.resizer-actions{display:grid;grid-template-columns:1fr}.resizer-actions button{width:100%}.resizer-preview{height:220px}.resizer-result-card{border-radius:22px}}@media (max-width:380px){.resizer-summary{grid-template-columns:1fr}.resizer-preview{height:200px}}@media (prefers-reduced-motion:reduce){.resizer-card-download,.resizer-clear-btn,.resizer-download-btn,.resizer-mode,.resizer-preset,.resizer-preview img,.resizer-primary-btn,.resizer-result-card,.resizer-secondary-btn,.resizer-upload{transition:none}.resizer-card-download:hover,.resizer-download-btn:hover,.resizer-mode:hover,.resizer-preset:hover,.resizer-primary-btn:hover,.resizer-result-card:hover,.resizer-upload:hover{transform:none}}