.rsz-hero{width:min(100%,540px);height:460px;position:relative}.rsz-canvas{border-radius:24px;position:absolute;inset:30px 0 70px 40px;overflow:hidden;box-shadow:0 40px 60px -30px #1e3a8a80}.rsz-canvas img{object-fit:cover}.rsz-crop{border:2px dashed #fff;border-radius:4px;animation:9s cubic-bezier(.65,0,.35,1) infinite rsz-crop;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 999px #0f172a80}@keyframes rsz-crop{0%,28%{width:230px;height:230px}33%,61%{width:150px;height:266px}66%,95%{width:380px;height:200px}to{width:230px;height:230px}}.rsz-crop i{background:#fff;border:3px solid #2563eb;border-radius:4px;width:16px;height:16px;position:absolute}.rsz-crop i[data-h=tl]{top:-9px;left:-9px}.rsz-crop i[data-h=tr]{top:-9px;right:-9px}.rsz-crop i[data-h=bl]{bottom:-9px;left:-9px}.rsz-crop i[data-h=br]{bottom:-9px;right:-9px}.rsz-presets{z-index:2;background:#fff;border-radius:18px;gap:6px;margin:0;padding:12px;list-style:none;display:grid;position:absolute;bottom:0;left:0;box-shadow:0 24px 40px -22px #0f172a73}.rsz-presets li{color:#475569;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:700;animation:9s infinite rsz-pick}.rsz-presets li[data-i="1"]{animation-delay:3s}.rsz-presets li[data-i="2"]{animation-delay:6s}@keyframes rsz-pick{0%,30%{color:#fff;background:#2563eb}34%,to{color:#475569;background:0 0}}.rsz-float{z-index:2;border-radius:var(--r-pill);color:#fff;background:#2563eb;align-items:center;gap:6px;padding:8px 13px;font-size:13.5px;font-weight:700;animation:4.5s ease-in-out infinite rsz-bob;display:inline-flex;position:absolute;top:0;right:10px;box-shadow:0 16px 30px -18px #2563ebb3}@keyframes rsz-bob{50%{translate:0 -8px}}.rsz-film{background:radial-gradient(circle,#fff 0 5px,#0000 6px) 10px 9px/30px 18px repeat-x,radial-gradient(circle,#fff 0 5px,#0000 6px) 10px calc(100% - 9px)/30px 18px repeat-x,#0f172a;border-radius:26px;padding:26px 22px}.rsz-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.rsz-frame{transition:transform .25s var(--ease);background:#1e293b;border-radius:14px;padding:10px 10px 16px}.rsz-frame:hover{transform:translateY(-4px)}.rsz-frame-photo{aspect-ratio:4/3;border-radius:8px;max-width:100%;position:relative;overflow:hidden}.rsz-frame-photo img{object-fit:cover;transition:scale .4s var(--ease)}.rsz-frame:hover .rsz-frame-photo img{scale:1.06}.rsz-frame-photo span{color:#fff;background:#2563eb;border-radius:8px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid;position:absolute;top:8px;left:8px}.rsz-frame h3{font-family:var(--font-display);color:#fff;margin:12px 4px 4px;font-size:clamp(14.5px,13.404px + .281vw,17px)}.rsz-frame p{color:#cbd5e1;margin:0 4px;font-size:13.5px;line-height:1.5}.rsz-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}.rsz-toggle{border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);gap:4px;margin-bottom:16px;padding:4px;display:inline-flex;position:relative}.rsz-toggle input{opacity:0;pointer-events:none;position:absolute}.rsz-toggle label{border-radius:var(--r-pill);min-height:44px;color:var(--text-2);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);align-items:center;gap:6px;padding:0 20px;font-size:clamp(14px,13.562px + .112vw,15px);font-weight:700;display:inline-flex}.rsz-toggle input:checked+label{color:#fff;background:#2563eb}.rsz-toggle input:focus-visible+label{outline-offset:2px;outline:2px solid #2563eb}.rsz-explain{color:var(--text-2);margin:0;font-size:clamp(14px,13.124px + .225vw,16px);line-height:1.6}.rsz-explain b{color:var(--heading)}:is(.rsz-demo:has(#rsz-cover:checked) .rsz-explain[data-mode=contain],.rsz-demo:has(#rsz-contain:checked) .rsz-explain[data-mode=cover]){display:none}.rsz-demo-stage{place-items:center;display:grid;position:relative}.rsz-demo-frame{aspect-ratio:1;background:#dbeafe;border-radius:20px;width:min(100%,380px);max-width:100%;position:relative;overflow:hidden;box-shadow:0 30px 50px -30px #1e3a8a80}.rsz-demo-frame img{object-fit:cover;transition:scale .4s var(--ease)}.rsz-demo:has(#rsz-contain:checked) .rsz-demo-frame img{object-fit:contain}.rsz-demo-size{border-radius:var(--r-pill);color:#fff;background:#0f172a;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;bottom:-12px}@media (max-width:1000px){.rsz-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.rsz-hero{height:400px}.rsz-demo{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.rsz-hero{height:330px}.rsz-canvas{inset:36px 0 60px}@keyframes rsz-crop{0%,28%{width:170px;height:170px}33%,61%{width:110px;height:196px}66%,95%{width:260px;height:136px}to{width:170px;height:170px}}.rsz-presets{padding:8px}.rsz-presets li{padding:5px 10px;font-size:12px}.rsz-float{right:0}.rsz-film{border-radius:0;margin-inline:-16px;padding:26px 0}.rsz-strip{scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.rsz-strip::-webkit-scrollbar{display:none}.rsz-frame{scroll-snap-align:center;flex:0 0 72%}.rsz-frame:hover{transform:none}.rsz-explain{font-size:14.5px}}@media (prefers-reduced-motion:reduce){.rsz-crop,.rsz-presets li,.rsz-float{animation:none}.rsz-crop{width:230px;height:230px}}