@import"https://fonts.googleapis.com/css2?family=Coming+Soon&family=Patrick+Hand&display=swap";:root{--hand: "Coming Soon", "Comic Sans MS", "Chalkboard SE", cursive;--body: "Patrick Hand", "Comic Sans MS", "Chalkboard SE", cursive;font-family:var(--body);color:#292a24;background:#f7f6f2;font-synthesis:none;font-weight:400;--ink: #292a24;--muted: #818178;--line: #deded4;--green: #d4ed89}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input,textarea,select{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #648231;outline-offset:5px}::selection{background:var(--green)}h1,h2,h3,strong{font-weight:400}.site-shell{max-width:1240px;margin:auto;padding:0 52px}.site-header{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px}.wordmark,.footer-brand{font-family:var(--hand);letter-spacing:-1px}.wordmark{font-size:34px;text-decoration:none}.wordmark-dot{color:#7c9b43}.edition{font-size:15px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.header-link{font-size:17px;text-decoration:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.header-actions a:hover{color:#62744b}.header-contract{position:relative}.header-ca{font-size:15px;min-height:38px;padding:7px 13px;gap:9px;white-space:nowrap}.header-ca svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.2}.header-ca [data-copy-label]{font-size:inherit}.ca-status textarea{margin-top:8px;min-height:0;font-family:monospace;font-size:12px;overflow-wrap:anywhere;resize:none}.ca-status p{margin:10px 0 0;font-size:14px;color:#954b36}.ca-status{position:absolute;top:calc(100% + 12px);right:0;z-index:2;width:208px;margin:0;padding:13px 16px;background:#fbfbf7;border:1px solid #ccd6bb;border-radius:6px;box-shadow:0 4px 12px #292a2410;font-size:17px;line-height:1.5}.header-link span{margin-left:9px}.hero{text-align:center;padding:61px 0 49px}.eyebrow{font-size:13px;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#86a74a;flex-shrink:0}.hero h1{font-family:var(--hand);font-size:98px;letter-spacing:-3px;line-height:1.2;margin:20px 0}.title-big{position:relative;display:inline-block}.title-big svg{position:absolute;width:100%;left:4px;bottom:-8px;height:19px;stroke:#91ac5c;stroke-width:4;stroke-linecap:round;fill:none}.hero-description{font-size:21px;color:#787a70;line-height:1.7;margin:0}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;max-width:1000px;margin:0 auto 61px}.tool-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px;gap:12px;margin-bottom:13px}.step-number{font-size:13px;border:1px solid #d5d6cb;border-radius:4px;padding:3px 5px;margin-right:8px;color:#818477}.hand-note,.meme-caption,.file-drawing span{font-family:var(--hand)}.hand-note{font-size:16px;transform:rotate(-5deg);color:#8c8e81}.drop-zone{min-height:322px;border:1.5px dashed #b8bcaa;border-radius:12px;background:#fbfbf7;position:relative;transition:background .2s,border-color .2s}.drop-zone.is-dragging{background:#edf5da;border-color:#6c8b38;box-shadow:0 0 0 5px #d4ed8966}.upload-view{padding:26px 28px 25px;display:flex;flex-direction:column;align-items:center;text-align:center}.file-drawing{position:relative;margin-bottom:12px;height:76px}.file-drawing svg{height:76px;width:67px;stroke:#626655;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg)}.file-drawing span{position:absolute;white-space:nowrap;font-size:14px;color:#95978b;top:20px;left:72px;transform:rotate(10deg)}.drop-zone h2{font-family:var(--hand);font-size:26px;letter-spacing:-.8px;margin:3px 0 7px}.upload-view p,.processing-view p{font-size:17px;color:var(--muted);margin:0 0 22px}.primary-button{display:flex;justify-content:center;align-items:center;gap:36px;background:var(--green);color:var(--ink);font-size:20px;border:1px solid #a6bc76;border-radius:6px;box-shadow:0 3px #b1c684;text-decoration:none;min-height:46px;padding:12px 25px;transition:background .15s,transform .15s,box-shadow .15s}.primary-button:hover{background:#c9e779;transform:translateY(-1px);box-shadow:0 4px #aabd7d}.primary-button:active{transform:translateY(2px);box-shadow:0 1px #aabd7d}.primary-button span{font-size:22px}.file-hint{font-size:12px;letter-spacing:.6px;color:#929587;margin-top:17px}.compression-options{padding:0;border:0;margin:22px 0 0;min-width:0}.compression-options legend{padding:0;margin-bottom:11px;font-size:16px}.option-row{display:flex;border:1px solid #dcded2;border-radius:6px;background:#efefe8;padding:4px;gap:3px}.option-row label{flex:1;position:relative;min-width:0;cursor:pointer}.option-row input{position:absolute;opacity:0;width:1px;height:1px}.option-row label>span{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 2px;font-size:15px;white-space:nowrap;border:1px solid transparent;border-radius:4px;color:#818476;transition:background .15s}.option-row input:checked+span{background:#fff;border-color:#d6d9cb;box-shadow:0 1px 3px #292a2408;color:var(--ink)}.recommended-dot{width:5px;height:5px;background:#89a851;border-radius:50%}.quality-note{font-size:14px;color:#929486;margin:10px 0 0;text-align:center;min-height:14px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;color:#8b8e81;margin:23px 0 0;text-align:center}.privacy-note svg{width:11px;height:13px;stroke:currentColor;stroke-width:1.3;flex-shrink:0}.meme-column{display:flex;flex-direction:column;align-items:center;padding-top:28px;position:relative;align-self:start}.meme-caption{font-size:19px;transform:rotate(5deg);margin-left:30px;color:#777d69}.caption-arrow{position:absolute;right:-3px;top:44px;width:64px;height:67px;stroke:#8a917b;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.meme-image{display:block;width:100%;max-width:343px;margin:14px 0 5px;mix-blend-mode:multiply;transform:rotate(-4deg)}.approval-stamp{display:flex;align-items:center;gap:8px;background:#eaf0df;color:#62744b;border:1px solid #ccd6bb;padding:8px 13px;font-size:14px;letter-spacing:.15px;border-radius:5px;transform:rotate(-4deg);margin-top:8px}.approval-stamp .status-dot{width:5px;height:5px}.meme-footnote{font-size:14px;color:#989b8e;margin-top:24px}.explainer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 34px;display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1fr;gap:36px;scroll-margin-top:25px}.explainer-intro .eyebrow{font-size:11px;letter-spacing:1.2px;color:#8b8e82}.explainer h2{font-family:var(--hand);font-size:26px;line-height:1.3;letter-spacing:-1px;margin:11px 0 0}.explanation-number{font-size:13px;color:#8b9580}.explanation h3{font-size:18px;margin:12px 0 8px}.explanation p{font-size:16px;color:#878a7e;line-height:1.6;margin:0;max-width:205px}.site-footer{display:flex;align-items:center;gap:22px;min-height:83px;font-size:14px;color:#8f9285}.footer-brand{font-size:25px;color:#555b4a;letter-spacing:-1px}.footer-end{margin-left:auto;color:#666e59}.muted{color:#a2a697}.error-message{font-size:17px;color:#954b36;line-height:1.6;margin:12px 0 0}.processing-view{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.loading-shape{width:44px;height:44px;border:2px solid #d9dfca;border-top-color:#718b45;border-radius:12px;animation:spin 1.2s linear infinite;margin-bottom:24px}.result-view{padding:21px 27px;text-align:center}.result-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-label{font-size:20px}.savings-badge{font-size:14px;padding:5px 8px;background:#e7f0d7;color:#5f753e;border-radius:4px}.preview-wrap{height:133px;display:flex;align-items:center;justify-content:center;margin:18px 0 10px;background:repeating-conic-gradient(#f0f0e9 0% 25%,#fafaf5 0% 50%) 0/16px 16px;border-radius:5px;overflow:hidden}.preview-wrap img{max-width:100%;max-height:100%;object-fit:contain}.file-name{font-size:14px;color:#8b8e80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 13px}.size-comparison{display:flex;justify-content:center;align-items:center;gap:15px;font-family:var(--hand)}.original-size{font-size:22px;color:#959887;text-decoration:line-through;text-decoration-thickness:1px}.size-arrow{font-size:26px;color:#9ba58a}.size-comparison strong{font-size:31px;letter-spacing:-1px}.result-message{font-size:16px;line-height:1.6;color:#7c8371;margin:7px 0 16px}.text-button{display:block;margin:15px auto 0;background:none;border:0;font-size:16px;color:#818674;padding:3px}.text-button:hover{color:#343d2a}.text-button span{margin-left:5px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.site-shell{max-width:1320px}.hero{padding-top:75px;padding-bottom:60px}.workspace{margin-bottom:76px}.site-header{height:112px}}@media(max-width:1000px){.edition{display:none}.site-shell{padding:0 32px}.workspace{gap:36px}.hero h1{font-size:84px}.hand-note{display:none}.meme-column{padding-top:43px}.meme-caption{font-size:17px}.caption-arrow{right:-15px;top:62px;width:47px}.option-row label>span{font-size:14px}.explainer{gap:22px}.privacy-note{font-size:13px}}@media(max-width:700px){.site-shell{padding:0 22px}.site-header{height:78px;gap:12px}.header-actions{gap:13px}.header-ca{font-size:13px;padding:7px 9px;gap:6px}.header-ca svg{width:14px;height:14px}.header-actions .header-link{font-size:15px;white-space:nowrap}.header-x span{display:none}.wordmark{font-size:30px}.edition{display:none}.hero{padding:40px 0 34px}.hero .eyebrow{font-size:10px;letter-spacing:1px;gap:6px}.hero h1{font-size:clamp(42px,11vw,74px);letter-spacing:-2px;margin-top:21px;margin-bottom:22px}.hero-description{font-size:18px}.mobile-break{display:block}.title-big svg{bottom:-9px;height:15px}.workspace{grid-template-columns:minmax(0,1fr);gap:24px;max-width:460px;margin-bottom:37px}.tool-heading{font-size:14px}.hand-note{display:block;font-size:14px}.upload-view{padding-top:26px}.option-row label>span{font-size:14px}.privacy-note{font-size:13px}.meme-column{padding-top:9px}.meme-image{max-width:248px;margin-top:10px}.meme-caption{font-size:16px;margin-left:0}.caption-arrow{right:calc(50% - 154px);top:18px;width:45px;height:55px}.approval-stamp{font-size:13px;margin-top:3px}.meme-footnote{margin-top:20px}.explainer{grid-template-columns:1fr 1fr;gap:27px 24px;padding:28px 0}.explainer h2{font-size:25px}.explanation h3{font-size:16px}.explanation p{font-size:15px}.site-footer{gap:13px;min-height:76px;font-size:12px}.footer-brand{font-size:22px}.footer-end{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;border:1px solid #dbded0;border-radius:9px;padding:25px 27px;background:#fbfbf7;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-4px);border-color:#9bae7b;box-shadow:0 7px #e8ecdf}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.card-icon{width:42px;height:42px;padding:9px;background:#edf1e3;border:1px solid #dce3ce;border-radius:8px;display:block}.card-icon svg,.big-tool-icon svg{width:100%;height:100%;stroke:#6c7e50;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.card-number{font-size:15px;color:#949a87}.card-category{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#8a917e}.tool-card h2{font-family:var(--hand);font-size:27px;letter-spacing:-1px;margin:10px 0}.tool-card p{color:#787f6c;font-size:18px;line-height:1.5;max-width:260px;margin:0 0 27px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e7dc;padding-top:15px;font-size:16px;margin-top:auto}.card-bottom span{font-size:23px;color:#74865a}.cat-card{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;min-width:0}.cat-card .hand-note{display:block;font-size:19px}.cat-card img{width:195px;max-width:85%;mix-blend-mode:multiply;transform:rotate(-4deg);margin:17px 0 6px}.cat-card p{font-size:14px;color:#8b917e}.library-promise{display:flex;justify-content:center;align-items:center;gap:8px;font-size:16px;color:#838c73;margin:36px 0 47px}.tool-nav{display:flex;justify-content:space-between;gap:20px;padding:22px 0 0;font-size:16px}.lore{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lore-heading h2{font-family:var(--hand);font-size:44px;line-height:1.3;letter-spacing:-1px;margin:20px 0 24px}.lore-ticker{display:inline-block;background:#eaf0df;border:1px solid #ccd6bb;border-radius:5px;padding:6px 13px;color:#62744b;font-size:17px}.lore-copy{color:#787f6c;font-size:20px;line-height:1.6}.lore-copy p{margin:0 0 18px}.lore-copy strong{color:var(--ink)}.lore-copy a{color:#62744b;text-underline-offset:4px}.lore-copy .lore-actual{border-left:2px solid #a6bc76;padding-left:18px;margin-top:23px}.lore-copy .lore-signoff{font-family:var(--hand);color:var(--ink);font-size:24px;margin:26px 0 0}.tool-nav>a{white-space:nowrap}.tool-nav a{text-decoration:none;color:#808772}.tool-nav a:hover{color:#303c21}.tool-nav>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}.tool-nav a[aria-current]{color:#414c32;text-decoration:underline;text-underline-offset:5px}.small-tool-hero{padding-top:46px}.small-tool-hero h1{font-size:70px;letter-spacing:-2px}.utility-panel{background:#fbfbf7;border:1px solid #dbded0;border-radius:10px;padding:26px;min-width:0}.utility-panel h2{font-family:var(--hand);font-size:25px;letter-spacing:-1px}.field-label{display:block;font-size:18px;margin-bottom:12px;line-height:1.6}textarea,.utility-panel input[readonly],select{font:inherit;color:var(--ink);background:#fff;border:1px solid #d7dccd;border-radius:5px;font-size:18px}textarea{display:block;width:100%;padding:13px;line-height:1.7;resize:vertical;min-height:90px}textarea::placeholder{color:#9a9f90}textarea:focus-visible,select:focus-visible,.utility-panel input:focus-visible,canvas:focus-visible{outline:2px solid #849e57;outline-offset:3px}.field-row{margin-top:17px}.select-label{display:flex;align-items:center;gap:16px;font-size:17px}.select-label select{flex:1;padding:10px;min-width:0}.checkbox-label{display:flex;align-items:center;gap:8px;margin:17px 0;font-size:17px;line-height:1.6}.checkbox-label input{accent-color:#6c873f;width:15px;height:15px;flex-shrink:0}.field-help{color:#7e8671;font-size:16px;line-height:1.6;margin:12px 0 19px}.utility-panel .primary-button{width:100%;margin-top:18px}.tool-result{margin-top:24px;padding-top:22px;border-top:1px solid #dfe4d5}.secondary-button{font:inherit;font-size:17px;background:#eaf0df;color:#51623c;border:1px solid #ccd7ba;border-radius:5px;padding:10px 15px;cursor:pointer}.secondary-button:hover{background:#dde9c9}.tool-result>.secondary-button{margin-top:12px}.footnote{margin-bottom:0}.color-drop{text-align:center;border:1px dashed #cbd3bb;padding:18px;border-radius:6px;transition:background .15s}.color-drop.is-dragging{background:#edf5da}.big-tool-icon{display:block;width:47px;height:47px;margin:13px auto 20px}.color-drop h2{font-size:23px}.color-drop .primary-button{font-size:18px;padding:10px;gap:15px}.color-drop .field-help{font-size:15px}.color-drop canvas{display:block;max-width:100%;height:auto;margin:0 auto;cursor:crosshair;background:repeating-conic-gradient(#e7e9e1 0% 25%,#fff 0% 50%) 0/12px 12px}.color-summary{display:flex;align-items:center;gap:15px;margin-bottom:20px}.color-summary strong{font-size:19px}.color-summary .field-help{margin:5px 0 0;font-size:14px}.color-swatch{width:52px;height:52px;border:1px solid #d0d8c2;border-radius:7px;flex-shrink:0}.color-value-row{display:flex;align-items:center;gap:8px;margin-top:9px}.color-value-row label{font-size:13px;color:#778464;width:27px;flex-shrink:0}.color-value-row input{width:0;flex:1;padding:10px 6px;font-size:15px;min-width:0}.color-value-row .secondary-button{font-size:15px;padding:10px 9px;white-space:nowrap}.qr-preview{display:flex;justify-content:center;padding:10px;background:#fff;border-radius:6px;border:1px solid #e3e6dc}.qr-preview canvas{display:block;width:100%;height:auto;max-width:288px;image-rendering:pixelated}.small-tool-hero h1:focus,.library-hero h1:focus,#page-title:focus{outline:none}@media(max-width:1000px){.library-grid{gap:14px}.tool-card{padding:21px}.tool-card h2{font-size:23px}.tool-card p{font-size:17px}.small-tool-hero h1{font-size:59px}.utility-panel{padding:20px}.tool-nav>div{gap:12px;font-size:14px}}@media(max-width:700px){.lore{grid-template-columns:1fr;gap:29px;padding:33px 0}.lore-heading h2{font-size:36px;margin:14px 0 17px}.lore-copy{font-size:18px}.library-grid{grid-template-columns:1fr 1fr;gap:12px}.tool-card{padding:16px}.card-top{margin-bottom:19px}.card-icon{width:34px;height:34px;padding:7px}.card-category{font-size:10px;letter-spacing:.6px}.card-number{font-size:13px}.tool-card h2{font-size:22px;line-height:1.3;margin:9px 0 12px}.tool-card p{font-size:16px;line-height:1.5;margin-bottom:18px}.card-bottom{font-size:14px}.cat-card{padding:8px}.cat-card .hand-note{font-size:14px}.cat-card p{font-size:13px;text-align:center;line-height:1.6}.library-promise{font-size:14px;margin:29px 0}.tool-nav{flex-direction:column;padding-top:20px;gap:18px}.tool-nav>div{justify-content:flex-start;gap:12px;font-size:14px}.small-tool-hero{padding-top:36px}.small-tool-hero h1{font-size:clamp(31px,8.3vw,55px);letter-spacing:-1px}.small-tool-hero .hero-description{max-width:280px;margin:auto}.utility-panel{padding:19px}.color-drop{padding:12px}.color-value-row{gap:5px}.color-value-row .secondary-button{padding:10px 7px}}@media(max-width:360px){.library-grid{grid-template-columns:1fr}.tool-card h2{font-size:26px}.cat-card img{max-width:160px}}
