.tool-card-audit,.tl-audit{--tool-accent:var(--color-primary)}.tool-card-architecture,.tl-architecture{--tool-accent:oklch(52% .19 293)}[data-theme=dark] :is(.tool-card-architecture,.tl-architecture){--tool-accent:oklch(78% .12 293)}.tools-pair{gap:clamp(1.25rem,2.4vw,2rem);margin-top:clamp(2rem,4vw,3rem);display:grid}@media (width>=900px){.tools-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}.tool-card{border:1px solid var(--mm-hairline);border-radius:var(--mm-radius-xl);background:var(--color-base-100);min-width:0;box-shadow:var(--mm-shadow);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg, var(--tool-accent), color-mix(in oklab, var(--tool-accent) 0%, transparent));height:2px;position:absolute;inset:0 0 auto}.tool-card-visual{border-bottom:1px solid var(--mm-hairline);background:linear-gradient(180deg, color-mix(in oklab, var(--tool-accent) 7%, var(--color-base-200)), var(--color-base-200));flex-direction:column;justify-content:flex-end;height:clamp(17.5rem,26vw,23.5rem);padding:clamp(1rem,2.6vw,1.75rem) clamp(1rem,2.6vw,1.75rem) 0;display:flex;overflow:hidden}.tool-card-visual .tp{flex:1;min-height:0;display:flex}.tool-card-visual .tp-frame{flex-direction:column;flex:1;min-height:0;display:flex}.tool-card-visual .tp-stage{aspect-ratio:auto;flex:1;min-height:0}.tool-card-visual .tp-body{flex:1;overflow:hidden}.tool-card-visual .tp{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.tool-card:hover .tool-card-visual .tp{transform:translateY(-3px)}.tool-card-copy{flex-direction:column;padding:clamp(1.25rem,2.6vw,2rem);display:flex}.tool-eyebrow{font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-weight:650;display:flex}.tool-name{color:var(--tool-accent)}.tool-ea{border:1px solid var(--mm-rule);color:var(--mm-muted);border-radius:999px;padding:.05rem .5rem;font-weight:600}.tool-title{letter-spacing:var(--tracking-display);margin-top:.75rem;font-size:clamp(1.5rem,2.3vw,2.05rem);font-weight:700;line-height:1.12}.tool-title a{text-decoration:none}.tool-title a:hover{text-underline-offset:.18em;text-decoration:underline 2px;text-decoration-color:var(--tool-accent)}.tool-title a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:.25rem}.tool-text{max-width:34rem;color:var(--mm-muted);font-size:var(--text-base);margin-top:.75rem;line-height:1.6}.tool-facts{border-top:1px solid var(--mm-hairline);margin-top:1.25rem;display:grid}.tool-facts>div{border-bottom:1px solid var(--mm-hairline);grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;gap:1rem;padding-block:.6rem;display:grid}.tool-facts dt{color:var(--mm-faint);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.tool-facts dd{font-size:var(--text-sm);font-weight:550;line-height:1.45}.tool-state{align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.tool-state:before{content:"";background:var(--mm-faint);border-radius:999px;width:.5rem;height:.5rem}.tool-state-open:before,.tool-state-enabled:before{background:var(--color-success)}.tool-state-maintenance:before{background:var(--color-warning)}.tool-note{color:var(--mm-muted);font-size:var(--text-xs);margin-top:.85rem;line-height:1.5}.tool-actions{flex-wrap:wrap;align-items:center;gap:.85rem 1.5rem;margin-top:auto;padding-top:1.25rem;display:flex}.tools-footnote{max-width:44rem;color:var(--mm-muted);font-size:var(--text-sm);margin-top:1.5rem}.tp{--tp-radius:.75rem;min-width:0;margin:0}.tp-frame{border:1px solid var(--mm-rule);border-radius:var(--tp-radius) var(--tp-radius) 0 0;background:var(--color-base-100);box-shadow:var(--mm-shadow-lg);font-size:var(--text-2xs);border-bottom:0;line-height:1.35;overflow:hidden}.tp-hero .tp-frame{border-bottom:1px solid var(--mm-rule);border-radius:var(--tp-radius)}.tp-bar{border-bottom:1px solid var(--mm-hairline);background:var(--color-base-200);align-items:center;gap:.75rem;padding:.55rem .8rem;display:flex}.tp-dots{gap:.3rem;display:inline-flex}.tp-dots i{background:var(--mm-rule);border-radius:999px;width:.5rem;height:.5rem}.tp-address{min-width:0;color:var(--mm-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.tp-chip{background:color-mix(in oklab, var(--color-accent) 70%, transparent);color:var(--color-accent-content);border-radius:999px;flex:none;padding:.1rem .5rem;font-size:.75rem;font-weight:650}.tp-body{padding:.9rem 1rem 1.1rem}.tp-crawl{color:var(--mm-muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.tp-crawl-label{color:var(--color-base-content);font-weight:600}.tp-crawl-value{font-variant-numeric:tabular-nums}.tp-meter,.tp-share{background:var(--mm-hairline);border-radius:999px;height:.4rem;position:relative;overflow:hidden}.tp-meter i,.tp-share i{width:var(--w);border-radius:inherit;background:var(--tool-accent,var(--color-primary));position:absolute;inset:0 auto 0 0}.tp-share i{background:color-mix(in oklab, var(--color-warning) 85%, var(--color-base-content))}.tp-tabs{border-bottom:1px solid var(--mm-hairline);color:var(--mm-muted);white-space:nowrap;gap:1.1rem;margin-top:.9rem;display:flex}.tp-tabs span{padding-bottom:.45rem}.tp-tab-on{box-shadow:inset 0 -2px var(--tool-accent,var(--color-primary));color:var(--color-base-content);font-weight:650}.tp-head,.tp-row{grid-template-columns:.55rem minmax(0,1fr) 4.5rem 5.75rem;align-items:center;gap:.7rem;display:grid}.tp-head{color:var(--mm-faint);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin-top:.7rem;padding-bottom:.35rem;font-size:.6875rem;font-weight:600}.tp-head span:first-child{grid-column:1/3}.tp-row{border-top:1px solid var(--mm-hairline);padding-block:.55rem}.tp-sev{background:var(--color-warning);border-radius:999px;width:.55rem;height:.55rem}.tp-sev-info{background:var(--color-info)}.tp-rule{text-overflow:ellipsis;white-space:nowrap;color:var(--color-base-content);font-weight:550;font-size:var(--text-xs);overflow:hidden}.tp-outcome{white-space:nowrap;border-radius:999px;justify-self:start;padding:.08rem .45rem;font-size:.6875rem;font-weight:650}.tp-outcome-fixed{background:color-mix(in oklab, var(--color-success) 16%, transparent);color:color-mix(in oklab, var(--color-success) 80%, var(--color-base-content))}.tp-outcome-failing{background:color-mix(in oklab, var(--color-warning) 22%, transparent);color:color-mix(in oklab, var(--color-warning) 45%, var(--color-base-content))}.tp-outcome-unverified{background:var(--mm-hairline);color:var(--mm-muted)}.tp-arch{--tp-space:oklch(22% .045 272);--tp-glow:oklch(62% .16 285);--tp-terrace:oklch(100% 0 0/.11);--tp-path:oklch(100% 0 0/.24);--tp-node:oklch(88% .03 265);--tp-in:oklch(80% .12 225);--tp-out:oklch(78% .15 300);--tp-broken:oklch(70% .19 25)}[data-theme=dark] .tp-arch{--tp-space:oklch(14% .03 272)}.tp-frame-ink{background:var(--tp-space);color:oklch(92% .01 265);border-color:oklch(100% 0 0/.12)}.tp-frame-ink .tp-bar{background:oklch(100% 0 0/.04);border-color:oklch(100% 0 0/.1)}.tp-frame-ink .tp-dots i{background:oklch(100% 0 0/.2)}.tp-frame-ink .tp-address{color:oklch(85% .02 265)}.tp-stage{aspect-ratio:16/9.4}.tp-hero .tp-stage{aspect-ratio:16/10.5}.tp-graph{width:100%;height:100%;display:block}.tp-terrace{fill:oklch(100% 0 0/.025);stroke:var(--tp-terrace);stroke-width:1px}.tp-paths line{stroke:var(--tp-path);stroke-width:1px;stroke-dasharray:2 3}.tp-links-in path,.tp-links-out path,.tp-link-broken{fill:none;stroke-width:1.6px;stroke-linecap:round}.tp-links-in path{stroke:var(--tp-in)}.tp-links-out path{stroke:var(--tp-out);stroke-dasharray:5 5;animation:2.4s linear infinite tp-flow}.tp-link-broken{stroke:var(--tp-broken);stroke-dasharray:3 4}.tp-node{fill:var(--tp-node)}.tp-node-start{fill:oklch(99% .005 265);filter:drop-shadow(0 0 6px oklch(80% .1 280/.9))}.tp-node-selected{fill:oklch(99% .005 265);stroke:var(--tp-out);stroke-width:2.5px}.tp-node-broken{fill:var(--tp-broken)}.tp-halo{fill:none;stroke:var(--tp-out);stroke-width:1.2px;opacity:.6;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite tp-halo}@keyframes tp-flow{to{stroke-dashoffset:-20px}}@keyframes tp-halo{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.75;transform:scale(1.15)}}.tp-legend{color:oklch(85% .02 265);border-top:1px solid oklch(100% 0 0/.1);flex-wrap:wrap;gap:.4rem 1rem;padding:.6rem .9rem .75rem;font-size:.75rem;display:flex}.tp-legend li{align-items:center;gap:.4rem;display:inline-flex}.tp-key{border-top:2px solid;width:.9rem;height:0}.tp-key-start{background:oklch(99% .005 265);border:0;border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 6px oklch(80% .1 280/.9)}.tp-key-path{border-top:1px dashed var(--tp-path)}.tp-key-in{border-color:var(--tp-in)}.tp-key-out{border-top-style:dashed;border-color:var(--tp-out)}.tp-key-broken{border-top-style:dotted;border-color:var(--tp-broken)}@media (width>=521px) and (width<=899px){.tool-card-visual{height:25rem}}.tp-3d{position:absolute;inset:0}.tp-3d canvas{width:100%;height:100%;display:block}.tp-stage{position:relative}.tp-live-only{display:none!important}.tp.tp-live .tp-frame{border-color:var(--mm-rule);background:var(--color-base-100);color:var(--color-base-content);flex-direction:column;gap:0;display:flex}.tp.tp-live .tp-bar{border-color:var(--mm-hairline);background:var(--color-base-200)}.tp.tp-live .tp-dots i{background:var(--mm-rule)}.tp.tp-live .tp-address{color:var(--mm-muted)}.tp.tp-live .tp-stage{background:var(--arch-structure-stage)}.tp.tp-live .tp-graph,.tp.tp-live .tp-svg-only{display:none!important}.tp.tp-live .tp-live-only{display:inline-flex!important}.tp.tp-live .tp-legend{border-color:var(--mm-hairline);color:var(--mm-muted)}.tp.tp-live .tp-key-start{background:var(--arch-structure-home);box-shadow:none}.tp.tp-live .tp-key-in{border-color:var(--arch-inbound)}.tp.tp-live .tp-key-out{border-top-style:solid;border-color:var(--arch-outbound)}.tp-key-error{background:var(--arch-error);border:0;border-radius:999px;width:.55rem;height:.55rem}.tp-legend-hint{margin-left:auto;font-style:italic}@media (width<=520px){.tp-head,.tp-row{grid-template-columns:.55rem minmax(0,1fr) 5.5rem}.tp-head span:nth-child(2),.tp-share,.tp-tabs span:nth-child(n+3){display:none}.tp-hero .tp-stage{aspect-ratio:4/3.2}.tool-card-visual{height:21rem}.tp-rule{white-space:normal;line-height:1.3}.tp-address{display:none}.tp-bar{justify-content:space-between}.tp-stage{overflow:hidden}.tp-graph{transform-origin:32% 55%;transform:scale(1.4)}.tp-legend{gap:.3rem .8rem}.tp-legend li:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.tp-links-out path,.tp-halo{animation:none}.tool-card-visual .tp{transition:none}.tool-card:hover .tool-card-visual .tp{transform:none}}.tl-hero{border-bottom:1px solid var(--ag-rule);align-items:center;gap:clamp(2rem,4vw,3.5rem);padding-top:clamp(0rem,1.6vw,1.5rem);padding-bottom:clamp(2.5rem,4.5vw,3.75rem);display:grid}@media (width>=1024px){.tl-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}}.tl-hero .ag-title{max-width:18ch}.tl-hero .ag-label-mark{background:var(--tool-accent);box-shadow:none}.tl-offer{border-left:2px solid var(--tool-accent);gap:.35rem;max-width:40rem;margin-top:1.5rem;padding:.15rem 0 .15rem 1rem;display:grid}.tl-offer-state{font-size:var(--text-sm);font-weight:650}.tl-offer-note{color:var(--ag-muted);font-size:var(--text-sm);line-height:1.5}.tl-glance{border-top:1px solid var(--ag-rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:0;margin-top:1.75rem;display:grid}.tl-glance>div{border-bottom:1px solid var(--ag-rule);padding:.85rem 1rem .85rem 0}.tl-glance dt{color:var(--ag-muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.tl-glance dd{font-size:var(--text-sm);margin-top:.2rem;font-weight:600;line-height:1.4}.tl-toc{font-size:var(--text-xs);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.5rem;display:flex}.tl-toc a{color:var(--ag-muted);text-decoration:underline;text-decoration-color:var(--ag-rule);text-underline-offset:.25em}.tl-toc a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.tl-prose{max-width:44rem;color:var(--color-base-content);font-size:var(--text-base);gap:1rem;line-height:1.7;display:grid}@media (width>=768px){.tl-steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.tl-steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.tl-points{border-top:1px solid var(--ag-rule);gap:0 2.5rem;display:grid}@media (width>=768px){.tl-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.tl-points{grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-points>li{border-bottom:1px solid var(--ag-rule);padding-block:1.25rem 1.35rem}.tl-points h3{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);align-items:center;gap:.6rem;font-weight:650;display:flex}.tl-points h3:before{content:"";background:var(--tool-accent);border-radius:2px;width:.55rem;height:.55rem}.tl-points p{color:var(--ag-muted);margin-top:.45rem;line-height:1.6}.tl-pair{gap:1rem;display:grid}@media (width>=768px){.tl-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.tl-pair>li{border:1px solid var(--ag-rule);border-top:2px solid var(--tool-accent);background:var(--color-base-100);padding:1.25rem 1.35rem 1.4rem}.tl-pair h3{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:650}.tl-pair p{color:var(--ag-muted);margin-top:.5rem;line-height:1.6}.tl-terms{border-top:2px solid var(--color-base-content);grid-template-columns:minmax(0,1fr);column-gap:2rem;display:grid}@media (width>=560px){.tl-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.tl-terms{grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-terms>div{border-bottom:1px solid var(--ag-rule);padding:1rem 1.25rem 1.1rem 0}.tl-terms dt{color:var(--ag-muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.tl-terms dd{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);margin-top:.3rem;font-weight:650;line-height:1.35}.tl-note{border-left:2px solid var(--tool-accent);max-width:44rem;margin-top:1.25rem;padding-left:1rem;font-weight:550}.tl-faq{border-top:1px solid var(--ag-rule);display:grid}.tl-faq>div{border-bottom:1px solid var(--ag-rule);gap:.4rem 2.5rem;padding-block:1.25rem;display:grid}@media (width>=900px){.tl-faq>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.tl-faq dt{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:650;line-height:1.35}.tl-faq dd{color:var(--ag-muted);line-height:1.65}.tl-maps{gap:1rem;margin-top:1.75rem;display:grid}@media (width>=640px){.tl-maps{grid-template-columns:repeat(2,minmax(0,1fr))}}.tl-map{border:1px solid var(--ag-rule);background:var(--color-base-100);margin:0;padding:1rem}.tl-map svg{width:100%;height:auto;display:block}.tl-map figcaption{color:var(--ag-muted);font-size:var(--text-xs);margin-top:.6rem}.tl-map-node{fill:var(--color-base-100);stroke:var(--mm-rule-strong);stroke-width:1.2px}.tl-map-root{fill:var(--color-base-content);stroke:none}.tl-map-label{fill:var(--color-base-content);font-family:var(--font-mono);font-size:11px}.tl-map-path{stroke:var(--mm-rule-strong);stroke-width:1.2px;stroke-dasharray:3 3;fill:none}.tl-map-link{stroke:var(--tool-accent);stroke-width:1.6px;fill:none}.tl-map-depth{fill:var(--ag-muted);letter-spacing:.06em;font-size:10px;font-weight:600}.tl-related{gap:.75rem;display:grid}@media (width>=768px){.tl-related{grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-related a{border:1px solid var(--ag-rule);background:var(--color-base-100);gap:.3rem;height:100%;padding:1rem 1.15rem;text-decoration:none;transition:border-color .2s;display:grid}.tl-related a:hover{border-color:var(--tool-accent)}.tl-related a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tl-related-label{font-weight:650}.tl-related-text{color:var(--ag-muted);font-size:var(--text-sm)}@media (pointer:coarse){.tp-3d canvas{pointer-events:none;touch-action:auto}.tp-legend-hint{display:none!important}}
