:root{--bg: #f6f8fb;--paper: #ffffff;--ink: #0c1424;--ink-2: #44506a;--ink-3: #5f6b84;--line: #e2e7ef;--line-2: #cfd7e3;--cy: #0fb5c6;--cy-ink: #077d8a;--vi: #7a6cf5;--trace: linear-gradient(90deg, #0fb5c6, #7a6cf5);--ok: #129a6b;--warn: #b7791f;--err: #c53b4a;--r: 10px;--sans: "Segoe UI Variable Text", "SF Pro Text", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--w: 1120px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.62 var(--sans)}img,svg,canvas{max-width:100%}a{color:var(--cy-ink);text-underline-offset:3px}a:hover{color:var(--ink)}h1,h2,h3{line-height:1.2;letter-spacing:-.015em;margin:0 0 .6em}h1{font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:650}h2{font-size:1.45rem;font-weight:620;margin-top:2.2em}h3{font-size:1.08rem;font-weight:620;margin-top:1.6em}p{margin:0 0 1em}code,.mono{font-family:var(--mono);font-size:.86em}.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}.narrow{max-width:760px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--paper);padding:8px 12px;z-index:99}:focus-visible{outline:2px solid var(--cy);outline-offset:2px}.top{background:#ffffffdb;backdrop-filter:blur(6px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.top .wrap{display:flex;align-items:center;gap:18px;min-height:60px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:680;font-size:1.06rem;letter-spacing:-.01em}.brand small{font-family:var(--mono);font-weight:500;color:var(--ink-3);font-size:.72rem}.top nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.top nav a{color:var(--ink-2);text-decoration:none;padding:10px 11px;border-radius:8px;font-size:.93rem}.top nav a:hover,.top nav a[aria-current]{color:var(--ink);background:#eef3f8}.top nav a.cta{color:var(--cy-ink);font-family:var(--mono);font-size:.82rem;border:1px solid var(--line-2)}@media(max-width:640px){.top nav .hide-s{display:none}.brand small{display:none}}.hero{position:relative;border-bottom:1px solid var(--line);background:radial-gradient(circle at 1px 1px,#cdd6e3 1px,transparent 1.2px) 0 0 / 22px 22px,var(--paper)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--trace);opacity:.7}.hero .wrap{padding-top:44px;padding-bottom:36px}.eyebrow{font-family:var(--mono);font-size:.76rem;color:var(--cy-ink);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;display:inline-flex;gap:8px;align-items:center}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 4px #0fb5c626}.lede{font-size:1.1rem;color:var(--ink-2);max-width:680px}.stats{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--mono);font-size:.8rem;color:var(--ink-3);margin-top:16px}.stats b{color:var(--ink);font-weight:600}.finder{margin-top:22px;display:flex;max-width:560px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--paper);align-items:center;transition:box-shadow .2s,border-color .2s}.finder:focus-within{border-color:var(--cy);box-shadow:0 0 0 4px #0fb5c624}.finder svg{margin:0 4px 0 14px;flex:none;color:var(--ink-3)}.finder input{flex:1;border:0;background:transparent;font:inherit;padding:13px 10px;min-width:0;outline:none}.finder kbd{font-family:var(--mono);font-size:.72rem;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px;margin-right:12px}.lane{margin:34px 0 0}.lane-h{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}.lane-h h2{margin:0;font-size:1.05rem}.lane-h span{font-family:var(--mono);font-size:.74rem;color:var(--ink-3)}.rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:26px}.rows li{border-bottom:1px dashed var(--line)}.rows a{display:flex;gap:12px;align-items:flex-start;padding:12px 6px;text-decoration:none;color:var(--ink);border-radius:8px;transition:background .15s}.rows a:hover{background:#eef7f9}.rows a:hover .ico{color:var(--cy-ink);border-color:var(--cy);box-shadow:0 0 0 3px #0fb5c61f}.rows .ico{flex:none;width:34px;height:34px;border:1px solid var(--line-2);border-radius:9px;display:grid;place-items:center;color:var(--ink-2);background:var(--paper);transition:all .15s}.rows strong{display:block;font-weight:600;font-size:.96rem}.rows em{display:block;font-style:normal;color:var(--ink-3);font-size:.84rem;line-height:1.4}.rows .soon strong:after{content:"soon";font-family:var(--mono);font-size:.66rem;color:var(--warn);border:1px solid #ecd7b0;border-radius:4px;padding:0 5px;margin-left:6px;vertical-align:2px}.rows .soon a{color:var(--ink-3)}.hot{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hot a{font-size:.86rem;text-decoration:none;color:var(--ink-2);border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 14px}.hot a:hover{border-color:var(--cy);color:var(--ink)}.empty-filter{color:var(--ink-3);font-family:var(--mono);font-size:.85rem;padding:20px 0}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 14px;font-family:var(--mono);font-size:.76rem;color:var(--ink-3)}.breadcrumbs li+li:before{content:"/";margin-right:6px;color:var(--line-2)}.breadcrumbs a{color:var(--ink-3);text-decoration:none}.breadcrumbs a:hover{color:var(--cy-ink)}.tool-head{padding:30px 0 8px}.tool-head h1{margin-bottom:.3em}.bench{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:18px 0 8px;position:relative;overflow:hidden}.bench:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--trace)}.bench-in{padding:22px}.drop{border:1.5px dashed var(--line-2);border-radius:12px;padding:38px 18px;text-align:center;background:radial-gradient(circle at 1px 1px,#dfe5ee 1px,transparent 1.2px) 0 0 / 18px 18px;transition:border-color .2s,background-color .2s}.drop.over{border-color:var(--cy);background-color:#effafb}.drop p{margin:10px 0 0;color:var(--ink-3);font-size:.9rem}.drop .local{font-family:var(--mono);font-size:.74rem;color:var(--ok);margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 .95rem var(--sans);border-radius:9px;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:12px 20px;min-height:44px;cursor:pointer;text-decoration:none;transition:transform .1s,box-shadow .2s}.btn:hover{box-shadow:0 6px 18px -8px #0fb5c6cc;color:#fff}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.ghost{background:var(--paper);color:var(--ink);border-color:var(--line-2)}.btn.ghost:hover{border-color:var(--cy);color:var(--ink)}.btn.sm{padding:6px 10px;min-height:34px;font-size:.84rem;font-weight:550}.btn.go{background:linear-gradient(90deg,#0c1424,#1b2a46);border:0;padding:14px 28px}.files{list-style:none;margin:16px 0 0;padding:0;border:1px solid var(--line);border-radius:10px}.files li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--line)}.files li:first-child{border-top:0}.files .thumb{width:38px;height:50px;flex:none;border:1px solid var(--line);border-radius:4px;background:#f1f4f8;object-fit:contain}.files .meta{flex:1;min-width:0}.files .nm{font-weight:560;font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files .inf{font-family:var(--mono);font-size:.74rem;color:var(--ink-3)}.files .acts{display:flex;gap:4px}.iconbtn{width:36px;height:36px;border:1px solid var(--line);background:var(--paper);border-radius:8px;cursor:pointer;color:var(--ink-2);display:grid;place-items:center;font-size:.95rem}.iconbtn:hover{border-color:var(--cy);color:var(--ink)}.addmore{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.opts{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.opt label,.opt .lbl{display:block;font-family:var(--mono);font-size:.74rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.opt input[type=text],.opt input[type=number],.opt input[type=password],.opt select,.opt textarea{width:100%;font:inherit;font-size:.95rem;padding:10px 11px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);color:var(--ink);min-height:44px}.opt textarea{min-height:160px;font-family:var(--mono);font-size:.86rem}.opt.wide{grid-column:1 / -1}.opt .hint{font-size:.8rem;color:var(--ink-3);margin-top:4px}.opt.check label{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.93rem;color:var(--ink);min-height:44px}.opt input[type=range]{width:100%;accent-color:var(--cy)}.opt input[type=color]{width:60px;height:40px;border:1px solid var(--line-2);border-radius:8px;padding:2px;background:var(--paper)}.runbar{margin-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.prog{flex:1;min-width:160px;height:6px;border-radius:99px;background:#e9eef4;overflow:hidden;display:none}.prog.on{display:block}.prog i{display:block;height:100%;width:0;background:var(--trace);transition:width .25s}.status{font-family:var(--mono);font-size:.78rem;color:var(--ink-3)}.status.err{color:var(--err)}.result{display:none}.result.on{display:block}.result-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}.result-h .dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px #129a6b24}.result-h h2{margin:0;font-size:1.15rem}.outs{list-style:none;padding:0;margin:0 0 14px;border:1px solid var(--line);border-radius:10px;max-height:360px;overflow:auto}.outs li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.outs li:first-child{border-top:0}.preview{margin:10px 0 16px;display:flex;gap:10px;flex-wrap:wrap}.preview canvas,.preview img{border:1px solid var(--line);border-radius:6px;background:#fff;max-height:220px;width:auto}.preview pre,.textout{width:100%;max-height:360px;overflow:auto;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px;font:.82rem/1.55 var(--mono);white-space:pre-wrap;margin:0}.continue{border-top:1px solid var(--line);padding-top:14px;margin-top:8px}.continue .lbl{font-family:var(--mono);font-size:.74rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chips button,.chips a{font:.84rem var(--sans);border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 12px;cursor:pointer;color:var(--ink-2);text-decoration:none}.chips button:hover,.chips a:hover{border-color:var(--cy);color:var(--ink)}.note{font-size:.86rem;color:var(--ink-2);background:#f3f8fb;border:1px solid #d9ecf1;border-left:3px solid var(--cy);border-radius:8px;padding:10px 12px;margin:14px 0 0}.note.warn{background:#fdf8ef;border-color:#f1e2c4;border-left-color:var(--warn)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:16px}.pg{position:relative;border:1px solid var(--line);border-radius:8px;padding:6px 6px 4px;background:#fbfcfe;cursor:pointer;user-select:none;transition:border-color .15s,box-shadow .15s}.pg canvas{display:block;margin:0 auto;max-height:130px;transition:transform .2s;box-shadow:0 1px 3px #0c14241f}.pg .n{font-family:var(--mono);font-size:.7rem;color:var(--ink-3);text-align:center;margin-top:4px}.pg.sel{border-color:var(--cy);box-shadow:0 0 0 3px #0fb5c62e}.pg.sel:after{content:"✓";position:absolute;top:4px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--cy);color:#fff;font-size:.72rem;display:grid;place-items:center}.pg.drag{opacity:.4}.pg.dropbefore{box-shadow:-4px 0 0 var(--vi)}.pg .rot{position:absolute;bottom:22px;right:6px}.gridbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center;font-size:.86rem;color:var(--ink-3)}.editor{margin-top:16px}.etools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.etools button[aria-pressed=true]{border-color:var(--cy);background:#eafafb;color:var(--ink)}.stage{position:relative;display:inline-block;border:1px solid var(--line-2);background:#fff;touch-action:none;max-width:100%}.stage canvas{display:block}.stage .ov{position:absolute;inset:0}.pager{display:flex;align-items:center;gap:10px;margin-top:10px;font-family:var(--mono);font-size:.8rem}.sigpad{border:1px dashed var(--line-2);border-radius:8px;background:#fff;touch-action:none;display:block;width:100%;max-width:420px;height:150px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff>div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;font:.85rem/1.6 var(--sans);max-height:520px;overflow:auto;white-space:pre-wrap}.diff h3{margin:0 0 8px;font:600 .74rem var(--mono);text-transform:uppercase;color:var(--ink-3)}.diff del{background:#fde3e6;color:#8f1f2c;text-decoration:line-through}.diff ins{background:#dcf5ea;color:#0d6a49;text-decoration:none}@media(max-width:700px){.diff{grid-template-columns:1fr}}.chain{list-style:none;padding:0;margin:14px 0 0;counter-reset:st}.chain>li{counter-increment:st;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:10px;background:#fbfcfe;position:relative}.chain>li:before{content:counter(st,decimal-leading-zero);font-family:var(--mono);font-size:.72rem;color:var(--cy-ink);position:absolute;left:-1px;top:-9px;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:0 5px}.chain .st-h{display:flex;gap:8px;align-items:center}.chain .st-h strong{flex:1}.chain .opts{border:0;padding-top:6px;margin-top:6px}.chain>li.done{border-color:#bfe6d6}.chain>li.run{border-color:var(--cy);box-shadow:0 0 0 3px #0fb5c61f}.prose{max-width:760px}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;counter-reset:s;margin:14px 0}.steps li{counter-increment:s;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:14px 16px;font-size:.94rem;color:var(--ink-2)}.steps li:before{content:"step " counter(s);display:block;font-family:var(--mono);font-size:.72rem;color:var(--cy-ink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.steps strong{color:var(--ink);display:block}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;padding:12px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:"+";font-family:var(--mono);color:var(--cy-ink)}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-2)}.related{display:flex;flex-wrap:wrap;gap:8px}.related a{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:10px 14px;text-decoration:none;color:var(--ink);font-size:.9rem}.related a:hover{border-color:var(--cy)}.spec{width:100%;border-collapse:collapse;font-size:.9rem;margin:10px 0 16px}.spec th,.spec td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:left;vertical-align:top}.spec th{font:600 .74rem var(--mono);color:var(--ink-3);text-transform:uppercase}main{padding-bottom:60px}.page{padding-top:30px}.foot{border-top:1px solid var(--line);background:var(--paper);padding:34px 0 26px;font-size:.9rem;color:var(--ink-2)}.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}.foot h2{font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0 0 8px}.foot ul{list-style:none;padding:0;margin:0}.foot li a{display:inline-block;padding:5px 0;color:var(--ink-2);text-decoration:none}.foot li a:hover{color:var(--cy-ink)}.disclaimer{margin-top:26px;padding-top:14px;border-top:1px dashed var(--line-2);font:.74rem/1.6 var(--mono);color:var(--ink-3)}@media(max-width:720px){.foot .cols{grid-template-columns:1fr 1fr}.foot .cols>div:first-child{grid-column:1 / -1}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}