:root{--wk-bg:#071126;--wk-panel:#0c1b38;--wk-line:rgba(126,198,255,.18);--wk-cyan:#65caff;--wk-violet:#9a7cff;--wk-text:#ecf6ff;--wk-muted:#a5bdd4}.webkit-shell{background:radial-gradient(circle at 82% 0,#153a72 0,transparent 29%),var(--wk-bg);min-height:100vh;color:var(--wk-text);padding:0 0 68px}.webkit-hero{min-height:420px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:72px;padding-bottom:52px;overflow:hidden}.webkit-hero .section-kicker,.tool-heading .section-kicker{color:var(--wk-cyan)}.webkit-hero h1{font-size:clamp(42px,5vw,74px);line-height:.97;letter-spacing:-3px;margin:0 0 20px}.webkit-hero h1 span{color:var(--wk-cyan)}.webkit-copy>p:not(.section-kicker){max-width:520px;color:var(--wk-muted);line-height:1.7}.webkit-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.webkit-points span{padding:8px 11px;border:1px solid var(--wk-line);border-radius:999px;font-size:12px;color:#cfe8ff;background:rgba(7,18,39,.45)}.webkit-orbit{height:300px;position:relative;isolation:isolate}.orbit-line{position:absolute;border:1px solid rgba(101,202,255,.28);border-radius:50%;inset:28px 5%;animation:spin 18s linear infinite}.orbit-two{inset:72px 0;border-color:rgba(154,124,255,.28);animation-direction:reverse;animation-duration:13s}.orbit-core{position:absolute;inset:93px 31%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:28px;background:linear-gradient(145deg,#193d76,#101d48);box-shadow:0 0 70px rgba(67,165,255,.25),inset 0 0 0 1px rgba(172,227,255,.3);transform:rotate(-7deg);z-index:2}.orbit-core small{font-size:9px;letter-spacing:2px;color:var(--wk-cyan)}.orbit-core b{font-size:21px;letter-spacing:-1px}.orbit-core em{color:var(--wk-cyan);font-style:normal}.float-card{position:absolute;z-index:3;padding:12px 15px;border:1px solid rgba(185,228,255,.23);background:rgba(10,29,60,.83);backdrop-filter:blur(10px);border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.22);animation:float 4s ease-in-out infinite}.float-card b,.float-card small{display:block}.float-card b{color:var(--wk-cyan);font-size:12px;letter-spacing:1px}.float-card small{color:var(--wk-muted);font-size:11px;margin-top:4px}.float-image{top:43px;right:4%}.float-local{bottom:40px;left:4%;animation-delay:-2s}.tool-section{padding-top:33px}.tool-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.tool-heading h2{font-size:clamp(28px,3vw,42px);margin:0}.tool-heading>p{color:var(--wk-muted);max-width:380px;line-height:1.55;margin:0}.image-tool{border:1px solid var(--wk-line);background:linear-gradient(145deg,rgba(17,45,88,.78),rgba(7,18,39,.92));border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,.25);overflow:hidden}.drop-zone{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;background:radial-gradient(circle at 50% 45%,rgba(101,202,255,.15),transparent 27%)}.drop-zone.is-over{background:rgba(101,202,255,.16);outline:2px dashed var(--wk-cyan);outline-offset:-18px}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(101,202,255,.55);border-radius:17px;font-size:28px;color:var(--wk-cyan);box-shadow:0 0 28px rgba(101,202,255,.16)}.drop-zone b{font-size:18px}.drop-zone small{color:var(--wk-muted)}.editor{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:500px}.comparison{position:relative;min-height:500px;background-color:#101c35;background-image:linear-gradient(45deg,#15233f 25%,transparent 25%),linear-gradient(-45deg,#15233f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15233f 75%),linear-gradient(-45deg,transparent 75%,#15233f 75%);background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0;overflow:hidden}.comparison>img,.before-layer img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.before-layer{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden;border-right:2px solid #fff}.before-layer img{max-width:none;width:100%;}.comparison-line{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:3}.comparison-line i{position:absolute;top:50%;left:-18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f5fbff;color:#11315d;font-style:normal;box-shadow:0 4px 18px rgba(0,0,0,.3)}.comparison-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.compare-label{position:absolute;top:16px;z-index:4;padding:5px 9px;border-radius:7px;background:rgba(3,9,22,.7);font-size:11px;font-weight:800}.label-before{left:16px}.label-after{right:16px}.tool-controls{padding:23px;border-left:1px solid var(--wk-line);background:rgba(4,13,30,.54)}.control-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.control-head button{border:0;background:none;color:var(--wk-cyan);font:inherit;font-size:12px;cursor:pointer}.tool-controls label{display:block;font-size:12px;font-weight:700;color:#cce6fa;margin:15px 0}.tool-controls select,.tool-controls input[type=range]{width:100%;margin-top:7px}.tool-controls select{padding:10px;border:1px solid var(--wk-line);border-radius:9px;color:var(--wk-text);background:#0a1832}.tool-controls output{float:right;color:var(--wk-cyan)}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{display:flex!important;align-items:center;gap:7px}.file-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:21px 0}.file-stats div{padding:11px;border-radius:10px;background:rgba(104,164,226,.08)}.file-stats small,.file-stats b{display:block}.file-stats small{color:var(--wk-muted);font-size:10px}.file-stats b{margin-top:4px;font-size:12px}.download-button{display:block;text-align:center;padding:13px;border-radius:10px;background:linear-gradient(100deg,var(--wk-cyan),#6f93ff);color:#08142b;text-decoration:none;font-size:13px;font-weight:800}.tool-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:25px}.tool-notes article{border:1px solid var(--wk-line);border-radius:16px;padding:20px;background:rgba(12,29,60,.46)}.tool-notes b{color:var(--wk-cyan);font-size:11px}.tool-notes h2{font-size:17px;margin:12px 0 7px}.tool-notes p{color:var(--wk-muted);font-size:13px;line-height:1.5;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-13px)}}@media(max-width:800px){.webkit-hero{grid-template-columns:1fr;padding-top:45px}.webkit-orbit{height:240px;max-width:480px;width:100%;margin:auto}.editor{grid-template-columns:1fr}.comparison{min-height:340px}.tool-controls{border-left:0;border-top:1px solid var(--wk-line)}.tool-heading{display:block}.tool-heading>p{margin-top:12px}.tool-notes{grid-template-columns:1fr}.orbit-core{inset:70px 32%}}@media(max-width:480px){.webkit-hero{padding-left:20px;padding-right:20px}.tool-section,.tool-notes{padding-left:20px;padding-right:20px}.comparison{min-height:270px}.control-pair{grid-template-columns:1fr}.webkit-orbit{transform:scale(.88);margin:-12px auto}.drop-zone{min-height:310px}.drop-zone b{font-size:16px}}