.lab-shell{--lab-ink:#0a1d37;--lab-muted:#526176;--lab-line:#d9e1ea;--lab-paper:#f8fafc;--lab-red:#c62828;background:var(--lab-paper);min-height:100vh;color:var(--lab-ink);font-family:var(--font-sans);flex-direction:column;line-height:1.55;display:flex}.lab-shell *{box-sizing:border-box}.lab-shell a{color:inherit;text-decoration:none}.lab-shell a:hover{text-underline-offset:.25em;text-decoration:underline}.lab-shell :focus-visible{outline:3px solid var(--lab-red);outline-offset:4px}.lab-skip{z-index:20;background:var(--lab-ink);padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem;color:#fff!important}.lab-skip:focus{top:1rem}.lab-header{border-bottom:1px solid var(--lab-line);justify-content:space-between;align-items:center;width:min(1200px,100% - 64px);min-height:82px;margin-inline:auto;display:flex}.lab-brand{letter-spacing:.04em;align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.lab-brand img{width:92px;height:auto;display:block}.lab-brand-divider{background:var(--lab-line);width:1px;height:22px;margin-inline:.25rem}.lab-brand-label{color:var(--lab-muted);letter-spacing:0;font-weight:500}.lab-header-link{color:var(--lab-muted);align-items:center;gap:.5rem;transition:color .18s;display:inline-flex}.lab-catalog-link{width:fit-content;color:var(--lab-muted);align-items:center;margin:0 0 1.25rem;font-size:.9rem;font-weight:650;display:inline-flex}.lab-main{flex:1;width:min(1200px,100% - 64px);margin:0 auto;padding:clamp(3.5rem,8vw,7rem) 0}.lab-page-heading{max-width:760px;margin-bottom:clamp(3rem,7vw,5.5rem)}.lab-page-heading h1,.lab-state h1,.lab-state h2{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-weight:500;line-height:1.05}.lab-page-heading h1{max-width:12ch;font-size:clamp(3rem,8vw,6.8rem)}.lab-page-heading p{max-width:48ch;color:var(--lab-muted);margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem)}.lab-state{border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line);grid-template-columns:88px minmax(0,1fr);gap:2rem;padding:2rem 0 2.5rem;display:grid}.lab-state-index{color:var(--lab-red);letter-spacing:.1em;font-size:.9rem;font-weight:700}.lab-state h1,.lab-state h2{max-width:22ch;font-size:clamp(1.8rem,4vw,3rem)}.lab-state p{max-width:56ch;color:var(--lab-muted);margin:1rem 0 0}.lab-text-link{align-items:center;gap:.6rem;margin-top:1.6rem;font-weight:600;display:inline-flex}.lab-footer{border-top:1px solid var(--lab-line);width:min(1200px,100% - 64px);color:var(--lab-muted);justify-content:space-between;gap:1rem;margin:0 auto;padding:1.25rem 0 1.75rem;font-size:.875rem;display:flex}.lab-controls{border:1px solid var(--lab-line);background:#fff;margin-top:2rem;padding:1.5rem}.lab-demo-banner{border-left:3px solid var(--lab-red);color:var(--lab-ink);background:#fff4f3;margin:0 0 1.5rem;padding:.55rem .75rem;font-weight:600;display:inline-block}.lab-control-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:1rem;display:grid}.lab-field{color:var(--lab-muted);gap:.45rem;font-size:.9rem;font-weight:600;display:grid}.lab-static-field{color:var(--lab-muted);align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.lab-static-field strong{color:var(--lab-ink);font-weight:600}.lab-field select{border:1px solid var(--lab-line);min-width:0;min-height:46px;color:var(--lab-ink);font:inherit;background:#fff;border-radius:2px;padding:.55rem 2rem .55rem .75rem}.lab-button{border:1px solid var(--lab-ink);background:var(--lab-ink);color:#fff;min-height:46px;font:inherit;cursor:pointer;border-radius:2px;padding:.65rem 1rem;font-weight:600}.lab-button:hover{background:#1b2f4d}.lab-reset-button{white-space:nowrap}.lab-no-persona{color:var(--lab-muted);align-self:center;margin:0}.lab-control-message{min-height:1.5em;color:var(--lab-muted);margin:.75rem 0 0}.lab-demo-footer{border-top:1px solid var(--lab-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1.25rem;margin:1.25rem 0 0;padding:1rem 0;display:flex}.lab-demo-footer a{color:var(--lab-ink);align-items:center;gap:.45rem;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.lab-demo-footer a:hover{color:#315d87;text-decoration:underline}.lab-demo-footer a:focus-visible{outline-offset:3px;outline:3px solid #78a8ef}@media (max-width:700px){.lab-header,.lab-main,.lab-footer{width:min(100% - 40px,1200px)}.lab-header{min-height:70px}.lab-main{padding-block:3.5rem}.lab-page-heading h1{font-size:clamp(2.25rem,8vw,4rem)}.lab-state{grid-template-columns:1fr;gap:.75rem}.lab-control-grid{grid-template-columns:1fr}.lab-footer{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion:reduce){.lab-shell *,.lab-shell :before,.lab-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}