:root{--bg:#f4f1e9;--card:#ffffff;--ink:#17140d;--line:#17140d;--text:#17140d;--muted:#5f5a4d;--accent:#ff5b34;--accent2:#2f6bff;--ok:#0fae77;--danger:#e23b2e;--radius:14px;--shadow:4px 4px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--dot:#e7e1d1;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.1px,transparent 1.1px);background-size:24px 24px}.nav{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:2px solid var(--ink)}.nav .in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 20px;flex-wrap:wrap}.brand{font-weight:850;font-size:21px;letter-spacing:-.6px;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center}.brand b{background:var(--accent);color:#fff;padding:0 .26em;margin-left:2px;border-radius:7px;border:2px solid var(--ink)}.nav .links{display:flex;gap:6px 16px;flex-wrap:wrap;margin-left:auto}.nav a.lnk{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);text-decoration:none;font-weight:600}.nav a.lnk:hover{color:var(--accent)}main{max-width:1080px;margin:0 auto;padding:30px 20px 64px}.hero{text-align:center;padding:18px 0 8px}.hero:before{content:"⚡ Free · No upload · In-browser";display:inline-block;font-family:var(--mono);font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);font-weight:700;border:2px solid var(--ink);background:var(--card);padding:5px 12px;border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:16px}.hero h1{font-size:clamp(27px,4.8vw,38px);margin:0 0 8px;letter-spacing:-1px;font-weight:850;line-height:1.05}.hero p{color:var(--muted);margin:0;font-size:15px;max-width:52ch;margin-inline:auto}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.drop{margin-top:22px;padding:48px 20px;text-align:center;cursor:pointer;border:2px dashed var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);transition:.12s}.drop:hover,.drop.over{border-style:solid;border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.drop h2{margin:0 0 6px;font-size:18px;font-weight:850}.drop p{margin:0;color:var(--muted);font-size:13px}.panel{margin-top:18px;padding:16px 18px}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.fld{display:flex;flex-direction:column;gap:6px}.fld label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}.fld input[type=number],.fld input[type=text],.fld select{padding:9px 11px;border:2px solid var(--ink);border-radius:10px;font-size:14px;background:#fff;color:var(--text)}.fld input[type=range]{width:170px;accent-color:var(--accent)}.fld.chk{flex-direction:row;align-items:center;gap:8px}.fld input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:3px 3px 0 var(--accent)}input[type=color]{width:44px;height:38px;border:2px solid var(--ink);border-radius:10px;background:#fff;padding:2px}.btn{background:var(--accent);color:#fff;border:2px solid var(--ink);border-radius:11px;padding:11px 18px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s,box-shadow .08s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.alt{background:#fff;color:var(--ink)}.btn.ok{background:var(--ok);color:#fff}.bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.stat{margin-top:14px;color:var(--muted);font-size:14px;text-align:center}.stat b{color:var(--ok)}.list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.item{display:flex;align-items:center;gap:14px;padding:10px 12px}.thumb{width:52px;height:52px;border-radius:9px;object-fit:cover;background:#eef1f7;flex:none;border:2px solid var(--ink)}.meta{flex:1;min-width:0}.name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sizes{font-size:12.5px;color:var(--muted);margin-top:2px}.saved{color:var(--ok);font-weight:800}.grow{color:var(--danger);font-weight:800}.dl a{font-size:13px;font-weight:800;text-decoration:none;color:var(--ink);border:2px solid var(--ink);padding:7px 12px;border-radius:9px;box-shadow:var(--shadow-sm);display:inline-block;transition:transform .08s,box-shadow .08s}.dl a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}canvas{max-width:100%;border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);display:block;margin:0 auto;cursor:default}.editor{margin-top:18px;padding:16px;text-align:center}.ad{margin:30px 0;min-height:90px;border:2px dashed var(--ink);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--mono);font-size:12px;background:var(--card)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:18px}.tool{display:block;text-decoration:none;color:inherit;padding:18px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--card);box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s}.tool:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.tool .ic{font-size:22px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);margin-bottom:12px;transition:background .1s}.tool:hover .ic{background:var(--accent)}.tool h3{margin:0 0 4px;font-size:15.5px;font-weight:800}.tool p{margin:0;color:var(--muted);font-size:13px}.sec-title{font-size:clamp(20px,3vw,24px);margin:42px 0 0;font-weight:850;letter-spacing:-.5px}.palette{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.swatch{cursor:pointer;text-align:center;font-family:var(--mono);font-size:12px}.swatch .sw{width:64px;height:64px;border-radius:12px;border:2px solid var(--ink);box-shadow:var(--shadow-sm);margin-bottom:6px}textarea{width:100%;min-height:120px;border:2px solid var(--ink);border-radius:12px;padding:12px;font-family:var(--mono);font-size:12.5px;background:#fff;color:var(--text)}.tools-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}footer{border-top:2px solid var(--ink);background:var(--ink);margin-top:48px}footer .in{max-width:1080px;margin:0 auto;padding:28px 20px;color:#c7c0ad;font-size:13px}footer a{color:#c7c0ad;text-decoration:none;margin-right:14px;line-height:2}footer a:hover{color:var(--accent)}.item.pdf:hover{background:#fbf9f3}.item.pdf .thumb{cursor:zoom-in}.item.drag{opacity:.4}.item.over{border:2px dashed var(--accent);background:#fbf9f3}.idx{flex:none;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;border:2px solid var(--ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.handle{flex:none;color:var(--muted);font-size:18px;cursor:grab;user-select:none}.rm{flex:none;border:2px solid var(--ink);background:#fff;color:var(--danger);width:30px;height:30px;border-radius:8px;font-size:18px;cursor:pointer;line-height:1}.rm:hover{background:#fff0ee}.lb{position:fixed;inset:0;background:#0f120ad9;display:none;align-items:center;justify-content:center;z-index:50;padding:24px}.lb.show{display:flex}.lb img{max-width:92vw;max-height:88vh;border:2px solid var(--ink);border-radius:12px;box-shadow:8px 8px #0006}.lb .x{position:absolute;top:16px;right:24px;color:#fff;font-size:32px;cursor:pointer;font-weight:800;line-height:1}.prose{max-width:760px;margin:18px auto 0;color:var(--text)}.prose p{color:var(--muted);font-size:15px;margin:10px 0}.prose h2{font-size:19px;font-weight:850;letter-spacing:-.3px;margin:30px 0 6px;color:var(--text)}.prose ul{color:var(--muted);font-size:15px;margin:10px 0;padding-left:20px}.prose li{margin:6px 0}.prose li::marker{color:var(--accent)}.prose a{color:var(--accent);font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent)}.prose a:hover{background:var(--accent);color:#fff}.prose b,.prose strong{color:var(--text)}.prose .updated{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.faq{max-width:760px;margin:18px auto 0;display:flex;flex-direction:column;gap:12px}.faq details{background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm)}.faq summary{font-weight:800;cursor:pointer;font-size:14.5px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary{color:var(--accent)}.faq p{color:var(--muted);font-size:14px;margin:10px 0 0}.cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.cta a.btn{text-decoration:none}.kicker{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);font-weight:700}.hl{background:var(--accent);color:#fff;padding:.02em .2em;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.tilt{display:inline-block;transform:rotate(-2.2deg)}.lp-hero{position:relative;text-align:center;padding:44px 16px 26px;margin-top:4px}.lp-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.4px;font-weight:700;color:var(--ink);background:var(--card);border:2px solid var(--ink);padding:7px 14px;border-radius:8px;box-shadow:var(--shadow-sm)}.lp-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #0fae7740}.lp-hero h1{font-size:clamp(36px,7.4vw,68px);line-height:.98;letter-spacing:-2px;font-weight:850;margin:22px auto 16px;max-width:15ch}.lp-hero .lead{color:var(--muted);font-size:clamp(15px,2.1vw,18px);line-height:1.6;max-width:56ch;margin:0 auto}.lp-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}.lp-cta a{text-decoration:none}.btn.lg{padding:14px 26px;font-size:15.5px;border-radius:12px}.lp-trust{display:flex;gap:8px 14px;flex-wrap:wrap;justify-content:center;margin-top:30px;font-family:var(--mono);font-size:12.5px;color:var(--muted)}.lp-trust span{display:inline-flex;align-items:center;gap:7px}.lp-trust b{color:var(--ink);font-weight:800}.lp-trust .sep{opacity:.45}.sec-sub{color:var(--muted);font-size:14.5px;margin:6px 0 0}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px}.feat{padding:22px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--card);box-shadow:var(--shadow)}.feat .ic{font-size:23px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);margin-bottom:14px}.feat h3{margin:0 0 6px;font-size:16px;font-weight:800}.feat p{margin:0;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.step{padding:22px 20px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--card);box-shadow:var(--shadow)}.step .num{font-family:var(--mono);font-weight:800;font-size:15px;color:#fff;background:var(--ink);width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.step h3{margin:0 0 6px;font-size:15.5px;font-weight:800}.step p{margin:0;color:var(--muted);font-size:14px}@media(max-width:640px){.nav .links{display:none}.lp-hero{padding:30px 10px 16px}.lp-hero h1{letter-spacing:-1px}.lp-cta .btn.lg{flex:1 1 100%}}