:root{--bg: #FAF4EA;--surface: #FFFDF9;--surface-2: #F3EADC;--fg: #221C17;--muted: #6E6358;--line: #E7DCCB;--brand: #C4421E;--brand-ink: #A3361A;--brand-soft: #F8E1D6;--btn-bg: #C4421E;--btn-fg: #FFFFFF;--btn-hover: #A3361A;--ok: #2F7A3F;--ok-bg: #E2F1E3;--warn: #9A4A06;--warn-bg: #FBEBD5;--bad: #B42318;--bad-bg: #FBE5E1;--info: #3B5B86;--info-bg: #E6ECF3;--focus: #2563EB;--drop: #FFFBF5;--shadow: 0 1px 2px rgba(60,35,15,.05), 0 10px 30px rgba(60,35,15,.07);--display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--r: 12px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #17120E;--surface: #201A15;--surface-2: #2B231C;--fg: #F4ECE1;--muted: #B5A898;--line: #3A3028;--brand: #FF8A5C;--brand-ink: #FFA27D;--brand-soft: #3A2318;--btn-bg: #FF8A5C;--btn-fg: #1E140E;--btn-hover: #FFA27D;--ok: #6BCB7B;--ok-bg: #16301C;--warn: #F5B962;--warn-bg: #38260F;--bad: #F68B7F;--bad-bg: #3B1814;--info: #9DB8DD;--info-bg: #1C2736;--focus: #7AA7FF;--drop: #1C1612;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.28);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%}[hidden]{display:none!important}a{color:var(--brand-ink);text-underline-offset:3px}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.12;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.skip{position:absolute;left:12px;top:-60px;background:var(--btn-bg);color:var(--btn-fg);padding:10px 14px;border-radius:8px;z-index:100}.skip:focus{top:12px}.top{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.top-in{display:flex;align-items:center;gap:20px;padding-block:12px}.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-.035em;color:var(--fg);text-decoration:none;line-height:1}.brand svg{color:var(--brand);flex:none}.brand.small{font-size:20px}.nav{display:flex;gap:4px;flex:1;align-items:center}.nav-group{position:relative}.nav-group>button{font:inherit;font-size:15px;font-weight:600;color:var(--muted);background:none;border:0;padding:8px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .18s,color .18s}.nav-group>button:hover,.nav-group.open>button{color:var(--fg);background:var(--surface-2)}.nav-group.active>button{color:var(--brand-ink);background:var(--brand-soft)}.nav-group.open>button .chev{transform:rotate(180deg)}.nav-panel{display:none;position:absolute;top:calc(100% + 10px);left:-6px;width:330px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;z-index:30}.nav-panel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.nav-group.open .nav-panel{display:grid;gap:2px;animation:navIn .16s ease-out}@keyframes navIn{0%{opacity:0;transform:translateY(-4px)}}.nav-h{margin:4px 12px 6px;font-size:13px;font-weight:700;color:var(--muted)}.nav-panel a{display:grid;gap:1px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--fg)}.nav-panel a b{font-size:15px;font-weight:700}.nav-panel a span{font-size:14px;color:var(--muted);line-height:1.4}.nav-panel a:hover{background:var(--surface-2)}.nav-panel a[aria-current=page]{background:var(--brand-soft)}.nav-panel a[aria-current=page] b{color:var(--brand-ink)}.top-right{display:flex;align-items:center;gap:14px;margin-left:auto}.lang{font-size:14px;font-weight:700;color:var(--fg);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:5px 12px;transition:border-color .18s,background .18s}.lang:hover{border-color:var(--muted);background:var(--surface-2)}.local{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--ok);font-weight:600;white-space:nowrap}.hero-tool{padding-block:48px 28px}.hero-tool h1{font-size:clamp(34px,5vw,54px);font-weight:800;max-width:22ch}.hero-home{padding-block:56px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}.hero-home h1{font-size:clamp(38px,6.4vw,72px);font-weight:800;letter-spacing:-.035em;max-width:13ch}.hero-home h1 em{font-style:normal;color:var(--brand)}.lead{color:var(--muted);font-size:19px;max-width:56ch;margin:18px 0 0}.lead b{color:var(--fg);font-weight:600}.facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:15px;color:var(--muted);align-items:center}.facts span{display:flex;align-items:center;gap:6px}.facts svg{color:var(--ok)}.sticker{justify-self:end;transform:rotate(-4deg);background:var(--surface);border:1.5px dashed var(--brand);color:var(--brand-ink);border-radius:14px;padding:12px 16px;font-weight:700;font-size:15px;line-height:1.35;max-width:210px;text-align:center}.tool{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.drop{margin:20px;border:2px dashed color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:14px;background:var(--drop);padding:32px 20px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;transition:border-color .2s,background .2s;cursor:pointer}.drop:hover{border-color:var(--brand)}.drop.over{border-color:var(--brand);background:var(--brand-soft)}.drop .ic{width:54px;height:54px;border-radius:14px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);flex:none}.drop strong{display:block;font-family:var(--display);font-size:21px;letter-spacing:-.015em}.drop .hint{color:var(--muted);font-size:14px}.notice{margin:0 20px 16px;padding:10px 14px;border-radius:10px;font-size:14px;background:var(--info-bg);color:var(--info);display:flex;gap:10px;align-items:flex-start}.notice button{margin-left:auto;font:inherit;font-size:13px;background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0}.btn{font:inherit;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .12s;white-space:nowrap;touch-action:manipulation;text-decoration:none}.btn:hover{border-color:var(--muted)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}.btn.primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.sm{min-height:36px;padding:0 14px;font-size:14px;font-weight:600}.btn.icon{width:36px;min-height:36px;padding:0}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--fg);background:var(--surface-2)}.opts{display:flex;flex-wrap:wrap;gap:16px 32px;padding:18px 20px;border-top:1px solid var(--line);font-size:15px;color:var(--muted);align-items:flex-end}.opts .field{display:grid;gap:6px;min-width:0}.opts .field>span,.opts .field>legend{font-size:14px;font-weight:700;color:var(--fg);padding:0}.opts fieldset{border:0;margin:0;padding:0;display:grid;gap:6px;min-width:0}.opts label.check{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--fg)}.opts input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}.opts input[type=number],.opts select,.opts input[type=text]{font:inherit;font-size:15px;color:var(--fg);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;min-height:42px;padding:0 12px;width:110px}.opts select{width:auto;min-width:150px}.opts input[type=text]{width:100%}.opts input[type=color]{width:46px;height:42px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);padding:3px}.opts input:focus-visible,.opts select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.range{display:flex;align-items:center;gap:12px}.range input{width:200px;max-width:100%;accent-color:var(--brand)}.range output{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;color:var(--fg);min-width:2.5ch}.seg{display:inline-flex;flex-wrap:wrap;border:1.5px solid var(--line);border-radius:999px;padding:3px;gap:3px;background:var(--surface-2)}.seg label{cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:inline-block;padding:7px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);transition:background .18s,color .18s}.seg input:checked+span{background:var(--surface);color:var(--fg);font-weight:700;box-shadow:0 1px 3px #3c230f26}.seg input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.dims{display:flex;align-items:center;gap:8px;color:var(--muted)}.opts .note{flex-basis:100%;font-size:14px;color:var(--muted);margin:0}ul.files{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}.thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--surface-2);border:1px solid var(--line)}.name{font-weight:600;font-size:15px;overflow-wrap:anywhere;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub{font-size:13px;color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:2px;overflow-wrap:anywhere}.sub .note{font-family:var(--sans)}.tagx{font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}.pill.ai{background:var(--warn-bg);color:var(--warn)}.pill.meta{background:var(--info-bg);color:var(--info)}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.wait{background:var(--surface-2);color:var(--muted)}.acts{display:flex;gap:6px;align-items:center}.chev{transition:transform .2s}.open .chev{transform:rotate(180deg)}.details{grid-column:1 / -1;background:var(--surface-2);border-radius:10px;padding:14px 16px;display:grid;gap:14px;min-width:0}.grp h4{margin:0 0 6px;font-size:14px;font-weight:700}.grp.ai h4,.grp.c2pa h4{color:var(--warn)}.grp.privacy h4{color:var(--bad)}.grp.other h4{color:var(--info)}.grp.kept h4{color:var(--ok)}.grp dl{margin:0;display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:4px 16px;font-size:14px}.grp dt{color:var(--muted)}.grp dd{margin:0;font-family:var(--mono);font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap;max-height:7.5em;overflow:auto}.verify{font-size:14px;color:var(--ok);display:flex;align-items:center;gap:8px}.err{color:var(--bad);font-size:14px}.empty{padding:26px 20px;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:15px}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-2)}.stats{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.stats b{color:var(--fg);font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:8px}section.info{padding-block:64px 8px}section.info h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;margin-bottom:10px}.intro{color:var(--muted);max-width:62ch;margin:0 0 26px;font-size:18px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.prose>*{max-width:66ch}.prose p{margin:0 0 16px}.prose h2{margin:44px 0 12px;font-size:clamp(24px,2.8vw,30px)}.prose>h2:first-child{margin-top:8px}.prose h3{font-size:21px;margin:28px 0 8px}.prose ul{padding-left:20px;margin:0 0 16px;display:grid;gap:6px}.prose .updated{color:var(--muted);font-size:15px}.howto{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}.howto li{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:6px 24px;padding:14px 0;border-bottom:1px solid var(--line)}.howto b{font-weight:700}.howto span{color:var(--muted)}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.col{padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);min-width:0}.col h3{font-size:19px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.col.rm h3 svg{color:var(--bad)}.col.keep h3 svg{color:var(--ok)}.col ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:16px}.col li span{color:var(--muted)}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}table.tbl{border-collapse:collapse;width:100%;font-size:16px;min-width:520px}.tbl th,.tbl td{text-align:left;padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}.tbl thead th{border-top:0;font-size:14px;font-weight:700;color:var(--muted);background:var(--surface-2)}.tbl td:first-child{font-weight:700}.limit{margin-top:16px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:flex;gap:12px;font-size:16px}.limit svg{color:var(--warn);flex:none;margin-top:3px}.faq{display:grid;gap:0;max-width:820px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;font-size:18px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--brand-ink)}.faq details[open] summary .chev{transform:rotate(180deg)}.faq details p{margin:0 0 18px;color:var(--muted);max-width:68ch}.tool-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line)}.tool-list li{border-bottom:1px solid var(--line)}.tool-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:18px 4px;color:var(--fg);text-decoration:none;align-items:center}.tool-list b{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.015em}.tool-list span{color:var(--muted);grid-column:1;font-size:16px}.tool-list i{grid-row:1 / span 2;grid-column:2;font-style:normal;font-size:22px;color:var(--brand);transition:transform .2s}.tool-list a:hover b{color:var(--brand-ink)}.tool-list a:hover i{transform:translate(4px)}.compare{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);aspect-ratio:3 / 2;user-select:none;--pos: 50% }.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.compare .after{clip-path:inset(0 0 0 var(--pos))}.compare .handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px #00000026;pointer-events:none}.compare .handle:after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:#221c17;display:grid;place-items:center;font-size:20px;box-shadow:0 2px 10px #00000040}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare input:focus-visible~.handle:after{outline:3px solid var(--focus)}.compare .tag{position:absolute;top:12px;padding:4px 10px;border-radius:999px;background:#140e0ab8;color:#fff;font-size:14px;font-weight:700;pointer-events:none}.compare .tag.l{left:12px}.compare .tag.r{right:12px}.credit{font-size:13px;color:var(--muted);margin-top:8px}.bignum{font-family:var(--display);font-size:clamp(44px,6vw,68px);font-weight:800;letter-spacing:-.04em;color:var(--brand);line-height:1}.compare-text p{color:var(--muted)}.compare-text dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:20px 0 0;font-size:16px}.compare-text dt{color:var(--muted)}.compare-text dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.foot{margin-top:80px;border-top:1px solid var(--line);background:var(--surface-2)}.foot-in{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:32px;padding-block:40px 28px;font-size:15px;color:var(--muted)}.foot-in p{max-width:40ch;margin:10px 0 0}.foot h2{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--fg);margin-bottom:10px;letter-spacing:0}.foot nav{display:grid;gap:7px;align-content:start}.foot nav a{color:var(--muted);text-decoration:none}.foot nav a:hover{color:var(--fg);text-decoration:underline}.foot-base{border-top:1px solid var(--line);padding-block:16px 24px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:12px 18px;border-radius:999px;font-size:15px;font-weight:600;box-shadow:0 8px 24px #0003;max-width:calc(100% - 32px);z-index:50}.spin{animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.wm-opts{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.wm-preview{margin:0;display:grid;gap:8px;position:sticky;top:80px}.wm-preview canvas{width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface) 0 50%) 0 0 / 16px 16px}.wm-preview figcaption{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.wm-controls{display:grid;gap:18px;min-width:0}.wm-row{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end}.wm-row .grow{flex:1 1 200px}.wm-file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--fg);overflow-wrap:anywhere}.wm-file:focus-within .btn{outline:2px solid var(--focus);outline-offset:2px}.wm-checks{display:grid;gap:10px;padding-bottom:4px}.pos-grid{display:grid;grid-template-columns:repeat(3,32px);gap:4px;padding:4px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface-2);width:max-content}.pos-grid label{cursor:pointer;display:block}.pos-grid input{position:absolute;opacity:0;pointer-events:none}.pos-grid span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;transition:background .18s}.pos-grid span:after{content:"";width:8px;height:8px;border-radius:2px;background:var(--line)}.pos-grid label:hover span{background:var(--surface)}.pos-grid input:checked+span{background:var(--surface);box-shadow:0 1px 3px #3c230f26}.pos-grid input:checked+span:after{background:var(--brand);width:11px;height:11px}.pos-grid input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}#posField.off .pos-grid{opacity:.4}#posField.off label{cursor:not-allowed}.soc-opts{align-items:start}.soc-sizes{flex-basis:100%}.soc-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:14px}.soc-head span{margin-right:6px}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.size-opt{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;color:var(--fg);transition:border-color .18s,background .18s}.size-opt:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.size-opt input{position:absolute;opacity:0;pointer-events:none}.size-opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.size-opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.size-shape{flex:none;width:34px;height:34px;display:grid;place-items:center}.size-shape i{display:block;border:2px solid var(--muted);border-radius:3px}.size-opt:has(input:checked) .size-shape i{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 18%,transparent)}.size-txt{display:grid;font-size:14px;line-height:1.3}.size-txt b{font-weight:700}.size-txt small{font-family:var(--mono);font-size:12px;color:var(--muted)}.pack{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pack-item{display:grid;gap:6px;align-content:start;text-decoration:none;color:var(--fg);min-width:0}.pack-img{display:grid;place-items:center;height:120px;border-radius:8px;background:var(--surface);border:1px solid var(--line);padding:6px}.pack-img img{max-height:106px;max-width:100%;width:auto;height:auto;border-radius:3px;box-shadow:0 1px 3px #0000002e}.pack-item:hover .pack-img{border-color:var(--brand)}.pack-cap{display:grid;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.pack-cap small{font-family:var(--mono);font-size:12px;color:var(--muted)}.rot-flips{display:flex;flex-wrap:wrap;gap:8px 20px;min-height:42px;align-items:center}.rot-detail{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}.rot-detail img,.rot-wait{max-width:min(320px,100%);max-height:240px;border-radius:8px;border:1px solid var(--line);background:var(--surface)}.rot-wait{width:200px;height:140px}.rot-own{display:grid;gap:8px;font-size:14px}.rot-own>span{font-weight:700}.rot-own small{color:var(--muted)}.rot-btns{display:flex;gap:8px;flex-wrap:wrap}.pdf-grid{list-style:none;margin:0;padding:18px 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}.pdf-grid .empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:18px 0;font-size:15px}.pdf-card{display:grid;gap:6px;align-content:start;cursor:grab;position:relative;min-width:0}.pdf-card.dragging{opacity:.4}.pdf-card.drop-before:before,.pdf-card.drop-after:after{content:"";position:absolute;top:0;bottom:40px;width:3px;border-radius:2px;background:var(--brand)}.pdf-card.drop-before:before{left:-9px}.pdf-card.drop-after:after{right:-9px}.pdf-card .pg{position:relative;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 4px #3c230f1f;overflow:hidden;aspect-ratio:210 / 297;display:grid;place-items:center;color:var(--muted)}.pdf-card .pg img{position:absolute;object-fit:fill;pointer-events:none}.pdf-no{position:absolute;left:6px;bottom:6px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#140e0abf;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.pdf-name{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-acts{display:flex;justify-content:space-between}.pdf-acts .btn.icon{width:36px;height:36px;font-size:16px}#orientField.off{opacity:.45;pointer-events:none}.pdfx-pass{margin:0 20px 16px;padding:14px 16px;border-radius:12px;background:var(--warn-bg);color:var(--warn);display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pdfx-pass p{margin:0;flex-basis:100%;font-weight:600;font-size:15px}.pdfx-pass input{font:inherit;font-size:15px;min-height:40px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);flex:1 1 200px;max-width:320px}.pdfx-file{flex-basis:100%;margin:0;font-weight:600;color:var(--fg);overflow-wrap:anywhere}.pdfx-file:empty{display:none}.pdfx-card label{display:grid;gap:6px;cursor:pointer}.pdfx-card .pg{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 4px #3c230f1f;overflow:hidden}.pdfx-card .pg img{width:100%;height:100%;object-fit:contain;display:block}.pdfx-card.off .pg{opacity:.35}.pdfx-sel{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-family:var(--mono)}.pdfx-sel input{width:18px;height:18px;accent-color:var(--brand)}.pdfx-card:has(input:focus-visible) .pg{outline:2px solid var(--focus);outline-offset:2px}.blur-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:18px 20px;border-top:1px solid var(--line);align-items:start}.blur-stage{display:grid;gap:10px;justify-items:center;min-width:0}.blur-stage canvas{display:block;max-width:100%;border-radius:8px;touch-action:none;cursor:crosshair;box-shadow:0 1px 6px #3c230f26}.blur-empty{margin:0;padding:48px 20px;text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:12px;width:100%}.blur-status{margin:0;font-size:14px;color:var(--muted);text-align:center;display:inline-flex;align-items:center;gap:6px}.blur-status:empty{display:none}.blur-side{padding:0;border:0;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:18px}.blur-btns{display:grid;gap:8px}.blur-btns .btn{justify-content:center}.blur-strip{width:100%;overflow-x:auto}.blur-strip ul{list-style:none;margin:0;padding:4px 2px;display:flex;gap:10px;justify-content:center}.blur-strip li{position:relative;flex:none}.blur-strip li>button{display:block;padding:0;border:2px solid transparent;border-radius:10px;background:var(--surface-2);cursor:pointer;overflow:hidden;width:72px;height:72px;position:relative}.blur-strip li.on>button{border-color:var(--brand)}.blur-strip img{width:100%;height:100%;object-fit:cover;display:block}.blur-strip .ph{display:grid;place-items:center;height:100%;color:var(--muted)}.blur-strip .cnt{position:absolute;right:4px;bottom:4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#140e0abf;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.blur-strip .rm{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--muted)}.k-layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.k-layouts label{cursor:pointer;display:block}.k-layouts input{position:absolute;opacity:0;pointer-events:none}.k-layouts svg{display:block;width:100%;height:56px;padding:4px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);fill:var(--line);transition:border-color .18s}.k-layouts input:checked+svg{border-color:var(--brand);fill:color-mix(in srgb,var(--brand) 55%,transparent)}.k-layouts input:focus-visible+svg{outline:2px solid var(--focus);outline-offset:1px}.k-strip{list-style:none;margin:0;padding:4px 2px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.k-strip li{position:relative;width:78px;display:grid;gap:4px;cursor:pointer}.k-strip li img{width:78px;height:78px;object-fit:cover;border-radius:10px;border:2px solid transparent;display:block}.k-strip li.on img{border-color:var(--brand)}.k-strip .pdf-no{left:4px;bottom:auto;top:54px}.k-acts{display:flex;justify-content:space-between}.k-acts .btn.icon{width:24px;height:24px;min-height:0;padding:0;font-size:13px}.fav-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.fav-preview{display:grid;gap:18px;position:sticky;top:80px}.fav-tabs{display:grid;gap:8px}.fav-tab{display:flex;align-items:center;gap:10px;width:min(280px,100%);padding:9px 14px;border-radius:12px 12px 0 0;font-size:14px;font-weight:500}.fav-tab.light{background:#fff;color:#202124;border:1px solid #DADCE0;border-bottom:0}.fav-tab.dark{background:#35363a;color:#e8eaed}.fav-tab canvas{width:16px;height:16px;flex:none}.fav-tab span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-tab i{font-style:normal;opacity:.6}.fav-icons{display:flex;flex-wrap:wrap;gap:18px;align-items:end}.fav-icons figure{margin:0;display:grid;gap:6px;justify-items:center;font-size:13px;color:var(--muted)}.fav-icons canvas{display:block;background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface) 0 50%) 0 0 / 14px 14px}.fav-icons .ios{width:72px;height:72px;border-radius:16px}.fav-icons .and{width:72px;height:72px;border-radius:50%}.fav-icons .big{width:128px;height:128px;border-radius:6px;border:1px solid var(--line)}.fav-controls{display:grid;gap:18px;min-width:0}.fav-controls .seg{justify-self:start}.fav-file{margin:-6px 0 0;font-size:14px;color:var(--fg);overflow-wrap:anywhere}.opts input.fav-letter{width:90px;font-family:var(--display);font-weight:800;font-size:18px;text-align:center}#favBgField.off{opacity:.45}.fav-code{padding:18px 20px;border-top:1px solid var(--line)}.fav-code-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.fav-code h2{font-size:19px;font-weight:800}.fav-code p{margin:4px 0 0;font-size:14px;color:var(--muted)}.fav-code pre{margin:12px 0 0;padding:14px 16px;background:var(--surface-2);border-radius:10px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.7}.hero-more{margin:14px 0 0;font-weight:700;font-size:16px}.hero-more a{text-decoration:none}.hero-more a:hover{text-decoration:underline}.tgroup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:16px 48px;padding-block:28px;border-top:1px solid var(--line)}.tgroup-head h3{font-size:24px;font-weight:800}.tgroup-head p{margin:8px 0 0;color:var(--muted);font-size:16px;max-width:28ch}.tlist{list-style:none;margin:0;padding:0;display:grid}.tlist li+li{border-top:1px dashed var(--line)}.tlist a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 20px;align-items:center;padding:16px 4px;color:var(--fg);text-decoration:none}.tlist li:first-child a{padding-top:0}.tl-main{display:grid;gap:4px}.tl-main b{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.015em}.tl-main span{color:var(--muted);font-size:16px;max-width:58ch}.tl-proof{font-family:var(--mono);font-size:13px;color:var(--brand-ink);background:var(--brand-soft);padding:4px 10px;border-radius:8px;white-space:nowrap}.tlist i{font-style:normal;font-size:22px;color:var(--brand);transition:transform .2s}.tlist a:hover b{color:var(--brand-ink)}.tlist a:hover i{transform:translate(4px)}@media(max-width:900px){.top-in{flex-wrap:wrap;gap:8px 16px}.nav{order:3;flex-basis:100%;margin-inline:-6px}.nav-group{position:static}.nav-panel{left:12px;right:12px;top:calc(100% - 4px);width:auto}.hero-home{grid-template-columns:1fr;padding-block:36px 24px}.sticker{justify-self:start;transform:rotate(-2deg)}.hero-tool{padding-block:32px 22px}.cols,.split,.tool-list{grid-template-columns:1fr}.foot-in{grid-template-columns:1fr 1fr}.tgroup{grid-template-columns:1fr}.tgroup-head p{max-width:none}.foot-in>:first-child{grid-column:1 / -1}.wm-opts,.fav-body,.blur-body{grid-template-columns:1fr}.fav-preview,.wm-preview{position:static}}@media(max-width:640px){body{font-size:16px}.lead{font-size:17px}.row{grid-template-columns:48px minmax(0,1fr);gap:10px 12px}.thumb{width:48px;height:48px}.row .status{grid-column:2}.row .acts{grid-column:1 / -1;justify-content:flex-end}.grp dl,.howto li{grid-template-columns:1fr}.grp dt{margin-top:6px}.bar{flex-direction:column;align-items:stretch}.actions .btn{flex:1}.drop{flex-direction:column;text-align:center}.local span{display:none}.range input{width:160px}.compare{aspect-ratio:4 / 3}.pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.tlist a{grid-template-columns:minmax(0,1fr) auto}.tl-proof{grid-row:2;justify-self:start;white-space:normal}.tlist i{grid-row:1 / span 2;grid-column:2}.nav-group>button{padding:8px 10px}.size-grid{grid-template-columns:1fr 1fr;gap:6px}.size-opt{padding:8px;gap:8px}.size-shape{width:26px}.pack{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
