.workbench-page,.workbench-index,.workbench-not-found{--workbench-paper:color-mix(in srgb, var(--background) 94%, #ebe7df);--workbench-ink-muted:color-mix(in srgb, var(--foreground) 62%, transparent);width:100%;max-width:90rem;margin-inline:auto}:is(body:has(.workbench-page,.workbench-index,.workbench-not-found)>header>div,body:has(.workbench-page,.workbench-index,.workbench-not-found)>footer>div){max-width:90rem;padding-inline:clamp(1.5rem,4vw,3.5rem)}.workbench-page{flex:1;padding:clamp(1.5rem,4vw,3.5rem)}.workbench-header{border-block-end:1px solid var(--border);justify-content:space-between;align-items:end;gap:2rem;padding-block-end:1.5rem;display:flex}.workbench-header h1,.workbench-index h1,.workbench-not-found h1{font-family:var(--font-heading);letter-spacing:-.04em;margin-block-start:.35rem;font-size:clamp(1.75rem,4vw,3rem);font-weight:560}.workbench-header>p,.workbench-index>header>p,.workbench-not-found>p{max-width:38rem;color:var(--workbench-ink-muted);font-size:.875rem;line-height:1.65}.workbench-kicker{color:var(--workbench-ink-muted);font-family:var(--font-geist-mono);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;line-height:1.4}.workbench-layout{border-block-end:1px solid var(--border);grid-template-columns:minmax(12rem,15rem) minmax(22rem,1fr) minmax(14rem,17rem);min-height:42rem;display:grid}.workbench-tabs-content{display:contents}.workbench-mobile-switcher{display:none}.workbench-browse-panel{display:contents}.workbench-inventory,.workbench-inspector{background:var(--workbench-paper);padding:1.5rem}.workbench-inventory{border-inline-end:1px solid var(--border)}.workbench-inventory h2,.workbench-inspector h2,.workbench-canvas h2,.workbench-index h2{font-family:var(--font-heading);letter-spacing:-.02em;margin-block-start:.25rem;font-size:.95rem;font-weight:600}.workbench-inventory nav{gap:.35rem;margin-block-start:1.25rem;display:grid}.workbench-inventory nav a,.workbench-scenario-links a{border-radius:var(--radius-md);min-height:2.75rem;color:var(--workbench-ink-muted);border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.78rem;transition:color .15s,background-color .15s,border-color .15s;display:flex}.workbench-inventory nav a:hover,.workbench-inventory nav a:focus-visible,.workbench-inventory nav a.is-active,.workbench-scenario-links a:hover,.workbench-scenario-links a:focus-visible{border-color:var(--border);color:var(--foreground);background:var(--background)}.workbench-inventory nav a.is-active{box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent)}.workbench-inventory small,.workbench-scenario-links small{font-family:var(--font-geist-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.61rem}.workbench-back-link{color:var(--workbench-ink-muted);text-underline-offset:.25rem;margin-block-start:1.75rem;font-size:.75rem;text-decoration:underline;display:inline-flex}.workbench-canvas{background-image:radial-gradient(color-mix(in srgb, var(--foreground) 11%, transparent) .7px, transparent .7px);background-size:12px 12px;min-width:0;padding:1.5rem}.workbench-canvas-heading{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.workbench-canvas-heading>span{color:var(--workbench-ink-muted);font-family:var(--font-geist-mono);font-size:.68rem}.workbench-stage{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--background) 86%, transparent);min-height:34rem;box-shadow:0 16px 42px color-mix(in srgb, var(--foreground) 7%, transparent);place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;overflow:auto}.workbench-stage-loading,.workbench-muted{color:var(--workbench-ink-muted);font-size:.78rem}.workbench-specimen-environment{width:var(--workbench-specimen-width);border-radius:var(--radius-lg);min-height:20rem;color:var(--foreground);background:var(--background);border:0;justify-self:safe center;place-items:center;padding:clamp(1rem,5vw,3rem);transition:width .22s cubic-bezier(.23,1,.32,1),background-color .15s;display:grid;overflow:hidden}.workbench-specimen-content{justify-content:center;width:100%;display:flex}.workbench-specimen-environment[data-motion=reduced],.workbench-specimen-environment[data-motion=reduced] *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.workbench-inspector{border-inline-start:1px solid var(--border)}.workbench-fine-tune{max-width:none}.workbench-reset{border-radius:var(--radius-md);min-height:2rem;color:var(--foreground);padding-inline:.5rem;font-size:.75rem;font-weight:600}.workbench-reset:hover{background:var(--muted)}.workbench-controls{gap:1rem;margin-block-start:1.5rem;display:grid}.workbench-control{color:var(--workbench-ink-muted);gap:.4rem;font-size:.7rem;display:grid}.workbench-control>span{justify-content:space-between;gap:.5rem;display:flex}.workbench-control output{color:var(--foreground);font-family:var(--font-geist-mono)}.workbench-control [data-slot=tabs-list]{width:100%}.workbench-control [data-slot=tabs-trigger]{min-height:2.25rem;font-size:.75rem}.workbench-segmented{border:0;min-inline-size:0;padding:0}.workbench-segmented>div{border-radius:var(--radius-md);background:var(--muted);grid-template-columns:repeat(2,1fr);gap:.2rem;padding:.2rem;display:grid}.workbench-segmented label{position:relative}.workbench-segmented input{opacity:0;position:absolute}.workbench-segmented label span{border-radius:calc(var(--radius-md) - .15rem);min-height:2rem;color:var(--workbench-ink-muted);place-items:center;font-size:.72rem;font-weight:600;display:grid}.workbench-segmented input:checked+span{color:var(--foreground);background:var(--background);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 10%, transparent)}.workbench-segmented input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.workbench-slider-labels{color:var(--workbench-ink-muted);font-family:var(--font-geist-mono);justify-content:space-between;font-size:.61rem;display:flex}.workbench-context{border-block-start:1px solid var(--border);margin-block-start:2rem;padding-block-start:1rem}.workbench-fine-tune .workbench-context{border:0;margin:0;padding:0}.workbench-fine-tune>div{border-block-end:0}.workbench-fine-tune>footer{padding:1rem 1.25rem 1.25rem}.workbench-direction-icon{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.workbench-context>p:last-child{color:var(--workbench-ink-muted);margin-block-start:.5rem;font-size:.75rem;line-height:1.65}.workbench-index{flex:1;padding:clamp(2rem,6vw,6rem) clamp(1.5rem,5vw,4rem)}.workbench-index>header{max-width:48rem;margin-block-end:4rem}.workbench-index>section{border-block-start:1px solid var(--border);padding-block-start:1.25rem}.workbench-section-heading{justify-content:space-between;align-items:end;display:flex}.workbench-section-heading>span{color:var(--workbench-ink-muted);font-family:var(--font-geist-mono);font-size:.7rem}.workbench-component-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--workbench-paper);grid-template-columns:minmax(14rem,.8fr) minmax(20rem,1.2fr);gap:3rem;margin-block-start:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.workbench-component-card h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600}.workbench-component-card p{max-width:30rem;color:var(--workbench-ink-muted);margin-block-start:.6rem;font-size:.8rem;line-height:1.65}.workbench-scenario-links{gap:.35rem;display:grid}.workbench-not-found{flex:1;padding:clamp(4rem,12vw,9rem) clamp(1.5rem,5vw,4rem)}.workbench-not-found a{border-radius:var(--radius-md);min-height:2.75rem;color:var(--primary-foreground);background:var(--primary);align-items:center;margin-block-start:1.5rem;padding-inline:1rem;font-size:.78rem;font-weight:600;display:inline-flex}@media (max-width:70rem){.workbench-layout{grid-template-columns:minmax(11rem,14rem) minmax(0,1fr)}.workbench-inspector{border-block-start:1px solid var(--border);border-inline-start:0;grid-column:1/-1;grid-template-columns:12rem minmax(0,1fr) minmax(14rem,20rem);gap:2rem;display:grid}.workbench-controls{grid-template-columns:repeat(2,minmax(8rem,1fr));margin-block-start:0}.workbench-context{border-block-start:0;border-inline-start:1px solid var(--border);margin-block-start:0;padding-block-start:0;padding-inline-start:1.25rem}}@media (max-width:48rem){.workbench-page{padding:1.25rem}.workbench-header{align-items:start;display:grid}.workbench-layout{min-height:auto;display:block}.workbench-tabs-content{display:block}.workbench-tabs-content[hidden]{display:none}.workbench-mobile-switcher{z-index:9;border-block-end:1px solid var(--border);background:color-mix(in srgb, var(--background) 92%, transparent);box-shadow:0 8px 18px color-mix(in srgb, var(--foreground) 5%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(3,1fr);gap:0;padding:0 .5rem;display:grid;position:sticky;top:3.25rem}.workbench-mobile-switcher button{min-height:2.75rem;color:var(--workbench-ink-muted);border:0;border-radius:0;font-size:.75rem;font-weight:600}.workbench-mobile-switcher button[data-active]{color:var(--foreground)}.workbench-canvas{padding:1rem 0}.workbench-stage{min-height:28rem;padding:1rem}.workbench-inventory{border-block-start:1px solid var(--border);border-inline-end:0}.workbench-inspector{grid-template-columns:1fr;gap:1.5rem;display:grid}.workbench-controls{grid-template-columns:1fr 1fr}.workbench-context{border-block-start:1px solid var(--border);border-inline-start:0;padding-block-start:1rem;padding-inline-start:0}.workbench-component-card{grid-template-columns:1fr;gap:1.5rem}}@media (prefers-reduced-motion:reduce){.workbench-specimen-environment,.workbench-inventory nav a,.workbench-scenario-links a{transition-duration:.01ms}}