@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/bricolage-grotesque-vietnamese-800-normal.RJtJa6zl.woff2)format("woff2"),url(/_astro/bricolage-grotesque-vietnamese-800-normal.DJ4hCX8l.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/bricolage-grotesque-latin-ext-800-normal.BimIDUhy.woff2)format("woff2"),url(/_astro/bricolage-grotesque-latin-ext-800-normal.CkoBqIJM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/bricolage-grotesque-latin-800-normal.J50vIsBe.woff2)format("woff2"),url(/_astro/bricolage-grotesque-latin-800-normal.Br4b-5gk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand:#2d5bff;--ink:#0a0a0a;--paper:#fff;--muted:#4a5160;--line:#0a0a0a;--yellow:#ffe14d;--pink:#ff5da2;--mint:#5ef0b5;--link:#1f45e0;--err:#b42318;--soft:#f3f4f7;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max:75rem;--gutter:16px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:16px/1.55 var(--body);margin:0}a{color:var(--link)}img,video,canvas{max-width:100%;height:auto}pre{overflow-x:auto}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--paper);z-index:10;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.container{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.muted{color:var(--muted)}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;font-weight:800;line-height:1}h2{margin:2.2em 0 .5em;font-size:clamp(1.9rem,4vw,3rem)}h3{margin:1.5em 0 .4em;font-size:1.35rem}:focus-visible{outline:3px solid var(--link);outline-offset:2px}.site-header{background:var(--brand);color:#fff}.header-row{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;padding-bottom:6px;display:flex}.logo{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 13px 5px 5px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.local-note{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.nav{flex-wrap:wrap;gap:5px;padding-top:6px;padding-bottom:4px;display:flex}.nav a{color:#fff;white-space:nowrap;border:1.5px solid #ffffffa6;border-radius:999px;padding:5px 11px;font-size:13.5px;font-weight:600;text-decoration:none}@media (width>=420px){.nav a{padding:6px 13px;font-size:14px}}.nav a[aria-current=page]{color:var(--ink);background:#fff;border-color:#fff;font-weight:700}.hero{grid-template-columns:[full-start] var(--gutter) [content-start] minmax(0, 1fr) [content-end] var(--gutter) [full-end];display:grid}.hero-bg{background:var(--brand);border-radius:0 0 28px 28px;grid-area:1/full}.hero-text{color:#fff;flex-direction:column;grid-area:1/content;gap:10px;max-width:40rem;padding:18px 0 30px;display:flex}.hero h1{margin:0;font-size:clamp(2.6rem,11vw,6.5rem);line-height:.9}.lead{max-width:30rem;margin:0;font-size:1.05rem;font-weight:500}.stickers{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.sticker{color:var(--ink);background:var(--yellow);border:2.5px solid var(--ink);font-family:var(--display);border-radius:12px;padding:4px 11px;font-size:15px;font-weight:800;line-height:1.2;display:inline-block;transform:rotate(-4deg)}.sticker:nth-child(2){border-radius:999px;transform:rotate(3deg)}.sticker-yellow{background:var(--yellow)}.sticker-pink{background:var(--pink)}.sticker-mint{background:var(--mint)}.hero.has-tool .hero-bg{margin-bottom:-64px}.hero.has-tool .hero-text{padding-bottom:24px}.hero-tool{flex-direction:column;grid-area:2/content;gap:14px;display:flex;position:relative}.page-body{padding-top:8px}@media (width>=960px){:root{--gutter:24px}.hero{grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [content-start] minmax(0, 34rem) [split] minmax(0, 38rem) [content-end] minmax(var(--gutter), 1fr) [full-end];column-gap:0}.hero-text{grid-column:content-start/split;align-self:end;padding:40px 48px 64px 0}.hero:not(.has-tool) .hero-text{grid-column:content}.hero.has-tool .hero-bg{border-radius:0 0 40px 40px;margin-bottom:0}.hero-tool{grid-area:1/split/auto/content-end;align-self:end;margin:36px 0 -110px}.hero.has-tool+.page-body{padding-top:132px}.header-row{padding-top:16px}.site-header .container{display:flex}.lead{font-size:1.2rem}.hero.has-tool h1{font-size:clamp(3.5rem,6.2vw,5.4rem)}}.btn{border:2px solid var(--ink);background:var(--paper);min-height:46px;color:var(--ink);font:600 15px var(--body);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--yellow);font-family:var(--display);border-width:2.5px;min-height:54px;font-size:20px;font-weight:800}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:progress}.btn-link{min-height:32px;color:var(--link);font:600 14px var(--body);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dot{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:10px;height:10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:2px solid var(--ink);background:var(--paper);min-height:40px;color:var(--ink);font:600 14px var(--body);cursor:pointer;border-radius:999px;padding:0 14px}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.chip-dashed{border-style:dashed}.segmented{border:2px solid var(--ink);border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{background:var(--paper);min-height:40px;color:var(--ink);font:600 14px var(--body);cursor:pointer;border:0;border-radius:999px;flex:1}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--ink);color:#fff;font-weight:700}.label{font-family:var(--display);letter-spacing:-.01em;font-size:16px;font-weight:800}input[type=text],input[type=number],textarea,select{font:500 16px var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:16px;max-width:100%;min-height:46px;padding:0 14px}textarea{resize:vertical;width:100%;padding:10px 14px}input[type=range]{width:100%;accent-color:var(--brand)}input[type=color]{border:2px solid var(--ink);background:0 0;border-radius:12px;width:46px;height:40px;padding:0}.field{gap:6px;margin:10px 0;display:grid}.field>span:first-child{font-family:var(--display);font-size:16px;font-weight:800}.row{flex-wrap:wrap;align-items:end;gap:10px 14px;display:flex}.row>.field{flex:9rem;margin:0}.check{align-items:center;gap:8px;min-height:40px;font-weight:600;display:inline-flex}.card{background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:24px}.tool{position:relative;overflow:clip}.drop{text-align:center;cursor:pointer;justify-items:center;gap:10px;padding:24px 18px 20px;display:grid}.drop-icon{background:var(--yellow);border:2.5px solid var(--ink);border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.drop-title{font-family:var(--display);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.drop-cta{pointer-events:none}.drop-hint{color:var(--muted);font-size:13px;font-weight:600}.drop.over{background:#fff8cf}.drop-compact{text-align:left;grid-template-columns:auto 1fr;place-items:center start;gap:2px 14px;padding:14px 16px}.drop-compact .drop-icon{grid-row:span 2;width:50px;height:50px}.drop-compact .drop-title{font-size:22px}.drop-compact .drop-cta{display:none}.tool:focus-within .drop{outline:none}.work{flex-direction:column;gap:12px;padding:14px;display:flex}.file-row{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:14px;display:flex}.file-name{font-weight:700}.status{min-height:0;margin:0;font-weight:700}.status:empty{display:none}.status[data-state=error]{color:var(--err)}.tool[data-state=busy] .status{border:2px solid var(--ink);background:var(--soft);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.tool[data-state=busy] .status:after{content:"";background:linear-gradient(90deg, var(--brand) 0 30%, #d5dcff 30% 100%);background-size:200% 100%;border-radius:999px;height:8px;animation:1.1s linear infinite slide}@keyframes slide{0%{background-position:100% 0}to{background-position:-100% 0}}.result{border-block:2.5px solid var(--ink);margin:0 -14px}.work>.result:last-child{border-bottom:0;margin-bottom:-14px}.result-head{background:var(--brand);color:#fff;min-height:92px;padding:14px 104px 14px 16px;position:relative}.result-title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:25px;font-weight:800;line-height:1.05}.result-sizes{margin:4px 0 0;font-size:15px;font-weight:600}.result-sizes s{opacity:.85}.result-pct{letter-spacing:-.04em;border-radius:50%;place-items:center;width:76px;height:76px;padding:0;font-size:24px;display:grid;position:absolute;top:12px;right:14px;transform:rotate(8deg)}.frame{background:var(--ink) repeating-conic-gradient(#ffffff14 0 25%, transparent 0 50%) 0 0 / 16px 16px;place-items:center;min-height:80px;display:grid;position:relative}.frame img{width:auto;max-height:56vh;display:block}.toggle{z-index:1;background:var(--paper);border:2px solid var(--ink);border-radius:999px;gap:3px;padding:3px;display:flex;position:absolute;top:10px;left:10px}.toggle button{background:var(--paper);min-height:32px;color:var(--ink);font:600 13px var(--body);cursor:pointer;border:0;border-radius:999px;padding:0 12px}.toggle button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:700}.play{border:2px solid var(--ink);background:var(--paper);min-height:36px;color:var(--ink);font:700 14px var(--body);cursor:pointer;border-radius:999px;padding:0 14px;position:absolute;bottom:10px;left:10px}.result-body{flex-direction:column;gap:10px;padding:14px;display:flex}.result-actions{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:8px;display:grid}.summary{margin:0;font-size:13px}.next{flex-direction:column;gap:8px;padding-top:4px;display:flex}.next-title{font-family:var(--display);margin:0;font-size:17px;font-weight:800}.next-links{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:8px;display:grid}.next-links .btn{justify-content:space-between;font-weight:700}.next-links .btn span:first-child{align-items:center;gap:8px;display:inline-flex}details.settings{border:2px solid var(--ink);border-radius:16px;padding:0 14px}details.settings>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:48px;font-weight:700;list-style:none;display:flex}details.settings>summary::-webkit-details-marker{display:none}details.settings>summary .change{color:var(--link);font-size:14px;font-weight:600}details.settings[open]>summary .change{visibility:hidden}details.settings .settings-body{flex-direction:column;gap:6px;padding-bottom:14px;display:flex}details.advanced{border-top:2px dashed var(--ink);margin-top:6px;padding-top:4px}details.advanced>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.action-bar{z-index:2;background:var(--paper);border-top:2px solid var(--ink);text-align:center;flex-direction:column;gap:6px;margin:4px -14px -14px;padding:12px 14px 14px;display:flex;position:sticky;bottom:0}.action-bar .btn-primary{box-shadow:0 4px 0 var(--ink)}.action-bar p{color:var(--muted);margin:0;font-size:12px;font-weight:600}.preview{border:2.5px solid var(--ink);background:var(--ink);border-radius:20px;overflow:hidden}.stage{line-height:0;position:relative}.stage img{width:100%;height:auto;display:block}.stage canvas.overlay{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.caption-preview{background:#fff;line-height:0;display:grid}.caption-preview canvas,.caption-preview img{width:100%;height:auto;display:block}.quick{flex-direction:column;gap:8px;display:flex}.quick-title{margin:0}.limit-cards{flex-direction:column;gap:10px;display:flex}.limit-card{border:2px solid var(--ink);background:var(--paper);min-height:64px;color:var(--ink);text-align:left;cursor:pointer;font:inherit;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;display:flex}.limit-card[aria-pressed=true]{background:var(--yellow);box-shadow:0 5px 0 var(--ink);border-width:2.5px}.limit-card .what{color:var(--muted);flex-direction:column;font-size:13px;display:flex}.limit-card .what strong{color:var(--ink);font-size:16px}.limit-card[aria-pressed=true] .what{color:var(--ink)}.limit-card .size{font-family:var(--display);letter-spacing:-.04em;white-space:nowrap;font-size:30px;font-weight:800}.promises{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.promises li{align-items:center;gap:6px;display:inline-flex}.prose{max-width:46rem}.prose li{margin:.3rem 0}.prose ol{counter-reset:step;padding:0;list-style:none}.prose ol>li{counter-increment:step;min-height:36px;margin:.8rem 0;padding-left:48px;position:relative}.prose ol>li:before{content:counter(step);border:2px solid var(--ink);background:var(--yellow);width:34px;height:34px;font-family:var(--display);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-4px;left:0}.prose ol>li:nth-child(3n+2):before{background:var(--pink)}.prose ol>li:nth-child(3n):before{background:var(--mint)}.prose table{border-collapse:collapse;border:2px solid var(--ink);border-radius:16px;width:100%;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1.5px solid #d9dce3;padding:.6rem .75rem}.prose th{background:var(--soft)}.faq{max-width:46rem}.faq details{border:2px solid var(--ink);border-radius:16px;margin:10px 0;padding:0 16px}.faq summary{cursor:pointer;align-items:center;min-height:52px;font-weight:700;display:flex}.faq details p{margin:0 0 14px}.more-tools ul{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:16px;padding:0;list-style:none;display:grid}.more-tools a{height:100%;color:var(--ink);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.more-tools .art{border-bottom:2.5px solid var(--ink);height:120px;font-family:var(--display);place-items:center;font-weight:800;display:grid}.more-tools .art-compress{background:var(--brand);color:#fff;letter-spacing:-.04em;font-size:44px}.more-tools .art-text{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:0;font-size:32px}.more-tools .art-caption{background:var(--mint);align-content:start;place-items:stretch stretch}.more-tools .art-caption span{border-bottom:2.5px solid var(--ink);text-align:center;background:#fff;padding:8px;font-size:20px}.more-tools .art-discord{background:var(--brand);color:#fff;grid-auto-flow:column;gap:6px;font-size:40px}.more-tools .art-discord .sticker{font-size:20px}.more-tools strong{font-family:var(--display);letter-spacing:-.02em;padding:14px 16px 2px;font-size:22px}.more-tools a>span:last-child{color:var(--muted);padding:0 16px 16px;font-size:15px}.site-footer{border-top:2px solid var(--ink);color:var(--muted);margin-top:4rem;padding:1.5rem 0;font-size:.9rem}.footer-links{flex-wrap:wrap;gap:.4rem 1.25rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}