.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;padding-inline:var(--edge);gap:40px}.tools-mast{padding-inline:max(var(--edge),calc(50% - 660px + var(--edge)))}.tools-mast .crumb a{border-bottom:0}.tools-shell .specnav .head{padding:0}.tools-shell .specnav .head a{border:0;border-radius:0;padding:0;display:block}.tools-shell .specnav .group-label{margin-inline:0}.tools-shell .specnav .panel ol{margin-inline-start:-12px}.tools-shell .specnav .panel li a{border-bottom:0}.tools-shell .specnav .panel .n{display:none}.tools-shell .specnav .panel{margin-inline-start:-12px;padding-inline-start:12px}.brand-dark,html[data-theme=dark] .brand-light{display:none}html[data-theme=dark] .brand-dark{display:block}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .brand-light{display:none}html:not([data-theme=light]) .brand-dark{display:block}}.htmlkit-intro{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:32px;display:grid}.htmlkit-logo img{width:100%;height:auto}.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{margin:0;padding:0 0 40px}.tools-home-shell .tools-main,.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-brand-mark{vertical-align:middle;width:28px;height:28px;margin-right:8px}.tools-wordmark{letter-spacing:-.045em;color:var(--ink);white-space:nowrap;border:0;align-items:center;gap:5px;font-size:21px;font-weight:600;display:inline-flex}.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-targets{margin:24px 0}.tools-target-tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.tools-target-tabs button{color:var(--muted);font:inherit;font-size:var(--tools-type-small);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 10px;display:flex}.tools-target-tabs button:hover{color:var(--ink)}.tools-target-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent-deep);font-weight:600}.tools-target-tabs .tools-target-icon{border-radius:4px;width:18px;height:18px;font-size:13px}.tools-target-tabs small{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.tools-target-panel{padding-top:4px}.tools-target-panel:focus-visible{outline:2px solid var(--accent-deep);outline-offset:4px}.tools-target-panel .codeblock .shiki{max-height:min(60vh,36rem)}@media (width<=899px){.tools-shell{padding-inline:0}.tools-main{padding-inline:var(--edge)}.tools-shell .specnav .panel{margin-inline-start:0;padding-inline:24px}.tools-shell .specnav .panel ol{margin-inline-start:-12px}.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-mast .tt{white-space:nowrap;flex:none;font-size:12px}.tools-mast .crumb{font-size:14px}.tools-github-label{display:none}.htmlkit-intro{grid-template-columns:minmax(0,1fr)}.htmlkit-logo{justify-self:center;width:180px}.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}}