@layer components{.lab-tools{box-sizing:border-box;inline-size:100%;max-inline-size:var(--container-shell);min-inline-size:0;padding-inline-start:max(var(--container-gutter), env(safe-area-inset-left));padding-inline-end:max(var(--container-gutter), env(safe-area-inset-right));padding-block:var(--spacing-8) var(--spacing-24);overflow-wrap:anywhere;margin-inline:auto}.lab-tools *,.lab-tools :before,.lab-tools :after{box-sizing:border-box}.lab-tools__header{min-inline-size:0;padding-block-end:var(--spacing-12)}.lab-tools__eyebrow,.lab-tools__count,.lab-track__rail,.tools-feature__number,.tools-secondary__number{color:var(--color-accent);font:600 var(--text-label) / var(--text-label--line-height) var(--font-mono);letter-spacing:var(--tracking-label)}.lab-tools__header h1{margin:var(--spacing-3) 0 var(--spacing-6);font:700 var(--text-display) / var(--text-display--line-height) var(--font-display);letter-spacing:var(--tracking-display)}.lab-tools__header p,.lab-track__description,.tools-feature__description,.tools-secondary__description{max-inline-size:var(--text-measure);color:var(--color-muted);font-size:var(--text-body);line-height:var(--text-body--line-height);margin:0}.lab-tools__header--lab{gap:var(--spacing-8);border-block-end:var(--border-width) solid var(--color-border-control);grid-template-columns:minmax(0,1fr);display:grid}.lab-tools__motif{background:radial-gradient(circle at center, var(--color-surface) 0, transparent 65%);pointer-events:none;min-block-size:13rem;min-inline-size:0;display:none;position:relative}.lab-tools__motif:before,.lab-tools__motif:after,.lab-tools__motif span{content:"";border:var(--border-width) solid var(--color-border-control);position:absolute;transform:rotate(-24deg)}.lab-tools__motif:before{border-radius:50%;inset:12% 18%}.lab-tools__motif:after{border-color:var(--color-border-subtle);border-radius:50%;inset:25% 26%}.lab-tools__motif span:first-child{border-block-end:0;border-inline:0;inset:49% 2% auto}.lab-tools__motif span:nth-child(2){border-block:0;border-inline-end:0;inset:3% 49% 3% auto}.lab-tools__motif span:last-child{inline-size:var(--spacing-3);block-size:var(--spacing-3);border-color:var(--color-accent);background:var(--color-background);inset:48% auto auto 49%}.lab-tools__section-heading{justify-content:space-between;align-items:baseline;gap:var(--spacing-4);min-inline-size:0;padding-block:var(--spacing-8);display:flex}.lab-tools__section-heading h2,.lab-tools__other h2{font:600 var(--text-heading) / var(--text-heading--line-height) var(--font-display);margin:0}.lab-tools__count{flex:none}.lab-tools__identity{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;min-inline-size:0;display:flex}.lab-tools__icon{inline-size:var(--icon-size-large);block-size:var(--icon-size-large);color:var(--color-accent);flex:none}.lab-tools__body{gap:var(--spacing-3);max-inline-size:var(--text-measure);color:var(--color-foreground);font-size:var(--text-body);line-height:var(--text-body--line-height);display:grid}.lab-tools__body p{margin:0}.lab-tools__tags{gap:var(--spacing-2) var(--spacing-4);min-inline-size:0;color:var(--color-muted);font:var(--text-label) / var(--text-label--line-height) var(--font-mono);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lab-tools__tags li+li:before{content:"/";color:var(--color-accent);margin-inline-end:var(--spacing-4)}.lab-tools__destination{min-inline-size:0;margin-block-start:auto}.lab-tools__link{align-items:center;gap:var(--spacing-3);min-block-size:var(--touch-target);max-inline-size:100%;padding:var(--spacing-2) var(--spacing-4);border:var(--border-width) solid var(--color-border-control);color:var(--color-foreground);font:600 var(--text-label) / var(--text-label--line-height) var(--font-mono);overflow-wrap:anywhere;text-decoration:none;display:inline-flex}.lab-tools__unavailable{color:var(--color-muted);font:var(--text-label) / var(--text-label--line-height) var(--font-mono);margin:0}.lab-tools__link:focus-visible{outline:var(--focus-width) solid var(--color-foreground);outline-offset:var(--focus-offset);border-color:var(--color-accent)}.lab-tools__visual{inline-size:100%;min-inline-size:0;margin:0}.lab-tools__visual img{object-fit:contain;border:var(--border-width) solid var(--color-border-subtle);block-size:auto;inline-size:100%;display:block}.lab-tools__visual figcaption{color:var(--color-muted);font:var(--text-micro) / var(--text-micro--line-height) var(--font-mono);margin-block-start:var(--spacing-2)}.lab-tools__empty{padding:var(--spacing-8) var(--spacing-4);border-block:var(--border-width) solid var(--color-border-control);color:var(--color-muted);margin:0}.lab-tracks__list,.tools-workbench__secondary{min-inline-size:0;margin:0;padding:0;list-style:none}.lab-tracks__list{gap:var(--spacing-8);display:grid;position:relative}.lab-tracks__list:before{content:"";border-inline-start:var(--border-width) solid var(--color-border-control);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:var(--spacing-4)}.lab-tracks__item,.lab-track,.lab-track__content{min-inline-size:0}.lab-track{gap:var(--spacing-4);display:flex;position:relative}.lab-track__rail{z-index:1;flex:0 0 var(--spacing-8);background:var(--color-background);justify-content:center;align-items:start;padding-block-start:var(--spacing-4);display:flex;position:relative}.lab-track__rail:before{content:"";inline-size:var(--spacing-2);block-size:var(--spacing-2);border:var(--border-width) solid var(--color-accent);background:var(--color-background);position:absolute;inset-block-start:0;inset-inline-start:calc(50% - var(--spacing-1))}.lab-track__content{align-items:start;gap:var(--spacing-4);padding:var(--spacing-6);border-block-start:var(--border-width) solid var(--color-border-control);background:linear-gradient(135deg, var(--color-surface), var(--color-background));flex-direction:column;flex:1;display:flex}.lab-track h3,.tools-secondary h3{font:600 var(--text-heading) / var(--text-heading--line-height) var(--font-display);margin:0}.lab-track:focus-within .lab-track__content,.tools-feature:focus-within,.tools-secondary:focus-within{border-color:var(--color-accent)}.lab-tools__header--tools{border-block-end:var(--border-width) solid var(--color-border-control)}.tools-workbench__layout{gap:var(--spacing-8);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.tools-feature,.tools-secondary{align-items:start;gap:var(--spacing-4);border-block-start:var(--border-width) solid var(--color-border-control);flex-direction:column;min-inline-size:0;display:flex;position:relative}.tools-feature{min-block-size:26rem;padding:var(--spacing-6);border:var(--border-width) solid var(--color-border-control);background:linear-gradient(145deg, var(--color-surface-raised), var(--color-surface) 65%)}.tools-feature:after{content:"";aspect-ratio:1;border-block-start:var(--border-width) solid var(--color-accent);border-inline-end:var(--border-width) solid var(--color-border-control);pointer-events:none;inline-size:clamp(2rem,10vw,7rem);position:absolute;inset-block-start:var(--spacing-6);inset-inline-end:var(--spacing-6)}.tools-feature__number{margin-block-end:var(--spacing-8)}.tools-feature h3{max-inline-size:100%;font:700 clamp(2rem, 5vw, 4.5rem) / 1.1 var(--font-display);margin:0}.tools-feature .lab-tools__body{margin-block-end:var(--spacing-4)}.tools-workbench__secondary{align-content:start;gap:var(--spacing-8);display:grid}.tools-workbench__secondary li{min-inline-size:0}.tools-secondary{padding:var(--spacing-6) 0 var(--spacing-4)}.tools-secondary__number{margin-block-end:var(--spacing-4)}.lab-tools__other{border-block-start:var(--border-width) solid var(--color-border-control);margin-block-start:var(--spacing-24);padding-block-start:var(--spacing-8)}.lab-tools__other h2{margin-block-end:var(--spacing-8)}@media (min-width:48rem){.lab-tools{padding-block-start:var(--spacing-12)}.lab-tools__header--lab{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center}.lab-tools__motif{display:block}.lab-tracks__list{gap:var(--spacing-12)}.lab-track{gap:var(--spacing-6)}.lab-track__content{padding:var(--spacing-8)}.tools-workbench__layout{align-items:start;gap:var(--spacing-8);grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr)}.tools-feature{padding:var(--spacing-8)}}@media (min-width:80rem){.lab-tracks__list:before{inset-inline-start:50%}.lab-tracks__item{inline-size:calc(50% + var(--spacing-8))}.lab-tracks__item:nth-child(odd){margin-inline-end:auto}.lab-tracks__item:nth-child(odd) .lab-track{flex-direction:row-reverse}.lab-tracks__item:nth-child(2n){margin-inline-start:auto}.lab-track__rail{flex-basis:var(--spacing-16)}.lab-track__content{flex-basis:0}.tools-workbench__layout{gap:var(--spacing-12)}}@media (max-width:47.99rem){.lab-tools{padding-block:var(--spacing-8) var(--spacing-16)}.lab-tools__header{padding-block-end:var(--spacing-8)}.lab-tools__section-heading{padding-block:var(--spacing-6)}.lab-track__content,.tools-feature{padding:var(--spacing-4)}.tools-feature__number{margin-block-end:var(--spacing-4)}.lab-tools__other{margin-block-start:var(--spacing-16)}}@media (hover:hover) and (pointer:fine){.lab-tools__link:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-raised)}.lab-track:hover .lab-track__content,.tools-feature:hover,.tools-secondary:hover{border-color:var(--color-accent)}}@media (prefers-reduced-motion:no-preference){.lab-tools__link,.lab-track__content,.tools-feature,.tools-secondary{transition:border-color var(--duration-interface) var(--ease-interface), color var(--duration-interface) var(--ease-interface), background-color var(--duration-interface) var(--ease-interface)}}}