:root{--bg: #fff;--bg-soft: #f5f5f7;--card: #fff;--ink: #1d1d1f;--ink-2: #6e6e73;--line: #d2d2d7;--accent: #0071e3;--accent-ink: #0066cc;--accent-on: #fff;--bad: #b3261e;--warn: #8a5a00;--nav: rgba(255,255,255,.78);--radius: 18px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #000;--bg-soft: #101012;--card: #1c1c1e;--ink: #f5f5f7;--ink-2: #a1a1a6;--line: #3a3a3c;--accent: #0a84ff;--accent-ink: #4aa3ff;--bad: #ff8a80;--warn: #ffcc66;--nav: rgba(22,22,23,.78)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}h1,h2,h3{letter-spacing:-.02em;line-height:1.1;margin:0;font-weight:600}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.wrap{max-width:1024px;margin:0 auto;padding:0 22px}.narrow{max-width:720px;margin:0 auto;padding:0 22px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:8px;background:var(--card);padding:8px 12px;z-index:20}.nav{position:sticky;top:0;z-index:10;background:var(--nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.nav-in{max-width:1024px;margin:0 auto;padding:0 22px;height:48px;display:flex;align-items:center;gap:24px;font-size:13px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;font-size:16px;margin-right:auto}.brand:hover{text-decoration:none}.brand img{width:24px;height:24px;display:block}.nav-in a:not(.brand){color:var(--ink);opacity:.82;white-space:nowrap}.nav-in a:not(.brand):hover{opacity:1;text-decoration:none}.hero{text-align:center;padding:56px 0 28px}.hero h1{font-size:clamp(36px,7vw,60px);letter-spacing:-.03em}.hero p{font-size:clamp(19px,3vw,24px);color:var(--ink-2);max-width:640px;margin:14px auto 0;line-height:1.3}.crumbs{font-size:13px;color:var(--ink-2);padding-top:18px}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.crumbs li+li:before{content:"\203a";margin-right:6px}.promise{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:18px;color:var(--ink-2);font-size:14px;list-style:none;padding:0}.promise li:before{content:"\2713  ";color:#1a9e4b;font-weight:700}.tool{max-width:760px;margin:12px auto 0;background:var(--bg-soft);border-radius:28px;padding:24px;min-height:280px}.options{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px;align-items:flex-start}.field{display:flex;flex-direction:column;gap:5px;flex:1 1 200px;min-width:0}.field-label{font-size:13px;font-weight:600}.field-note{font-size:12px;color:var(--ink-2);line-height:1.35}input[type=number],input[type=text],select{font:inherit;font-size:16px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;width:100%;min-width:0;height:46px}.joined{display:flex;gap:6px}.joined select{width:86px;flex:none}.check{display:flex;align-items:center;gap:8px;height:46px;font-size:15px}.check input{width:20px;height:20px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:200px;padding:24px 16px;background:var(--card);border:2px dashed var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.over,.dropzone:focus-within{border-color:var(--accent)}.dropzone.picked{border-style:solid;border-color:#1a9e4b}.dz-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.dz-icon{width:44px;height:44px;border-radius:50%;background:var(--accent);position:relative}.dz-icon:before,.dz-icon:after{content:"";position:absolute;background:#fff;left:50%;top:50%;border-radius:2px;transform:translate(-50%,-50%)}.dz-icon:before{width:20px;height:3px}.dz-icon:after{width:3px;height:20px}.dz-title{font-size:19px;font-weight:600}.dz-hint{font-size:14px;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;font:inherit;font-size:16px;border-radius:980px;border:0;cursor:pointer}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-on)}.btn.ghost{background:transparent;color:var(--accent-ink)}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.total{width:100%;margin:0;font-weight:600}.bar-wrap{display:block;margin:14px 0}.bar{display:block;height:6px;background:var(--line);border-radius:3px;overflow:hidden}.bar-fill{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.bar-text{display:block;font-size:14px;color:var(--ink-2);margin-top:8px}.results{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.result{background:var(--card);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.r-main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 14px}.r-name{font-weight:600;min-width:0}.r-meta{color:var(--ink-2);font-size:15px}.r-note{color:var(--ink-2);font-size:13px}.r-action{margin-top:4px}.notice{font-size:14px;border-radius:12px;padding:10px 12px;margin:10px 0 0;background:var(--card)}.notice.error{color:var(--bad)}.notice.warn{color:var(--warn)}.file-info{font-size:14px;color:var(--ink-2);margin:0 0 12px}.file-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:6px}.file-list li{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding:6px 8px 6px 14px;font-size:14px}.fl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-size{color:var(--ink-2);white-space:nowrap}.mini{width:34px;height:34px;flex:none;border:0;border-radius:50%;background:var(--bg-soft);color:var(--ink);cursor:pointer;font-size:14px}.mini:disabled{opacity:.35}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two .dropzone{min-height:150px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:12px}.stat{background:var(--card);border-radius:14px;padding:12px 14px}.stat-k{display:block;font-size:12px;color:var(--ink-2)}.stat-v{font-weight:600;font-size:15px}.cmp{position:relative;line-height:0;border-radius:14px;overflow:hidden;margin:12px 0;background:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%) 0 0 / 18px 18px;user-select:none}.cmp-base{display:block;width:100%;height:auto}.cmp-clip{position:absolute;inset:0}.cmp-clip img{width:100%;height:100%;display:block}.cmp-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 6px #00000080;pointer-events:none}.cmp-tag{position:absolute;top:10px;background:#0009;color:#fff;font-size:12px;line-height:1;padding:6px 9px;border-radius:980px;pointer-events:none}.cmp-tag.left{left:10px}.cmp-tag.right{right:10px}.cmp-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.crop-stage{position:relative;line-height:0;width:fit-content;max-width:100%;margin:0 auto 14px;touch-action:none;overflow:hidden;border-radius:10px}.crop-stage img{display:block;max-height:60vh;max-width:100%;user-select:none;-webkit-user-drag:none}.crop-box{position:absolute;outline:2px solid #fff;box-shadow:0 0 0 100vmax #00000080;cursor:move;touch-action:none}.crop-h{position:absolute;width:26px;height:26px}.crop-h:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%;box-shadow:0 0 4px #0009}.crop-h.nw{left:-13px;top:-13px;cursor:nwse-resize}.crop-h.ne{right:-13px;top:-13px;cursor:nesw-resize}.crop-h.sw{left:-13px;bottom:-13px;cursor:nesw-resize}.crop-h.se{right:-13px;bottom:-13px;cursor:nwse-resize}.section{padding:56px 0}.section.soft{background:var(--bg-soft)}.section>.wrap>h2,.section>.narrow>h2{font-size:clamp(28px,5vw,40px);margin-bottom:18px}.center{text-align:center}.lead{color:var(--ink-2);font-size:19px;margin:0 0 28px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{display:block;background:var(--card);border-radius:var(--radius);padding:20px;color:var(--ink);transition:transform .2s}.section:not(.soft) .card{background:var(--bg-soft)}.card:hover{text-decoration:none;transform:scale(1.015)}.card strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em}.card span{display:block;color:var(--ink-2);font-size:14px;line-height:1.35;margin-top:4px}.group-title{font-size:22px;margin:34px 0 12px}.group-title:first-of-type{margin-top:0}.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.three h3{font-size:21px;margin-bottom:6px}.three p{margin:0;color:var(--ink-2)}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose h2{font-size:28px;margin:34px 0 12px}.prose h3{font-size:20px;margin:22px 0 8px}.prose li{margin-bottom:6px}.prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px}.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start}.steps li:before{content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:600;display:grid;place-items:center}details{border-bottom:1px solid var(--line);padding:14px 0}details summary{cursor:pointer;font-weight:600}details p{margin:8px 0 0;color:var(--ink-2)}.meta{color:var(--ink-2);font-size:14px}.foot{background:var(--bg-soft);color:var(--ink-2);font-size:13px;padding:34px 0}.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px;margin-bottom:20px}.foot h2{font-size:13px;letter-spacing:0;color:var(--ink);margin-bottom:8px}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin-bottom:6px}.foot a{color:var(--ink-2)}.foot-end{border-top:1px solid var(--line);padding-top:14px}@media(max-width:640px){.wrap,.narrow,.nav-in{padding-left:16px;padding-right:16px}.nav-in{gap:14px}.nav-in .opt{display:none}.hero{padding-top:34px}.tool{padding:14px;border-radius:22px}.two{grid-template-columns:1fr}.section{padding:40px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}