.tools-mast,.tools-nav,.tools-shell{--tools-type-small:.875rem;--tools-type-support:1rem;--tools-type-body:1.0625rem;--tools-type-lead:1.125rem;--tools-type-title:1.25rem}.tools-shell{max-width:1320px}.tools-page{font-size:var(--tools-type-body)}.tools-mast .tt,.tools-shell .specnav .group-label,.tools-shell .specnav .head,.tools-shell .specnav .panel .n{font-size:var(--tools-type-small)}.tools-page .box,.tools-page footer,.tools-page table,.tools-shell .specnav .panel a,.tools-shell .specnav .toggle{font-size:var(--tools-type-support)}.tools-page .box .tag,.tools-page .codeblock .filename,.tools-page .codeblock .shiki,.tools-page .pager .dir,.tools-page .pill,.tools-page code,.tools-page td code,.tools-page thead th{font-size:var(--tools-type-small)}.tools-page p code{overflow-wrap:anywhere}.tools-page h3.sub{font-size:var(--tools-type-title)}.tools-page h4{font-size:var(--tools-type-support)}.tools-main{padding-top:0}.tools-home-shell .tools-main{max-width:none}.tools-nav{max-width:1320px;padding:20px var(--edge);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.tools-wordmark{letter-spacing:-.045em;color:var(--ink);white-space:nowrap;border:0;font-size:21px;font-weight:600}.tools-wordmark span{color:var(--accent-deep)}.tools-nav-links{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.tools-nav-links a{color:var(--muted);font-size:var(--tools-type-support);border:0}.tools-nav-links a:hover,.tools-nav-links a[aria-current=page]{color:var(--accent-deep)}.tools-nav-links a[aria-current=page]{font-weight:600}.tools-github{align-items:center;gap:6px;display:inline-flex}.tools-github-icon{background:currentColor;width:16px;height:16px;-webkit-mask:url(../icons/github.svg) 50%/contain no-repeat;mask:url(../icons/github.svg) 50%/contain no-repeat}.tools-nav a:focus-visible,.tools-page a:focus-visible,.tools-page button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:4px}.tools-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:56px 0 44px;display:grid}.tools-hero .eyebrow{font-size:var(--tools-type-small);letter-spacing:.16em;margin:0 0 18px}.tools-hero h1.title{letter-spacing:-.035em;max-width:16ch;font-size:clamp(40px,4.8vw,65px);line-height:1.04}.tools-hero .lede{font-size:var(--tools-type-lead);max-width:44ch;margin-top:22px;line-height:1.6}.tools-hero .status{font-size:var(--tools-type-small);border:0;border-radius:0;margin-top:20px;padding:0}.tools-actions{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}.tools-action{border:1px solid var(--rule);border-radius:var(--r-ctl);background:var(--paper);font-size:var(--tools-type-support);color:var(--ink);align-items:center;gap:18px;padding:11px 18px;font-weight:600;display:inline-flex}.tools-action.primary{background:var(--accent-deep);color:var(--paper)}.tools-action.primary,.tools-action:hover{border-color:var(--accent-deep)}.tools-action.primary:hover{background:var(--ink);border-color:var(--ink)}.tools-hero-note{color:var(--muted);font-family:var(--mono);font-size:var(--tools-type-small)}.tools-demo{border:1px solid var(--rule);border-radius:var(--r-card);background:var(--paper);min-width:0;box-shadow:var(--shadow);margin:0;overflow:hidden}.tools-demo figcaption{border-bottom:1px solid var(--rule);font-size:var(--tools-type-small);align-items:center;gap:9px;padding:15px 20px;font-weight:500;display:flex}.tools-demo-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.tools-demo-label{color:var(--muted);font-family:var(--mono);font-size:var(--tools-type-small)}.tools-demo figcaption .tools-demo-label{margin-left:auto}.tools-demo .codeblock{box-shadow:none;border:0;border-radius:0;margin:0}.tools-demo .codeblock .shiki{font-size:var(--tools-type-small);white-space:pre-wrap;overflow-wrap:anywhere;padding:18px 20px;line-height:1.65}.tools-demo-preview{background:var(--tint);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.tools-demo-preview p{font-size:var(--tools-type-support);color:var(--ink-soft);margin:2px 0 0}.tools-demo-controls [data-component=x-counter]{align-items:center;gap:14px;display:flex}.tools-demo-controls button:first-child{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-ctl);cursor:pointer;padding:9px 16px;font-weight:500}.tools-demo-controls button:first-child:hover{border-color:var(--accent-deep)}.tools-demo-controls button+button{color:var(--muted);font:inherit;font-size:var(--tools-type-support);cursor:pointer;background:0 0;border:0;padding:8px 0}.tools-demo-controls button+button:hover{color:var(--accent-deep)}.tools-demo-download{border:0;border-top:1px solid var(--rule);font-size:var(--tools-type-small);color:var(--muted);padding:11px 20px;display:block}.tools-demo-download:hover{color:var(--accent-deep)}.tools-frameworks{border-block:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 52px;padding:0;list-style:none;display:grid}.tools-frameworks li{max-width:none}.tools-frameworks li+li{border-left:1px solid var(--rule)}.tools-framework-planned,.tools-frameworks a{border:0;grid-template-columns:minmax(0,1fr);gap:8px;padding:24px;display:grid}.tools-frameworks a:hover{background:var(--accent-wash)}.tools-frameworks strong{font-size:var(--tools-type-title);align-items:center;gap:12px;display:flex}.tools-frameworks .tools-framework-detail{font-size:var(--tools-type-support);color:var(--muted)}.tools-badge{font-family:var(--mono);font-size:var(--tools-type-small);color:var(--ok);font-weight:500}.tools-badge.planned{color:var(--muted)}.tools-landing .tools-content{max-width:none}.tools-landing .tools-content>section{margin:0 0 48px}.tools-landing h2.sec{margin-top:0;font-size:clamp(26px,3vw,36px)}.tools-landing .targets{gap:16px;margin-block:24px 0}.tools-page .targets .t{box-shadow:none;padding:22px 24px}.tools-page .targets .t b{font-size:var(--tools-type-title);margin-bottom:8px}.tools-page .targets .t span{font-family:var(--sans);font-size:var(--tools-type-support);line-height:1.6}.tools-landing .part-rule{margin:12px 0 20px}.tools-guide-header{border-bottom:2px solid var(--rule);padding:36px 0 28px}.tools-guide-header .eyebrow{font-size:var(--tools-type-small);margin:0 0 14px}.tools-guide-header h1.title{font-size:clamp(34px,4.2vw,50px);line-height:1.08}.tools-guide-header .lede{font-size:var(--tools-type-lead);margin-top:18px}.tools-page .box{box-shadow:none}.tools-page .pager{margin-top:40px;padding:0}.tools-page footer{padding:24px 0 12px}.tools-page .codeblock,.tools-page .tablewrap{box-shadow:none}@media (width<=1100px){.tools-nav-links{gap:8px 16px}.tools-hero{gap:28px}.tools-framework-planned,.tools-frameworks a{padding-inline:16px}}.tools-target-icon{-o-object-fit:contain;object-fit:contain;flex:none;width:28px;height:28px}.tools-native-icon{background:var(--accent-deep);color:var(--paper);font-family:var(--serif);border-radius:6px;place-items:center;font-size:20px;font-weight:700;display:grid}.tools-usage-tabs{flex-wrap:wrap;gap:8px;padding-top:32px;display:flex}.tools-target-planned,.tools-usage-tabs a{border:1px solid var(--rule);border-radius:var(--r-ctl);font-size:var(--tools-type-support);align-items:center;gap:12px;padding:12px 16px;line-height:1.4;display:inline-flex}.tools-usage-tabs a{color:var(--ink-soft);background:var(--paper)}.tools-usage-tabs a:hover,.tools-usage-tabs a[aria-current=page]{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-deep)}.tools-usage-tabs a[aria-current=page]{font-weight:600}.tools-target-planned{color:var(--muted)}.tools-target-planned small{font-size:var(--tools-type-small);display:block}.tools-section-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 24px;display:grid}.tools-section-tabs button{border:1px solid var(--rule);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink-soft);font:inherit;font-size:var(--tools-type-small);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:10px 12px;display:flex}.tools-section-tabs button:hover,.tools-section-tabs button[aria-selected=true]{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-deep)}.tools-section-tabs button[aria-selected=true]{font-weight:600}.tools-section-tabs .tools-target-icon{width:22px;height:22px;font-size:16px}.tools-section-tabs small{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.tools-guide-section [role=tabpanel]:focus-visible{outline:2px solid var(--accent-deep);outline-offset:4px}@media (width<=700px){.tools-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.tools-frameworks{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-frameworks li:nth-child(3){border-left:0}.tools-frameworks li:nth-child(n+3){border-top:1px solid var(--rule)}.tools-nav{flex-wrap:wrap;gap:12px;padding-block:16px}.tools-nav-links{gap:8px 20px}.tools-hero{padding-top:36px}.tools-hero h1.title{font-size:clamp(38px,5.8vw,56px)}}@media (width<=700px){.tools-github-label{display:none}.tools-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px}.tools-hero h1.title{max-width:19ch;font-size:clamp(38px,8vw,56px)}.tools-frameworks{grid-template-columns:minmax(0,1fr);margin-bottom:36px}.tools-frameworks li+li{border-left:0;border-top:1px solid var(--rule)}.tools-framework-planned,.tools-frameworks a{padding:14px 16px}.tools-landing .tools-content>section{margin-bottom:36px}.tools-guide-header{padding-top:28px}.tools-demo .codeblock .shiki{padding:14px}.tools-demo figcaption,.tools-demo-preview{padding-inline:14px}}