.clLanding .repackPhotoTool{max-width:1180px;margin:auto;padding:64px 24px 72px}.repackPhotoIntro{text-align:center}.repackPhotoKicker{color:#63d7ff;letter-spacing:.14em;font-size:12px;font-weight:800}.repackPhotoIntro h2{color:#f4f8ff;letter-spacing:-.035em;max-width:800px;margin:12px auto 14px;font-size:clamp(28px,3vw,38px);line-height:1.2}.repackPhotoIntro h2 em{color:#4acbff;font-style:normal}.repackPhotoIntro>p{color:#b8c9dc;max-width:650px;margin:0 auto;font-size:16px;line-height:1.45}.repackPhotoWorkspace{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:stretch;gap:24px;margin-top:40px;display:grid}.repackPhotoCompare{background:#10243a;border:1px solid #38536e;border-radius:18px;min-height:390px;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000038}.repackPhotoCompare img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.repackPhotoCompare .repackPhotoActual{object-fit:contain;display:none}.repackPhotoCompare .repackPhotoBefore{clip-path:inset(0 calc(100% - var(--photo-split)) 0 0)}.repackPhotoCompare .repackPhotoAfter{clip-path:inset(0 0 0 var(--photo-split));background:#10243a}.repackPhotoCompare:after{top:0;bottom:0;left:var(--photo-split);content:"";pointer-events:none;background:#f5fbff;width:2px;position:absolute;box-shadow:0 0 14px #53caff}.repackPhotoCompare>span:not(.repackPhotoHandle){z-index:1;color:#fff;background:#061422c2;border:1px solid #ffffff3d;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750;position:absolute;top:16px}.repackPhotoBeforeLabel{left:16px}.repackPhotoAfterLabel{right:16px}.repackPhotoCompare input[type=range]{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.repackPhotoCompare input[type=range]:focus-visible+.repackPhotoHandle{outline-offset:4px;outline:3px solid #fff}.repackPhotoHandle{z-index:2;top:50%;left:var(--photo-split);color:#12314a;pointer-events:none;background:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0000004d}.repackPhotoFullscreenButton{z-index:4;color:#f3f8ff;cursor:pointer;background:#102b43;border:1px solid #6a8ba9;border-radius:9px;min-height:40px;padding:7px 12px;font-size:13px;font-weight:700;position:absolute;top:12px;right:12px}.repackPhotoActions{flex-direction:column;gap:16px;display:flex}.repackPhotoQuality{background:#10243a;border:1px solid #375675;border-radius:14px;gap:4px;padding:14px 18px;display:grid}.repackPhotoQuality span{color:#62d6ff;letter-spacing:.12em;font-size:11px;font-weight:800}.repackPhotoQuality strong{color:#f3f8ff;font-size:16px}.repackPhotoQuality small{color:#a9bed3;font-size:12px;line-height:1.4}.repackPhotoDrop{color:#f3f8ff;text-align:center;background:#0e253a;border:1px dashed #4783ad;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:22px;transition:border-color .15s,background .15s;display:flex}.repackPhotoDrop.isDragging{background:#123b57;border-color:#68dbff}.repackPhotoDrop input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.repackPhotoUploadIcon{color:#5ed4ff;background:#183d5a;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:12px;font-size:26px;display:grid}.repackPhotoDrop strong{font-size:18px;line-height:1.2}.repackPhotoDrop p{color:#b2c7d9;margin:6px 0 16px;font-size:14px}.repackPhotoDrop small{color:#9cb4c9;margin-top:10px;font-size:12px}.repackPhotoDrop button{color:#051b2b;cursor:pointer;background:#41c7f5;border:1px solid #2db8ef;border-radius:10px;min-height:40px;padding:8px 20px;font-size:14px;font-weight:800;line-height:1.25}.repackPhotoDrop button:disabled{opacity:.65;cursor:wait}.repackPhotoPreview{object-fit:contain;border-radius:10px;max-width:100%;max-height:150px;margin-bottom:10px}.repackPhotoControls{background:#10243a;border:1px solid #375675;border-radius:14px;grid-template-columns:1fr;gap:12px;padding:16px;display:grid}.repackPhotoControls label{color:#b8c9dc;gap:6px;font-size:12px;font-weight:700;display:grid}.repackPhotoControls select{color:#f3f8ff;min-width:0;height:40px;font:inherit;background:#152c44;border:1px solid #47627c;border-radius:9px;padding:0 10px}.repackPhotoPrice{color:#f3f8ff;justify-content:space-between;align-items:center;gap:10px;display:flex}.repackPhotoPrice small{color:#a9bed3;font-size:11px}.clLanding .repackPhotoTool .repackPhotoGenerate{color:#051b2b;text-align:center;cursor:pointer;background:linear-gradient(95deg,#177cf2,#28c3f2);border:0;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:42px;padding:8px 16px;font-size:14px;font-weight:800;line-height:1.25;text-decoration:none;display:flex}.repackPhotoGenerate:disabled{opacity:.65;cursor:wait}.repackPhotoProgress{color:#f3f8ff;text-align:center;justify-items:center;gap:7px;width:100%;padding:20px;display:grid}.repackPhotoProgress>span{color:#49d2ff;font-size:34px;animation:1.3s ease-in-out infinite repackPulse}.repackPhotoProgress small{color:#a9bed3}.repackPhotoProgress i{background:#234866;border-radius:5px;width:100%;height:4px;display:block;overflow:hidden}.repackPhotoProgress i:after{content:"";background:#33c8ff;width:35%;height:100%;animation:1.6s ease-in-out infinite repackSweep;display:block}.repackPhotoResult{justify-items:center;gap:12px;width:100%;display:grid}.repackPhotoResultHeading{justify-content:center;align-items:center;gap:10px;display:flex}.repackPhotoResultHeading>span{color:#102b43;background:#7ce8bc;border-radius:50%;place-items:center;width:36px;height:36px;font-size:21px;font-weight:800;display:grid}.repackPhotoResult p{color:#b2c7d9;max-width:340px;margin:0}.repackPhotoResultActions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.repackPhotoResultCompare{background:#10243a;border:1px solid #38536e;border-radius:12px;width:100%;height:220px;position:relative;overflow:hidden}.repackPhotoResultCompare img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.repackPhotoResultCompare img:first-child{clip-path:inset(0 calc(100% - var(--result-photo-split)) 0 0)}.repackPhotoResultCompare .repackPhotoResultAfter{clip-path:inset(0 0 0 var(--result-photo-split));background:#10243a}.repackPhotoResultCompare:after{top:0;bottom:0;left:var(--result-photo-split);content:"";pointer-events:none;background:#f5fbff;width:2px;position:absolute}.repackPhotoResultCompare>span:not(.repackPhotoResultHandle){z-index:1;color:#fff;background:#061422cc;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:8px}.repackPhotoResultBeforeLabel{left:8px}.repackPhotoResultAfterLabel{right:8px}.repackPhotoResultCompare input{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.repackPhotoResultHandle{z-index:2;top:50%;left:var(--result-photo-split);color:#12314a;pointer-events:none;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%)}.repackPhotoResultCompare input:focus-visible+.repackPhotoResultHandle{outline-offset:3px;outline:3px solid #fff}.repackPhotoFullscreen{z-index:1000;color:#f3f8ff;background:#061624;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:fixed;inset:0}.repackPhotoFullscreenBar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,900px);display:flex}.repackPhotoFullscreenBar button{color:#fff;cursor:pointer;background:#173550;border:1px solid #5d7892;border-radius:10px;min-width:44px;min-height:44px;font-size:28px}.repackPhotoFullscreenCompare{background:#10243a;border-radius:14px;flex:1;width:min(100%,900px);min-height:0;position:relative;overflow:hidden}.repackPhotoFullscreenCompare img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.repackPhotoFullscreenCompare img:first-child{clip-path:inset(0 calc(100% - var(--photo-split)) 0 0)}.repackPhotoFullscreenCompare .repackPhotoAfter{clip-path:inset(0 0 0 var(--photo-split));background:#10243a}.repackPhotoFullscreenCompare input{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.repackPhotoFullscreen>.repackPhotoGenerate{max-width:260px}@keyframes repackPulse{50%{opacity:.45;transform:scale(.9)}}@keyframes repackSweep{0%{transform:translate(-100%)}to{transform:translate(320%)}}.repackPhotoError{color:#ffc1c8;margin:0;font-size:13px}.repackPhotoCost{color:#aebfd2;margin:0;font-size:12px;line-height:1.4}@media (max-width:900px){.repackPhotoWorkspace{grid-template-columns:1fr}.repackPhotoCompare{min-height:350px}.repackPhotoCompare.hasResult .repackPhotoDemo{display:none}.repackPhotoCompare.hasResult .repackPhotoActual{display:block}.repackPhotoResultCompare{display:none}.repackPhotoResultActions{grid-template-columns:1fr}}@media (max-width:620px){.clLanding .repackPhotoTool{padding:34px 16px 42px}.repackPhotoIntro h2{font-size:28px}.repackPhotoIntro>p{font-size:15px}.repackPhotoWorkspace{gap:16px;margin-top:26px}.repackPhotoCompare{min-height:280px}.repackPhotoDrop{min-height:225px}.repackPhotoDrop button{min-height:44px}.repackPhotoControls{grid-template-columns:1fr}.repackPhotoControls select,.clLanding .repackPhotoTool .repackPhotoGenerate{min-height:44px}}
