.compression-tool-page{color:#352d3c;width:min(78vw,100% - 3rem);margin:0 auto;padding:2.1875em 0 4.25em;font-size:clamp(16px,.83vw,42px)}.compression-heading{max-width:53.75em;margin:0 0 1.75em .75em}.compression-heading h1{font-family:var(--font-paper,"Paper Hand"),sans-serif;letter-spacing:-.035em;margin:.5em 0 .75em;font-size:clamp(2em,3vw,3.5em);line-height:1.08}.compression-heading>p:last-child{color:#645668;max-width:38.125em;font-size:1em;line-height:1.55}.compression-workbench{isolation:isolate;grid-template-columns:minmax(0,1fr) 18.125em;align-items:end;gap:1em;padding:0 1.25em 2.375em;display:grid;position:relative}.compression-desk-edge{z-index:-1;background:repeating-linear-gradient(3deg,#0000 0 .625em,#8b715c10 .6875em .75em),#d6b28d;border:2px solid #78665d;border-radius:.5em .75em .375em 5px;height:3.5625em;position:absolute;inset:auto -8px .6875em;transform:rotate(-.3deg);box-shadow:0 .4375em #b18e74,0 .5625em #7a655d,0 1.25em 1.5625em -18px #58423380}.compression-laptop{z-index:2;padding:0 .4375em;position:relative}.compression-laptop-lid{background:#cfbba5;border:3px solid #574e52;border-radius:1.0625em .9375em .5em .5em;padding:1.25em .8125em .9375em;transition:transform .3s;position:relative;box-shadow:inset 0 0 0 3px #ebe0ca,inset 0 0 0 5px #ad9d8e,3px 3px #4d424750}.compression-camera{background:#746573;border-radius:50%;width:5px;height:5px;position:absolute;top:.4375em;left:50%;box-shadow:0 0 0 2px #bdab99}.compression-screen{background:#fbf7e9;border:2px solid #675b61;border-radius:5px .4375em 4px 3px;overflow:hidden}.compression-window-bar{background:#e8decb;border-bottom:1px solid #a29384;align-items:center;gap:5px;height:1.8125em;padding:0 .625em;display:flex}.compression-window-bar>span:not(:last-child){background:#d69d8c;border:1px solid #82726c;border-radius:50%;width:.375em;height:.375em;display:block}.compression-window-bar>span:nth-child(2){background:#e5c878}.compression-window-bar>span:nth-child(3){background:#abc8a1}.compression-window-label{color:#796b67;letter-spacing:.07em;margin:0 auto;padding-right:2em;font-size:.625em}.compression-keyboard{background:#d9cbbb;border:2px solid #67575b;border-top-width:1px;border-radius:2px 2px 1.375em 1.375em;height:1.6875em;margin:0 -15px;position:relative;box-shadow:inset 0 -5px #b5a391,0 5px 4px #57443430}.compression-keyboard>span{background:#b3a18f;border:1px solid #8c7b71;border-top:0;border-radius:0 0 .375em .375em;width:28%;height:.5em;margin:0 auto;display:block}.compression-keyboard>i{background:#8dbcb0;border-radius:50%;width:4px;height:3px;position:absolute;top:.375em;left:1.375em;box-shadow:.375em 0 #8dbcb0}.compression-controls{padding:1.0625em 1.375em 1.25em}.compression-drop{text-align:center;background:#eef2e566;border:2px dashed #aab8b2;border-radius:.5em .75em .5em .6875em;padding:1.125em 1em 1em;transition:background .25s,border-color .25s,transform .25s;position:relative}.compression-drop:before,.compression-drop:after{content:"";pointer-events:none;border-style:solid;border-color:#7ba6a0;width:1.3125em;height:1.3125em;transition:transform .25s;position:absolute}.compression-drop:before{border-width:3px 0 0 3px;border-radius:5px 0 0;top:-3px;left:-3px}.compression-drop:after{border-width:0 3px 3px 0;border-radius:0 0 5px;bottom:-3px;right:-3px}.compression-drop[data-dragging]{background:#d6ecdd;border-color:#628f7c;transform:rotate(-.4deg)scale(1.012)}.compression-drop[data-dragging]:before{transform:translate(-3px,-3px)}.compression-drop[data-dragging]:after{transform:translate(3px,3px)}.compression-upload-icon{color:#728c85;stroke-width:1.7px;width:1.9375em;height:1.9375em;margin:0 auto .5625em}.compression-drop-title{font-family:var(--font-paper,"Paper Hand"),sans-serif;font-size:1.375em;line-height:1.2}.compression-drop-detail{color:#746965;margin-top:.4375em;font-size:.6875em;line-height:1.5}.compression-upload-actions{justify-content:center;align-items:center;gap:.375em;margin-top:.875em;display:flex}.compression-tool-page button{font-weight:650}.compression-controls button{border-radius:.375em .5em 5px .4375em;min-height:2.3125em;font-size:.8125em;transition:transform .2s,box-shadow .2s,background .2s}.compression-controls button:not(:disabled):hover{transform:translateY(-2px)rotate(-1deg)}.compression-controls button:not(:disabled):active{transform:translateY(2px)}.compression-upload-actions>button:first-child{color:#304439;background:#a4cfbd;border:1.5px solid #668979;box-shadow:0 3px #789d89}.compression-upload-actions>button:last-child{color:#6b5b6c;text-underline-offset:4px;background:0 0;text-decoration:underline}.compression-size-controls{border:0;min-width:0;margin:1.125em 0 1em}.compression-target-row{align-items:flex-end;gap:1.125em;display:flex}.compression-target-input{flex-shrink:0;width:7.8125em}.compression-target-input label,.compression-presets>p{margin:0 0 .375em;font-size:.75em;font-weight:650}.compression-amount-wrap{position:relative}.compression-amount-wrap input{appearance:textfield;width:100%;height:2.6875em;font-family:var(--font-paper,"Paper Hand"),sans-serif;background:#fffdf3;border:1.5px solid #968379;border-radius:5px .375em 4px;padding:.3em 1.5em .3em .375em;font-size:1.5em;box-shadow:inset 0 2px 2px #71665515}.compression-amount-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}.compression-amount-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.compression-amount-wrap input:focus-visible{outline-offset:3px;outline:2px solid #739c8e}.compression-amount-wrap>span{color:#8a7e74;pointer-events:none;font-size:.8125em;position:absolute;top:.75em;right:.625em}.compression-presets{flex:1;min-width:0}.compression-presets>div{flex-wrap:wrap;gap:.375em;display:flex}.compression-presets button{color:#6f5f61;background:#faf5e5;border:1px solid #c1ae91;height:2.125em;min-height:2.125em;padding:0 .5625em;box-shadow:0 2px #d7c7ac}.compression-presets button[aria-pressed=true]{color:#594735;background:#edc88a;border-color:#a58a5a;box-shadow:0 2px #b4945e}.compression-exact-cap{color:#8a7868;margin-top:.5em;font-size:.6875em}.compression-main-actions{gap:.5625em;display:flex}.compression-main-actions button{flex:1;min-height:2.625em}.compression-main-actions .compression-run{color:#fffcf3;background:#75648b;border:1px solid #574663;box-shadow:0 3px #514058}.compression-main-actions button:last-child{color:#635248;background:#f5ecd8;border:1px solid #bba58c;box-shadow:0 3px #c8b697}.compression-main-actions button:disabled{opacity:.5}.compression-progress{color:#796884;text-align:center;margin:.75em 0 0;font-size:.75em}.compression-error{color:#904635;background:#fae0d0;border:1px solid #e0b29b;border-radius:.375em;margin-top:.875em;padding:.5625em;font-size:.8125em}.compression-cast{min-width:0;padding:3.125em 0 0;position:relative}.compression-speech{z-index:3;text-align:center;width:96%;font-family:var(--font-paper,"Paper Hand"),sans-serif;background:#fff8e7;border:1.5px solid #a38d7a;border-radius:40% 45% 38%/45% 48% 42% 50%;padding:.75em .625em;font-size:1.5em;transition:color .3s,background .3s;position:absolute;top:.4375em;left:2%;transform:rotate(3deg);box-shadow:2px 3px #9a7b5620}.compression-speech:after{content:"";background:#fff8e7;border:1.5px solid #a38d7a;border-width:0 1.5px 1.5px 0;width:.9375em;height:.9375em;position:absolute;bottom:-10px;left:45%;transform:skew(-22deg)rotate(43deg)}.compression-actor{aspect-ratio:300/350;pointer-events:none;margin-top:1em;position:relative}.compression-page{z-index:1;transform-origin:50% 91%;width:96.67%;max-width:none;height:auto;animation:4s ease-in-out infinite compression-breathe;position:absolute;top:-7.2%;left:1.66%}.compression-scale{transform-origin:50% 80%;width:100%;height:auto;position:absolute;bottom:0;left:0}.compression-scale-ticket{z-index:3;text-align:center;background:#f9ebc8;border:1px solid #baa682;min-width:55%;padding:.5em .8125em;position:absolute;bottom:1em;left:32%;transform:rotate(-4deg);box-shadow:2px 3px #7753431f}.compression-scale-ticket:before{content:"";background:#d1c09d75;width:2.125em;height:.75em;position:absolute;top:-8px;left:calc(50% - 1.0625em);transform:rotate(5deg)}.compression-scale-ticket span{color:#7c684f;font-size:.625em;display:block}.compression-scale-ticket strong{font-family:var(--font-paper,"Paper Hand"),sans-serif;padding:3px 0;font-size:1.875em;font-weight:400;line-height:1.1;display:block}.compression-sparkles{opacity:0;z-index:2;transition:opacity .3s;position:absolute;inset:0}.compression-sparkles i{color:#bd9a43;font-size:1.875em;font-style:normal;position:absolute}.compression-sparkles i:first-child{top:25%;left:4%}.compression-sparkles i:nth-child(2){animation-delay:.4s;top:9%;right:2%}.compression-sparkles i:nth-child(3){animation-delay:.8s;top:6%;left:16%}.compression-sparkles i:nth-child(4){animation-delay:1.2s;top:40%;right:4%}.compression-workbench[data-phase=dragging] .compression-page{animation:.6s ease-in-out infinite compression-hop}.compression-workbench[data-phase=adjusting] .compression-page{animation:1.5s ease-in-out infinite compression-peek}.compression-workbench[data-phase=working] .compression-camera{background:#9fd4b9;animation:1s ease-in-out infinite compression-light;box-shadow:0 0 5px #85c3a0}.compression-workbench[data-phase=success] .compression-page{animation:1.2s ease-in-out infinite compression-hop}.compression-workbench[data-phase=success] .compression-sparkles{opacity:1}.compression-workbench[data-phase=success] .compression-sparkles i{animation:2s ease-in-out infinite compression-twinkle}.compression-workbench[data-phase=success] .compression-speech{color:#43715b}.compression-workbench[data-phase=over] .compression-speech{color:#9c5942}.compression-settings-paper,.compression-sharing-paper{background:#faf6e9;border:1px solid #c5b797;border-radius:3px .4375em 5px 4px;margin:1.375em 1.75em 0;padding:1.375em 1.625em;position:relative;box-shadow:3px 4px #b5a18029}.compression-settings-paper:before{content:"";background:#cebca773;width:3.75em;height:1.0625em;position:absolute;top:-8px;left:2em;transform:rotate(-4deg)}.compression-format-settings{grid-template-columns:1fr 1fr;gap:1.375em;margin-bottom:1.25em;display:grid}.compression-format-settings legend{font-family:var(--font-paper,"Paper Hand"),sans-serif;margin-bottom:.5em;font-size:1.4375em}.compression-format-settings label{cursor:pointer;align-items:center;gap:.4375em;font-size:.8125em;display:flex}.compression-format-settings [role=radio]{color:#817098;border-color:#917b8c}.compression-shrink{cursor:pointer;align-items:center;gap:.5625em;font-size:.8125em;line-height:1.5;display:flex}.compression-settings-note{color:#887664;margin-top:.5em;font-size:.75em;line-height:1.5}.compression-results{margin:2em 1.75em 0}.compression-measurement{background:#e6eddd;border:1px solid #a5b49c;border-radius:.375em 4px .4375em;padding:.9375em 1.25em;font-size:.8125em;line-height:1.6}.compression-measurement>p+p{color:#6f7867;margin-top:.375em}.compression-photo-pair{grid-template-columns:1fr 1fr;align-items:start;gap:1.75em;margin:1.6875em 0;display:grid}.compression-photo-pair figure{background:#fffcf4;border:1px solid #b9aa94;padding:.8125em .8125em 0;transform:rotate(-1.5deg);box-shadow:3px 4px #907b5526}.compression-photo-pair figure:last-child{transform:rotate(1.5deg)}.compression-photo-pair img{object-fit:contain;background:repeating-conic-gradient(#e6e2d7 0% 25%,#f7f3e6 0% 50%) 0 0/1em 1em;width:100%;height:auto;display:block}.compression-photo-pair figcaption{text-align:center;font-family:var(--font-paper,"Paper Hand"),sans-serif;padding:.625em;font-size:1.625em}.compression-empty-result{aspect-ratio:4/3;color:#88786b;text-align:center;background:#eae4d555;place-items:center;min-height:8.75em;padding:1.25em;font-size:.8125em;display:grid}.compression-file-list{grid-template-columns:1fr 1fr;gap:.625em;display:grid}.compression-file-list li{background:#f8eed8;border:1px solid #c8b99b;border-radius:4px;min-width:0;padding:.6875em .9375em;font-size:.75em;line-height:1.5}.compression-file-list li p+p{color:#8d7864}.compression-sharing-paper{background:#eee4d1;padding:.9375em 1.375em}.compression-sharing-paper summary{cursor:pointer;font-family:var(--font-paper,"Paper Hand"),sans-serif;font-size:1.4375em}.compression-share-field{margin-top:1.125em}.compression-share-field p{color:#83725f;margin:.4375em 0;font-size:.75em;line-height:1.6}.compression-share-field input{background:#fff8e6;border-color:#bba98a;font-size:.75em}.compression-secondary-actions{flex-wrap:wrap;gap:.5em;margin-top:.8125em;display:flex}.compression-secondary-actions button{background:#fcf4e2;border-color:#b6a386;font-size:.75em}@keyframes compression-breathe{0%,to{transform:rotate(-1deg)scaleY(1)}50%{transform:rotate(1deg)scaleY(1.018)}}@keyframes compression-hop{0%,to{transform:translateY(0)scaleY(.99)}50%{transform:translateY(-12px)rotate(2deg)scaleY(1.015)}}@keyframes compression-peek{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-2deg)translateY(-3px)}}@keyframes compression-balance{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(4deg)translateY(3px)}}@keyframes compression-scale-work{0%,to{transform:scaleY(1)}50%{transform:scaleY(.97)}}@keyframes compression-light{50%{opacity:.4}}@keyframes compression-twinkle{0%,to{opacity:.2;transform:scale(.65)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(15deg)}}@media (min-width:1280px){.compression-workbench{grid-template-columns:minmax(0,1fr) minmax(20.625em,29%);gap:1.75em}}@media (max-width:1100px){.compression-tool-page{width:calc(100% - 36px)}}@media (max-width:900px){.compression-workbench{grid-template-columns:minmax(0,1fr) 225px;gap:0;padding-left:0;padding-right:0}.compression-controls{padding:15px}.compression-target-row{gap:12px}.compression-target-input{width:105px}.compression-cast{padding-bottom:32px}.compression-speech{font-size:20px;top:16px}.compression-scale-ticket{bottom:42px}}@media (max-width:680px){.compression-tool-page{width:calc(100% - 24px);padding:21px 0 42px}.compression-heading{margin:0 5px 21px}.compression-heading h1{max-width:380px;margin-bottom:8px;font-size:clamp(32px,8.2vw,42px)}.compression-heading>p:last-child{max-width:330px;font-size:13px}.compression-workbench{padding:0 4px 25px;display:block}.compression-laptop{padding:0}.compression-laptop-lid{border-width:2px;border-radius:12px 12px 7px 7px;padding:15px 7px 9px}.compression-camera{width:4px;height:4px;top:5px}.compression-window-bar{height:22px}.compression-window-label{font-size:8px}.compression-controls{padding:12px 10px 15px}.compression-drop{text-align:left;min-height:185px;padding:13px 118px 13px 9px}.compression-drop-title{font-size:21px;line-height:1.2}.compression-drop-detail{margin-top:7px;font-size:10px;line-height:1.45}.compression-upload-icon{display:none}.compression-upload-actions{flex-direction:column;align-items:stretch;gap:5px;margin-top:10px;display:flex}.compression-upload-actions button{height:34px;min-height:34px;padding:0 9px;font-size:12px}.compression-upload-actions>button:last-child{height:26px;min-height:26px}.compression-cast{z-index:4;pointer-events:none;width:128px;padding:0;position:absolute;top:88px;right:17px}.compression-actor{margin:0}.compression-speech{border-radius:7px;width:130px;padding:5px 2px;font-size:14px;line-height:1.15;top:auto;bottom:-24px;left:-1px;transform:rotate(2deg)}.compression-speech:after,.compression-scale-ticket{display:none}.compression-sparkles i{font-size:20px}.compression-size-controls{margin:14px 0 13px}.compression-target-row{align-items:flex-start;gap:10px}.compression-target-input{width:104px}.compression-presets>div{gap:5px}.compression-presets button{height:25px;min-height:25px;padding:0 7px;font-size:10px}.compression-amount-wrap input{height:46px;font-size:25px}.compression-amount-wrap>span{font-size:11px;top:15px}.compression-main-actions button{min-height:40px;font-size:12px}.compression-keyboard{height:21px;margin:0 -4px}.compression-desk-edge{height:34px;inset:auto -2px 10px}.compression-settings-paper,.compression-sharing-paper{margin:20px 5px 0;padding:17px 16px}.compression-format-settings{grid-template-columns:1fr;gap:16px}.compression-format-settings legend{margin-bottom:7px;font-size:22px}.compression-shrink{align-items:flex-start;font-size:12px}.compression-shrink [role=checkbox]{flex-shrink:0;margin-top:2px}.compression-settings-note{font-size:11px}.compression-results{margin:22px 5px 0}.compression-measurement{padding:12px;font-size:11px}.compression-photo-pair{gap:12px}.compression-photo-pair figure{padding:6px 6px 0}.compression-photo-pair figcaption{padding:6px 0;font-size:20px}.compression-empty-result{min-height:80px;padding:9px;font-size:10px}.compression-file-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.compression-workbench *,.compression-workbench :before,.compression-workbench :after{transition:none!important;animation:none!important}}.compression-reading.paper-notebook{margin-top:3.2em}@media (max-width:680px){.compression-reading.paper-notebook{--notebook-size:13px;--notebook-rule:23.4px;--notebook-gutter:25px;width:calc(100% - 10px);margin:32px 5px 0;padding:28px 18px 15px;font-size:13px}.compression-reading.paper-notebook h2{font-size:27px}.compression-reading.paper-notebook h3{font-size:24px}.compression-reading.paper-notebook p{font-size:13px;line-height:1.8}}.compression-page>img{width:100%;height:auto;display:block}.compression-page .compression-tapping-leg{transform-origin:57.97% 77.13%;animation:.55s ease-in-out infinite compression-foot-tap;position:absolute;inset:0}.compression-scale>img{width:100%;height:auto;display:block}.compression-dial{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.compression-needle{transform:rotate(var(--needle-angle));transition:transform .85s cubic-bezier(.3,1.35,.45,1)}.compression-workbench[data-phase=working] .compression-page{animation:2.4s ease-in-out infinite compression-wait}.compression-workbench[data-phase=working] .compression-scale{animation:none}.compression-workbench[data-size-zone=over] .compression-scale-ticket{background:#f5d4c1;border-color:#ba8872}.compression-workbench[data-size-zone=within] .compression-scale-ticket{background:#dceacb;border-color:#99ad8a}.compression-workbench[data-phase=error] .compression-speech{color:#9c5942}@keyframes compression-foot-tap{0%,55%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}38%{transform:rotate(2deg)}}@keyframes compression-wait{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}@media (min-width:681px){.compression-cast{padding-bottom:0;container-type:inline-size}.compression-actor{top:calc(7.6786cqw - 1.875em)}.compression-scale-ticket{width:75%;min-width:0;padding:.3em .6em;bottom:-2.75em;left:18%}.compression-scale-ticket strong{font-size:1.55em}.compression-settings-paper{margin-top:2em}}