.nt-hero{position:relative;overflow:clip}.nt-hero-grid{z-index:1;gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;display:grid;position:relative}.nt-h1{margin:var(--space-5) 0 0;color:var(--paper);max-inline-size:11ch;font-size:clamp(2.75rem,6vi,6rem)}.nt-under{white-space:nowrap;position:relative}.nt-under-line{pointer-events:none;inline-size:60%;line-height:0;position:absolute;bottom:-.06em;left:0}.nt-hero-lede{margin:var(--space-5) 0 0;color:var(--text-on-ink-muted);max-inline-size:46ch}.nt-hero-pills{margin-top:var(--space-6);flex-wrap:wrap;gap:8px;display:flex}.nt-tilt{display:inline-block;transform:rotate(-2deg)}.nt-hero-scene{min-inline-size:0;position:relative}.nt-hero-hint{margin:var(--space-3) 0 0;text-align:center;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-on-ink-muted)}.xp{--xp-open:1;--xp-tx:0deg;--xp-ty:0deg;--xp-gap:58px;--xp-w:300px;--xp-h:340px;perspective:1600px;perspective-origin:50% 30%;touch-action:pan-y;place-items:center;block-size:560px;display:grid;position:relative}.xp-rig{inline-size:var(--xp-w);block-size:var(--xp-h);transform-style:preserve-3d;transform:translateY(18%) rotateX(calc(56deg + var(--xp-ty))) rotateZ(calc(-38deg + var(--xp-tx)));transition:transform var(--dur-slow) var(--ease-emphasized);position:relative}.xp[data-live] .xp-rig{transition:transform var(--dur-fast) var(--ease-out)}.xp-layer{transform-style:preserve-3d;transform:translateZ(calc(var(--i) * var(--xp-gap) * var(--xp-open)));transition:transform var(--dur-reveal) var(--ease-out) calc(var(--i) * var(--loop-stagger)), opacity var(--dur) var(--ease-out);position:absolute;inset:0}.xp[data-live] .xp-layer{transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur) var(--ease-out)}@starting-style{.xp-layer{transform:translateZ(0)}}.xp-layer,.xp-sheet,.xp-lead{pointer-events:none}.xp-tag{pointer-events:auto}.xp-sheet{border-radius:var(--radius-lg);box-shadow:0 0 0 var(--border-hair) color-mix(in srgb, var(--paper) 34%, transparent);background:color-mix(in srgb, var(--paper) 7%, transparent);position:absolute;inset:0}.xp-sheet[data-k=base]{background:var(--paper);background-image:linear-gradient(var(--line-200) 1px, transparent 1px), linear-gradient(90deg, var(--line-200) 1px, transparent 1px);background-size:24px 24px;box-shadow:0 40px 60px -20px #0000008c}.xp-wrapline{border-radius:var(--radius-md);outline:2px dashed var(--accent);outline-offset:-2px;font-family:var(--font-mono);color:var(--accent-text);padding:6px 8px;font-size:10px;position:absolute;inset:14px}.xp-sheet[data-k=grid]{grid-template-columns:1fr 1fr;gap:12px;padding:64px 22px 22px;display:grid}.xp-col{border-radius:var(--radius-md);background:color-mix(in srgb, var(--blush-100) 82%, transparent);display:block}.xp-col+.xp-col{background:color-mix(in srgb, var(--butter-400) 78%, transparent)}.xp-sheet[data-k=content]{flex-direction:column;gap:10px;padding:76px 30px 30px;display:flex}.xp-h{border-radius:var(--radius-pill);background:var(--paper);block-size:22px;inline-size:80%;display:block}.xp-p{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--paper) 60%, transparent);block-size:8px;inline-size:92%;display:block}.xp-p[data-short]{inline-size:60%}.xp-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.xp-tiles i{border-radius:var(--radius-md);background:var(--accent);block-size:72px}.xp-tiles i:nth-child(2){background:var(--butter-400)}.xp-tiles i:nth-child(3){background:var(--paper)}.xp-sheet[data-k=header]{box-shadow:none;background:0 0}.xp-nav{border-radius:var(--radius-pill);background:var(--paper);align-items:center;gap:10px;block-size:40px;padding:0 14px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 24px 40px -16px #00000080}.xp-nav i{border-radius:var(--radius-pill);background:var(--ink-300);block-size:6px;inline-size:34px;display:block}.xp-nav .xp-dot{background:var(--accent);border-radius:5px;block-size:16px;inline-size:16px;margin-inline-end:auto}.xp-sheet[data-k=machine]{box-shadow:0 0 0 var(--border-hair) color-mix(in srgb, var(--butter-300) 50%, transparent);background:0 0;flex-direction:column;justify-content:flex-end;gap:10px;padding:22px;display:flex}.xp-code{font-family:var(--font-mono);white-space:pre;color:var(--butter-300);font-size:12px;line-height:1.5}.xp-code[data-small]{color:var(--coral-300);font-size:10px}.xp-pin{block-size:0;inline-size:0;transform-style:preserve-3d;position:absolute;top:46%}.xp-pin[data-side=r]{left:100%}.xp-pin[data-side=l]{right:100%}.xp-layer[data-k=machine] .xp-pin[data-side=l]{top:18%}.xp-pin[data-at=low]{top:84%}.xp-lead{border-top:1.5px dashed color-mix(in srgb, var(--paper) 55%, transparent);inline-size:56px;position:absolute;top:0}.xp-pin[data-side=r] .xp-lead{left:0}.xp-pin[data-side=l] .xp-lead{right:0}.xp-tag{border-radius:var(--radius-md);background:var(--paper);color:var(--ink-900);white-space:nowrap;box-shadow:var(--shadow-md);transform:translateY(-50%) rotateZ(calc(38deg - var(--xp-tx))) rotateX(calc(-56deg - var(--xp-ty)));transition:background-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);flex-direction:column;gap:2px;padding:8px 12px;text-decoration:none;display:inline-flex;position:absolute;top:0}.xp-pin[data-side=r] .xp-tag{transform-origin:0;left:56px}.xp-pin[data-side=l] .xp-tag{transform-origin:100%;right:56px}.xp-tag code{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--accent-text)}.xp-tag span{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--ink-700)}.xp-tag:hover,.xp-tag:focus-visible{background:var(--butter-400);outline:none}.xp-tag:focus-visible{box-shadow:var(--ring-focus)}.xp-tag:hover code,.xp-tag:focus-visible code{color:var(--ink-900)}.xp-rig:has(.xp-tag:hover,.xp-tag:focus-visible) .xp-layer:not(:has(.xp-tag:hover,.xp-tag:focus-visible)){opacity:.32}.xp-layer:has(.xp-tag:hover,.xp-tag:focus-visible){transform:translateZ(calc(var(--i) * var(--xp-gap) * var(--xp-open) + 26px))}.nt-feat{gap:var(--space-10);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;display:grid}.nt-meta{gap:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;margin:0;display:flex}.nt-meta span:first-child{color:var(--accent-text)}.nt-feat-h{margin:var(--space-4) 0 0;max-inline-size:16ch}.nt-feat-h a{color:inherit;transition:background-size var(--dur) var(--ease-out), color var(--dur-fast) var(--ease-snap);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;text-decoration:none}.nt-feat-h a:hover{color:var(--accent-text);transition-duration:var(--dur-fast);background-size:100% 2px}.nt-feat-h a:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-xs);outline:none}.nt-feat-lede{margin:var(--space-4) 0 0;color:var(--ink-700);max-inline-size:44ch}.nt-feat-steps{margin:var(--space-5) 0 var(--space-6);counter-reset:st;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.nt-feat-steps li{counter-increment:st;padding-left:var(--space-8);color:var(--ink-700);max-inline-size:46ch;position:relative}.nt-feat-steps li:before{content:counter(st, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-text);position:absolute;top:.2em;left:0}.nt-feat-steps code,.nt-pr-b code{font-family:var(--font-mono);font-size:var(--text-sm);padding:1px var(--space-2);border-radius:var(--radius-xs);background:var(--tint-accent);color:var(--text-primary)}.nt-feat-lab{min-inline-size:0}.nt-notes-h{margin:0 0 var(--space-6);max-inline-size:20ch}.nt-grid{gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;display:grid}.nt-item{min-inline-size:0;display:flex}.nt-item>.bl-reveal{flex:1;min-inline-size:0;display:flex}.nt-item .bl-artcard{flex:1;min-block-size:360px;min-inline-size:0}.nt-item[data-span="5"]{grid-column:span 5}.nt-item[data-span="6"]{grid-column:span 6}.nt-item[data-span="7"]{grid-column:span 7}.nt-item[data-span="12"]{grid-column:span 12}.nt-item[data-span="1"],.nt-item[data-span="2"],.nt-item[data-span="3"],.nt-item[data-span="4"]{grid-column:span 6}::view-transition-group(*){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-emphasized)}::view-transition-old(*){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-emphasized)}::view-transition-new(*){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-emphasized)}.nt-sy-head{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.nt-sy-h{max-inline-size:14ch;margin:0}.nt-sy-lede{color:var(--text-on-blush-muted,var(--ink-700));max-inline-size:42ch;margin:0}.sy{gap:var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;display:grid}.sy-pick{border-top:var(--border-width) solid var(--ink-900);flex-direction:column;display:flex}.sy-btn{align-items:center;gap:var(--space-3);min-block-size:64px;padding:var(--space-3) var(--space-2);border:0;border-bottom:var(--border-width) solid var(--ink-900);color:var(--ink-900);text-align:left;cursor:pointer;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-title);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);transition:background-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap), padding var(--dur) var(--ease-out);background:0 0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.sy-q{font-family:var(--font-serif-accent);color:var(--accent-text);font-size:1.6em;font-style:italic;line-height:.6}.sy-arrow{opacity:0;transition:opacity var(--dur-fast) var(--ease-snap), transform var(--dur-fast) var(--ease-snap);transform:translate(-8px)}.sy-btn:hover{background:color-mix(in srgb, var(--paper) 55%, transparent)}.sy-btn:hover .sy-arrow,.sy-btn[aria-pressed=true] .sy-arrow{opacity:1;transform:translate(0)}.sy-btn[aria-pressed=true]{background:var(--ink-900);color:var(--paper);padding-inline:var(--space-4)}.sy-btn[aria-pressed=true] .sy-q{color:var(--coral-300)}.sy-btn[aria-pressed=true]:hover{background:var(--ink-700)}.sy-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.sy-slot{top:var(--sticky-top);flex-direction:column;align-items:stretch;display:flex;position:sticky}.sy-slit{border-radius:var(--radius-pill);background:var(--ink-900);block-size:14px;box-shadow:inset 0 -4px 0 var(--ink-700);margin-inline:calc(-1 * var(--space-3));z-index:1;display:block;position:relative}.sy-ticket{margin:-7px var(--space-2) 0;padding:var(--space-6) var(--space-5) var(--space-8);background:var(--paper-raised);color:var(--ink-900);box-shadow:var(--shadow-lg);gap:var(--space-4);clip-path:inset(0 -40px -40px);transform-origin:top;transition:clip-path var(--dur-slow) var(--ease-emphasized), transform var(--dur-slow) var(--ease-emphasized);flex-direction:column;display:flex;position:relative}@starting-style{.sy-ticket{clip-path:inset(0 -40px 100%);transform:translateY(-12px)}}.sy-ticket-head{padding-bottom:var(--space-3);border-bottom:1.5px dashed var(--line-300);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);justify-content:space-between;display:flex}.sy-ticket-symptom{font-family:var(--font-serif-accent);font-style:italic;font-size:var(--text-h3);line-height:var(--lh-snug);letter-spacing:var(--ls-serif);margin:0}.sy-ticket-rows{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,auto) minmax(0,1fr);margin:0;display:grid}.sy-ticket-rows dt{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);text-transform:uppercase;color:var(--accent-text);padding-top:.3em}.sy-ticket-rows dd{color:var(--ink-700);margin:0}.sy-ticket-go{align-self:flex-start;align-items:center;gap:var(--space-2);min-block-size:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--ink-900);color:var(--paper);font-weight:var(--fw-bold);transition:background-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);text-decoration:none;display:inline-flex}.sy-ticket-go:hover{background:var(--accent);color:var(--text-on-accent-strong,var(--ink-900))}.sy-ticket-go:focus-visible{box-shadow:var(--ring-focus);outline:none}.sy-ticket-go:active{transform:scale(var(--press-scale))}.sy-ticket-tear{background:linear-gradient(-45deg, transparent 6px, var(--paper-raised) 0) 0 0 / 14px 10px repeat-x, linear-gradient(45deg, transparent 6px, var(--paper-raised) 0) 0 0 / 14px 10px repeat-x;block-size:10px;position:absolute;bottom:-9px;left:0;right:0}.nt-pr{position:relative;overflow:clip}.nt-pr-h{margin:0 0 var(--space-10);color:var(--paper);max-inline-size:18ch}.nt-pr-list{gap:var(--space-8);counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.nt-pr-item{padding-top:var(--space-6);border-top:var(--border-width) solid var(--line-ink);position:relative}.nt-pr-n{font-family:var(--font-serif-accent);font-style:italic;font-size:var(--text-display);color:var(--coral-300);line-height:1;display:block}.nt-pr-t{margin:var(--space-4) 0 var(--space-3);color:var(--paper)}.nt-pr-b{color:var(--text-on-ink-muted);max-inline-size:36ch;margin:0}.nt-crumb{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);display:inline-flex}.nt-crumb a{color:var(--accent-text);align-items:center;min-block-size:44px;text-decoration:none;display:inline-flex}.nt-crumb a:hover{text-underline-offset:3px;text-decoration:underline}.nt-crumb a:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-xs);outline:none}.nt-post-h1{margin:var(--space-4) 0 0;max-inline-size:18ch}.nt-post-lede{margin:var(--space-5) 0 0;max-inline-size:52ch}.nt-post-meta{margin-top:var(--space-6);flex-wrap:wrap;gap:8px;display:flex}.nt-post-lab{margin-top:var(--space-10)}.nt-post-lab-h{margin:0 0 var(--space-4);justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.nt-post-lab-h p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.nt-faq-h{margin:0 0 var(--space-6)}.nt-more{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.nt-more>li{min-inline-size:0;display:flex}.nt-more>li>.bl-reveal{flex:1;min-inline-size:0;display:flex}.nt-more .bl-artcard{flex:1;min-inline-size:0}.nt-more-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.nt-more-head h2{margin:0}.nt-more-head a{font-weight:var(--fw-bold);color:var(--accent-text);text-underline-offset:3px;align-items:center;min-block-size:44px;display:inline-flex}@media (max-width:1100px){.xp{--xp-gap:46px;--xp-w:250px;--xp-h:290px;block-size:480px}.nt-feat{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.nt-more{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.nt-hero-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.nt-grid{grid-template-columns:minmax(0,1fr)}.nt-item[data-span]{grid-column:1/-1}.nt-sy-head,.sy{grid-template-columns:minmax(0,1fr)}.sy-slot{position:relative;top:auto}.nt-pr-list{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}.xp-list{display:none}@media (max-width:560px){.xp{--xp-gap:34px;--xp-w:190px;--xp-h:220px;grid-template-rows:340px auto;block-size:auto}.xp-pin{display:none}.xp-list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.xp-list li{min-inline-size:0;display:flex}.xp-list .xp-tag{white-space:normal;flex:1;min-block-size:44px;min-inline-size:0;position:static;transform:none}.xp-list .xp-tag code{overflow-wrap:anywhere}.xp-sheet[data-k=grid]{padding:40px 12px 12px}.xp-sheet[data-k=content]{padding:46px 16px 16px}.xp-tiles i{block-size:40px}.xp-code{font-size:9px}.sy-btn{font-size:var(--text-body-lg)}.nt-hero-hint{display:none}}
.lab{--lab-pad:var(--space-2);padding:var(--lab-pad);border-radius:var(--radius-2xl);background:var(--tint-ink);box-shadow:inset 0 0 0 var(--border-hair) var(--line-any);min-inline-size:0;margin:0}.lab-screen{border-radius:calc(var(--radius-2xl) - var(--lab-pad));background:var(--paper);box-shadow:var(--shadow-sm), inset 0 0 0 var(--border-hair) var(--line-any);overflow:clip}.lab-bar{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:var(--border-hair) solid var(--line-any);background:var(--paper-raised);flex-wrap:wrap;display:flex}.lab-dots{gap:6px;display:inline-flex}.lab-dots i{background:var(--ink-300);border-radius:50%;block-size:9px;inline-size:9px}.lab-dots i:first-child{background:var(--accent)}.lab-url{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:120px;min-inline-size:0;overflow:hidden}.lab-status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-label-tight);background:var(--tint-ink);color:var(--ink-700);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);display:inline-flex}.lab-status:before{content:"";opacity:.5;background:currentColor;border-radius:50%;block-size:7px;inline-size:7px}.lab-status[data-status=ok]{background:var(--ink-900);color:var(--paper)}.lab-status[data-status=ok]:before{background:var(--butter-400);opacity:1}.lab-status[data-status=bad]{background:var(--accent);color:var(--text-on-accent-strong,var(--ink-900))}.lab-status[data-status=bad]:before{background:var(--ink-900);opacity:1}.lab-view{position:relative}.lab-caption{padding:var(--space-3) var(--space-3) var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.lab-controls{align-items:flex-end;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-3) var(--space-2);flex-wrap:wrap;display:flex}.lab-seg{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.lab-seg-legend{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);text-transform:uppercase;color:var(--text-muted)}.lab-seg-row{background:var(--paper);box-shadow:inset 0 0 0 var(--border-hair) var(--line-any);border-radius:26px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.lab-seg-btn{align-items:center;gap:var(--space-2);min-block-size:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--ink-700);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:0;display:inline-flex}.lab-seg-btn:hover:not([aria-pressed=true]){background:var(--tint-ink);color:var(--ink-900);transition-duration:var(--dur-fast);transition-timing-function:var(--ease-snap)}.lab-seg-btn:focus-visible,.lab-replay:focus-visible,.lab-scroll:focus-visible,.lab-anchor-links button:focus-visible,.lab-schema-try button:focus-visible,.lab-field input:focus-visible,.lab-range input:focus-visible{box-shadow:var(--ring-focus);outline:none}.lab-seg-btn[aria-pressed=true]{background:var(--ink-900);color:var(--paper)}.lab-seg-btn[aria-pressed=true][data-bad]{background:var(--accent);color:var(--text-on-accent-strong,var(--ink-900))}.lab-seg-btn[aria-pressed=true]:hover{background:var(--ink-700);transition-duration:var(--dur-fast);transition-timing-function:var(--ease-snap)}.lab-seg-btn[aria-pressed=true][data-bad]:hover{background:var(--coral-300)}.lab-seg-btn:active{transform:scale(var(--press-scale));transition:transform var(--dur-fast) var(--ease-spring)}.lab-seg-tag{padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);text-transform:uppercase;background:var(--tint-accent);color:var(--accent-text)}.lab-seg-tag[data-fix]{background:var(--butter-400);color:var(--ink-900)}.lab-seg-btn[aria-pressed=true] .lab-seg-tag{background:color-mix(in srgb, currentColor 16%, transparent);color:inherit}.lab-replay{align-items:center;gap:var(--space-2);min-block-size:44px;padding:0 var(--space-4);border:var(--border-width) solid var(--ink-900);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-900);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);display:inline-flex}.lab-replay:hover{background:var(--ink-900);color:var(--paper)}.lab-replay:active{transform:scale(var(--press-scale))}.lab-hint{font-size:var(--text-sm);color:var(--text-muted);overflow-wrap:anywhere;flex:200px;margin:0}.lab-hint[data-bad]{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--text-xs)}.lab-path{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-700);flex-wrap:wrap;margin:0;display:flex}.lab-path-sep{color:var(--text-muted)}.lab-path-node{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out)}.lab-path-node[data-hot]{background:var(--accent);color:var(--text-on-accent-strong,var(--ink-900))}.lab-scroll{--lab-head:56px;background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent;block-size:360px;position:relative;overflow:auto}.lab[data-size=lg] .lab-scroll{block-size:440px}.lab-page{gap:var(--space-3);padding:var(--space-5) 0;flex-direction:column;display:flex}.lab-scroll>.lab-page{padding-inline:var(--space-4)}.lab-line{border-radius:var(--radius-pill);background:var(--line-200);block-size:10px;display:block}.lab-line[data-w=hero]{background:var(--ink-900);block-size:28px;inline-size:72%}.lab-line[data-w="40"]{inline-size:40%}.lab-line[data-w="45"]{inline-size:45%}.lab-line[data-w="50"]{inline-size:50%}.lab-line[data-w="60"]{inline-size:60%}.lab-line[data-w="65"]{inline-size:65%}.lab-line[data-w="70"]{inline-size:70%}.lab-line[data-w="72"]{inline-size:72%}.lab-line[data-w="75"]{inline-size:75%}.lab-line[data-w="80"]{inline-size:80%}.lab-tiles{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lab-tiles i{border-radius:var(--radius-md);background:var(--blush-100);block-size:64px}.lab-tiles i:nth-child(2){background:var(--butter-100)}.lab-tiles i:nth-child(3){background:var(--tint-accent)}.lab-block{border-radius:var(--radius-lg);background:var(--tint-ink);block-size:120px;display:block}.lab-logo{background:var(--accent);border-radius:6px;flex:none;block-size:18px;inline-size:18px}.lab-bars{gap:6px;display:inline-flex}.lab-bars i{border-radius:var(--radius-pill);background:var(--ink-500);block-size:6px;inline-size:30px}.lab-sticky-wrap{margin:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);outline:1.5px dashed var(--ink-300);outline-offset:-1.5px;transition:outline-color var(--dur) var(--ease-out);position:relative}.lab-sticky-wrap[data-mode=hidden]{outline-color:var(--accent)}.lab-node-tag{padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--ink-900);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);white-space:nowrap;display:inline-block}.lab-sticky-wrap[data-mode=hidden]>.lab-node-tag{background:var(--accent);color:var(--text-on-accent-strong,var(--ink-900))}.lab-sticky-nav{top:var(--space-2);z-index:1;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--ink-900);box-shadow:var(--shadow-md);display:flex;position:sticky}.lab-node-tag[data-on=nav]{background:var(--butter-400);color:var(--ink-900);margin-inline-start:auto}.lab-anchor-head{z-index:2;block-size:var(--lab-head);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--ink-900);display:flex;position:sticky;top:0}.lab-anchor-links{gap:var(--space-1);display:inline-flex}.lab-anchor-links button{min-block-size:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-snap);background:0 0;border:0}.lab-anchor-links button:hover{background:var(--ink-700)}.lab-anchor-sec{padding:var(--space-6) var(--space-4);border-top:var(--border-hair) solid var(--line-any);gap:var(--space-3);flex-direction:column;display:flex}.lab-anchor-h[data-fix]{scroll-margin-top:var(--lab-head)}.lab-anchor-h{padding:2px var(--space-2);border-radius:var(--radius-xs);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-h3);line-height:var(--lh-snug);color:var(--ink-900);transition:background-color var(--dur) var(--ease-out);align-self:flex-start;margin:0}.lab-anchor-h[data-hit]{background:var(--butter-400)}.lab-inl-stage{gap:var(--space-4);padding:var(--space-5) var(--space-4);background:var(--paper);flex-direction:column;display:flex;overflow:clip}.lab-inl-frame{outline:1.5px dashed var(--ink-300);outline-offset:6px;border-radius:var(--radius-sm);max-inline-size:100%;margin-inline:auto;container-type:inline-size}.lab-inl-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@container (max-width:439px){.lab-inl-grid{grid-template-columns:1fr}}.lab-inl-card{gap:var(--space-2);min-inline-size:170px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--blush-100);flex-direction:column;display:flex}.lab-inl-card+.lab-inl-card{background:var(--butter-100)}.lab-inl-card i{border-radius:var(--radius-pill);background:var(--line-300);block-size:8px;display:block}.lab-inl-card i:first-child{border-radius:var(--radius-sm);background:var(--ink-900);block-size:40px}.lab-inl-card i:last-child{inline-size:60%}.lab-inl-grid[data-lost] .lab-inl-card{box-shadow:inset 0 0 0 2px var(--accent)}.lab-inl-devtools{padding:var(--space-4);border-radius:var(--radius-md);background:var(--ink-900);color:var(--text-on-ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre;margin:0;line-height:1.6;overflow-x:auto}.lab-dt-rule{transition:opacity var(--dur) var(--ease-out);display:block}.lab-dt-rule b{font-weight:var(--fw-medium);color:var(--butter-300)}.lab-dt-decl{transition:color var(--dur) var(--ease-out)}.lab-dt-rule[data-state=win] .lab-dt-decl{color:var(--paper)}.lab-dt-rule[data-state=lose] .lab-dt-decl{text-decoration:line-through;-webkit-text-decoration-color:var(--coral-300);text-decoration-color:var(--coral-300);text-decoration-thickness:1.5px}.lab-dt-rule[data-state=off]{opacity:.45}.lab-range{gap:var(--space-2);flex-direction:column;display:inline-flex}.lab-range input{min-block-size:44px;inline-size:200px;accent-color:var(--accent)}.lab-range-val{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.lab-motion{padding:var(--space-5) var(--space-4);background:var(--paper)}.lab-motion-page{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lab-motion-b{border-radius:var(--radius-md);background:var(--butter-100);block-size:96px;display:block}.lab-motion-b[data-i="0"]{border-radius:var(--radius-pill);background:var(--ink-900);grid-column:1/-1;block-size:30px;inline-size:70%}.lab-motion-b[data-i="1"]{border-radius:var(--radius-pill);background:var(--line-300);block-size:12px;inline-size:48%;grid-column:1/-1;margin-block-end:var(--space-3)}.lab-motion-b[data-i="3"]{background:var(--blush-100)}.lab-motion-b[data-i="4"]{background:var(--tint-accent)}.lab-motion-b[data-i="5"]{background:var(--accent)}.lab-motion-clock{align-items:center;gap:var(--space-3);margin-block-start:var(--space-5);display:flex}.lab-motion-track{border-radius:var(--radius-pill);background:var(--line-200);flex:1;block-size:4px;overflow:hidden}.lab-motion-track i{background:var(--accent);transform-origin:0;block-size:100%;display:block;transform:scaleX(0)}.lab-motion-note{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);text-transform:uppercase;color:var(--text-muted)}.lab-redir,.lab-schema{gap:var(--space-4);padding:var(--space-4);background:var(--paper);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.lab-redir-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lab-redir-row{justify-content:space-between;gap:var(--space-1) var(--space-3);min-block-size:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--tint-ink);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-700);transition:background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex-wrap:wrap;align-items:center;display:flex}.lab-redir-path{overflow-wrap:anywhere}.lab-redir-row[data-state=now]{box-shadow:inset 0 0 0 1.5px var(--ink-900)}.lab-redir-row[data-code="404"]{background:var(--tint-accent)}.lab-redir-row[data-code="404"] .lab-redir-res{color:var(--accent-text);font-weight:var(--fw-bold)}.lab-redir-row[data-code="301"]{background:var(--butter-100)}.lab-redir-row[data-code="301"] .lab-redir-res{color:var(--ink-900);font-weight:var(--fw-bold)}.lab-redir-table{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--ink-900);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);flex-direction:column;align-self:start;display:flex}.lab-redir-table .lab-seg-legend{color:var(--text-on-ink-muted)}.lab-redir-rule{gap:var(--space-2);flex-wrap:wrap;display:flex}.lab-redir-rule code{color:var(--butter-300);overflow-wrap:anywhere}.lab-redir-empty{color:var(--text-on-ink-muted)}.lab-schema-cms{gap:var(--space-3);flex-direction:column;display:flex}.lab-field{gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);text-transform:uppercase;color:var(--text-muted);flex-direction:column;display:flex}.lab-field input{min-block-size:44px;padding:0 var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--paper-raised);color:var(--ink-900);font-family:var(--font-sans);font-size:var(--text-sm);text-transform:none;letter-spacing:normal}.lab-schema-try{gap:var(--space-2);flex-wrap:wrap;display:flex}.lab-schema-try button{min-block-size:44px;padding:0 var(--space-3);border:var(--border-hair) solid var(--line-any);border-radius:var(--radius-pill);background:var(--paper-raised);color:var(--ink-900);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap)}.lab-schema-try button:hover{background:var(--ink-900);color:var(--paper)}.lab-schema-out{padding:var(--space-4);border-radius:var(--radius-md);background:var(--ink-900);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere;transition:box-shadow var(--dur) var(--ease-out);margin:0;line-height:1.6}.lab-schema-out .lab-seg-legend{color:var(--text-on-ink-muted);text-transform:none}.lab-schema-out[data-bad]{box-shadow:inset 0 0 0 2px var(--accent)}@media (max-width:720px){.lab-redir,.lab-schema{grid-template-columns:minmax(0,1fr)}.lab-controls{align-items:stretch}.lab-range input{inline-size:100%}.lab-seg-btn{padding:0 var(--space-3)}.lab-sticky-nav .lab-bars{display:none}}