.tool-template{width:100%;flex:1 0 auto}.tool-template img{display:block;max-width:100%}.section-pad{padding:62px 44px 74px}.section-intro{max-width:630px}.section-intro h2{margin:0;font-size:48px;line-height:1.06;letter-spacing:-1.9px;font-weight:400;text-wrap:balance}.section-intro>p{margin:17px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.tool-prose p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.tool-prose p+p{margin-top:16px}.tool-lede a,.tool-prose a,.next-copy p a,.qa-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--hatch);text-underline-offset:3px;transition:text-decoration-color .15s ease}.tool-lede a:hover,.tool-prose a:hover,.next-copy p a:hover,.qa-body a:hover{text-decoration-color:var(--ink)}.tool-template kbd{font:inherit}.bench-kicker,.bench-count,.bench-link,.bench-toggle,.bench-meta{color:var(--ink-4);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}.tool-stage{padding:64px 44px 60px}.tool-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.tool-hero h1{max-width:900px;margin:0;font-size:clamp(38px,5.2vw,62px);line-height:1;letter-spacing:-.04em;font-weight:400;text-wrap:balance}.tool-lede{max-width:600px;margin:21px 0 0;color:var(--muted);font-size:16.5px;line-height:1.5}.tool-hero h1{animation:tool-rise .55s cubic-bezier(.2,.7,.3,1) backwards}.tool-lede{animation:tool-rise .55s cubic-bezier(.2,.7,.3,1) .08s backwards}.bench{animation:tool-rise .6s cubic-bezier(.2,.7,.3,1) .16s backwards}.bench-meta{animation:tool-rise .6s cubic-bezier(.2,.7,.3,1) .26s backwards}@keyframes tool-rise{0%{opacity:0;transform:translateY(12px)}}.bench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;border:1px solid var(--faint);background:var(--card);box-shadow:0 3px 10px #00000006;scroll-margin-top:136px}.bench-pane{position:relative;display:flex;flex-direction:column;min-width:0;height:clamp(340px,100vh - 520px,540px)}.bench-pane+.bench-pane{border-left:1px solid var(--faint)}.bench-pane:before{content:"";position:absolute;z-index:1;top:-1px;left:-1px;right:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.25,.9,.3,1);pointer-events:none}.bench-pane:focus-within:before{transform:scaleX(1)}.bench-pane:focus-within .bench-kicker{color:var(--ink)}.bench-head,.bench-foot{display:flex;align-items:center;gap:14px;padding:0 22px}.bench-head{justify-content:space-between;min-height:50px;border-bottom:1px solid var(--faint)}.bench-foot{justify-content:flex-end;min-height:66px;border-top:1px solid var(--faint)}.bench-kicker{color:var(--ink-3);transition:color .2s ease}.bench-text{flex:1;min-height:0;width:100%;padding:20px 22px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:16.5px;line-height:1.65;letter-spacing:-.02em;overflow-y:auto;overscroll-behavior:contain;resize:none}.bench-text::placeholder{color:var(--ink-4)}textarea.bench-text:focus{outline:none}.bench-output{white-space:pre-wrap;overflow-wrap:anywhere}.bench-output:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.bench-output:has(.bench-empty){display:grid;place-items:center;text-align:center;background:radial-gradient(var(--dot) 1.3px,transparent 1.4px) 12px 12px / 26px 26px}.bench-empty{white-space:normal}.bench-empty p{margin:0;color:var(--ink-4)}.bench-output{--ins: #15803d;--del: #dc2626}:root[data-theme=dark] .bench-output{--ins: #4ec77b;--del: #f06a6a}@keyframes bench-mark{0%{opacity:0}}.bench-output ins,.bench-output del{animation:bench-mark .22s ease both}.bench-output ins{margin:0 1px;padding:1px 2px;border-radius:3px;background:color-mix(in oklab,var(--ins) 12%,var(--card));color:var(--ins);text-decoration:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}.bench-output del{color:var(--del);text-decoration:line-through;text-decoration-thickness:1.2px;text-decoration-color:color-mix(in oklab,var(--del) 70%,transparent)}.bench.is-busy .bench-output:not(:has(.bench-empty)):after,.bench.is-busy .bench-empty p:first-child:after{content:"";display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--ink-4);animation:bench-caret 1s steps(2,start) infinite}@keyframes bench-caret{to{visibility:hidden}}.bench-status{min-height:0;margin:0;padding:0 22px;color:var(--ink-3);font-size:13px;letter-spacing:-.02em}.bench-status:not(:empty){padding-bottom:10px}.bench-link{padding:0;border:0;background:none;color:var(--ink-3);cursor:pointer;transition:color .15s ease}.bench-link:hover:not(:disabled){color:var(--ink)}.bench-link:disabled{opacity:.45;cursor:default}.bench-link.is-done{color:var(--ink);animation:bench-copied .3s ease}@keyframes bench-copied{0%{opacity:.3;transform:translateY(2px)}}.bench-select{position:relative;display:inline-flex;align-items:center;margin-right:auto}.bench-select-mark{position:absolute;top:50%;right:0;width:9px;height:6px;transform:translateY(calc(-50% - .05em));transition:transform .2s cubic-bezier(.25,.9,.3,1);pointer-events:none}[aria-expanded=true] .bench-select-mark{transform:translateY(calc(-50% - .05em)) rotate(180deg)}.bench-select{color:var(--ink-3);transition:color .15s ease}.bench-select:hover{color:var(--ink)}.bench-select-trigger{padding:0 16px 0 0;border:0;background:none;color:inherit;font:inherit;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.bench-select-trigger:focus{outline:none}.bench-menu{position:absolute;z-index:3;bottom:calc(100% + 12px);left:-14px;min-width:186px;margin:0;padding:5px 0;list-style:none;border:1px solid var(--faint);background:var(--card);box-shadow:0 6px 20px #00000012}.bench-menu{opacity:1;translate:0 0;transition:opacity .13s ease,translate .13s cubic-bezier(.25,.9,.3,1),display .13s allow-discrete}.bench-menu[hidden]{display:none;opacity:0;translate:0 5px}@starting-style{.bench-menu{opacity:0;translate:0 5px}}.bench-select-head{margin-right:0;margin-left:auto}.bench-select-head .bench-menu{top:calc(100% + 12px);bottom:auto;left:auto;right:-14px;max-height:min(340px,60vh);overflow-y:auto;overscroll-behavior:contain}.bench-select-head .bench-menu li{white-space:nowrap}.bench-select-head .bench-menu[hidden]{translate:0 -5px}@starting-style{.bench-select-head .bench-menu{opacity:0;translate:0 -5px}}.bench-menu li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 14px;color:var(--muted);font-family:var(--sans);font-size:13.5px;letter-spacing:-.01em;line-height:1.35;text-transform:none;cursor:pointer}.bench-menu li.is-active{background:var(--paper-2);color:var(--ink)}.bench-menu li[aria-selected=true]{color:var(--ink)}.bench-menu li[aria-selected=true]:after{content:"";flex:none;width:8px;height:4.5px;margin-bottom:2px;border-left:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);transform:rotate(-45deg)}.bench-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--ink-3);cursor:pointer;transition:color .15s ease}.bench-toggle:hover{color:var(--ink)}.bench-toggle input{appearance:none;display:grid;place-items:center;width:14px;height:14px;margin:0;border:1px solid var(--hatch);background:var(--paper);cursor:pointer;transition:background .15s ease,border-color .15s ease}.bench-toggle input:checked{border-color:var(--ink);background:var(--ink)}.bench-toggle input:checked:after{content:"";width:7px;height:4px;border-left:1.5px solid var(--paper);border-bottom:1.5px solid var(--paper);transform:translateY(-1px) rotate(-45deg)}.bench-run{flex:none;min-height:42px;padding:0 22px;font-size:15px;transition:background .2s ease,color .2s ease,border-color .42s cubic-bezier(.76,0,.24,1)}.bench-run:focus-visible,.bench-link:focus-visible,.bench-toggle:has(:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.bench-select-trigger:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.bench-noscript{margin:16px 0 0;padding:14px 22px;color:var(--warn-ink);background:var(--warn-wash);font-size:14px}.bench-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:24px 0 0;text-align:center}.bench-meta a{color:var(--ink-3);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}.bench-meta a:hover{color:var(--ink);text-decoration-color:var(--hatch)}.bench-meta a:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.qa-list{margin-top:36px;border-top:1px solid var(--faint)}.qa-item{border-bottom:1px solid var(--faint)}.qa-item summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 0;cursor:pointer;list-style:none}.qa-item summary::-webkit-details-marker{display:none}.qa-item summary h3{margin:0;font-size:21px;line-height:1.3;font-weight:400;letter-spacing:-.03em}.qa-item summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.qa-mark{position:relative;flex:none;width:14px;height:14px}.qa-mark:before,.qa-mark:after{content:"";position:absolute;background:var(--ink-4);transition:transform .3s cubic-bezier(.25,.9,.3,1),background .15s ease}.qa-mark:before{left:calc(50% - .75px);top:0;bottom:0;width:1.5px}.qa-mark:after{top:calc(50% - .75px);left:0;right:0;height:1.5px}.qa-item summary:hover .qa-mark:before,.qa-item summary:hover .qa-mark:after{background:var(--ink)}.qa-item[open] .qa-mark:before{transform:scaleY(0)}.qa-body{padding:4px 0 36px}.qa-body>p{max-width:68ch;margin:0;color:var(--muted);font-size:16px;line-height:1.6}.next-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 72px;align-items:center}.next-copy h2{margin:0;font-size:40px;line-height:1.1;letter-spacing:-.04em;font-weight:400;text-wrap:balance}.next-copy>p{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.6}.next-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.next-visual{min-width:0}.next-shot{overflow:hidden;border:1px solid var(--card-line);border-radius:14px;background:var(--card);box-shadow:0 16px 32px -12px #0000001c,0 44px 90px -36px #00000012}.next-shot img{width:100%;height:auto}.preview-caption{margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.5;letter-spacing:0;text-align:center}@media(pointer:coarse){.bench-select-trigger,.bench-toggle{padding-block:14px}.bench-link{padding:14px 10px;margin-right:-10px}.bench-menu li{padding-top:11px;padding-bottom:11px}.bench-meta a{display:inline-block;padding-block:12px}}@media(max-width:900px){.tool-stage{padding:56px 35px 48px}.section-pad{padding-left:35px;padding-right:35px}.bench{grid-template-columns:minmax(0,1fr);margin-top:36px}.bench-pane{height:auto}.bench-text{min-height:220px;max-height:50vh}.bench-pane+.bench-pane{border-left:0;border-top:1px solid var(--faint)}.next-row{grid-template-columns:minmax(0,1fr);gap:40px}}@media(max-width:640px){.tool-stage{padding:44px 20px 40px}.section-pad{padding:50px 20px 58px}.section-intro h2{font-size:32px;letter-spacing:-1.2px}.tool-hero h1{font-size:clamp(30px,9vw,42px);letter-spacing:-1.26px}.tool-lede{font-size:15px}.bench-head,.bench-foot,.bench-status{padding-left:16px;padding-right:16px}.bench-text{padding:16px}.bench-meta{flex-direction:column;align-items:center;gap:8px}.next-copy h2{font-size:30px}.next-actions{flex-direction:column;gap:10px}.next-actions .button{width:100%}.qa-item summary{gap:18px;padding:20px 0}.qa-item summary h3{font-size:18px}.qa-body{padding-bottom:28px}}@media(prefers-reduced-motion:reduce){.tool-hero h1,.tool-lede,.bench,.bench-meta,.bench-output ins,.bench-output del,.bench-link.is-done{animation:none}.bench-menu,.bench-select-mark{transition:none}.bench.is-busy .bench-output:after,.bench.is-busy .bench-empty p:first-child:after{animation:none}.bench-pane:before,.qa-mark:before{transition:none}}.limits-list a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--hatch);text-underline-offset:3px;transition:text-decoration-color .15s ease}.limits-list a:hover{text-decoration-color:var(--ink)}.pane-kicker,.limits-list li:before{color:var(--ink-4);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}.why-row{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 80px;align-items:start;padding-top:6px}.why-row:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--faint)}.why-copy{max-width:520px}.why-example{margin:0}.example-deck{margin-top:16px;border:1px solid var(--card-line);border-radius:14px;background:radial-gradient(var(--dot) 1.3px,transparent 1.4px) 12px 12px / 26px 26px,var(--card);box-shadow:0 3px 10px #00000006}.example-pane{padding:22px 26px 24px}.example-pane+.example-pane{border-top:1px solid var(--faint)}.pane-kicker{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pane-kicker span:last-child{flex:none}.example-pane p{margin:12px 0 0;font-size:14.5px;line-height:1.6;letter-spacing:-.02em}.example-pane p+p{margin-top:10px}.example-pane-before p{color:var(--muted)}.example-lines{white-space:pre-line}.example-pane-after p{color:var(--ink)}.why-example figcaption{margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.example-run{display:inline-block;margin-top:14px;color:var(--ink);font-size:14px;text-decoration:underline;text-decoration-color:var(--hatch);text-underline-offset:3px;transition:text-decoration-color .15s ease}.example-run:hover{text-decoration-color:var(--ink)}.why-limits{margin-top:44px;padding-top:34px;border-top:1px solid var(--faint)}.why-limits h4{margin:0;font-size:24px;line-height:1.18;letter-spacing:-.04em;font-weight:400}.limits-list{columns:2;column-gap:80px;margin:20px 0 0;padding:0;list-style:none;counter-reset:limit}.limits-list li{break-inside:avoid;padding:16px 0 18px;border-top:1px solid var(--faint);color:var(--muted);font-size:15.5px;line-height:1.55}.limits-list li:before{counter-increment:limit;content:"0" counter(limit);display:block;margin-bottom:8px}.why-limits>p{max-width:68ch;margin-top:26px}.why-limits>p.tool-prose,.why-limits>.tool-prose p{font-size:15.5px}@media(max-width:900px){.why-row{grid-template-columns:minmax(0,1fr);gap:36px}.why-row:before{content:none}.why-copy{max-width:none}.limits-list{columns:1}}@media(max-width:640px){.example-pane{padding:18px 18px 20px}.why-limits h4{font-size:22px}}