.tool-workbench-module__MnAXOW__container{width:100%;min-width:0;container:tool-workbench/inline-size}.tool-workbench-module__MnAXOW__container[data-fill-height=true]{height:100%}.tool-workbench-module__MnAXOW__workbench{--tool-workbench-split:0;min-width:0;padding-bottom:var(--workbench-footer-space,0px);grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.tool-workbench-module__MnAXOW__controls{flex-direction:column;min-width:0;min-height:0;display:flex}.tool-workbench-module__MnAXOW__preview{border:1px solid hsl(var(--border) / .5);border-radius:var(--radius);flex-direction:column;min-width:0;height:clamp(20rem,60svh,40rem);min-height:20rem;display:flex;overflow:hidden}.tool-workbench-module__MnAXOW__workbench [data-generator-frame]{border-right:0;flex:none;height:auto;max-height:none;overflow:visible}.tool-workbench-module__MnAXOW__workbench [data-generator-client]{padding:0 1rem}.tool-workbench-module__MnAXOW__workbench [data-generator-model-row]{padding-inline:0}.tool-workbench-module__MnAXOW__workbench [data-generator-scroll]{overscroll-behavior:auto;scroll-padding-block:1rem calc(var(--workbench-footer-space,0px) + 1rem);flex:none;padding-bottom:0;overflow:visible}.tool-workbench-module__MnAXOW__workbench [data-generator-fields]{min-width:0;padding:0 0 1rem}.tool-workbench-module__MnAXOW__workbench [data-generator-title]{padding:1rem}.tool-workbench-module__MnAXOW__previewShortcut{justify-self:start;margin-inline:1rem}@media (min-width:64rem) and (min-height:40rem){.tool-workbench-module__MnAXOW__container[data-floating-surface=true]{border:1px solid hsl(var(--border) / .65);border-radius:var(--radius-panel);background:hsl(var(--card) / .4);overflow:hidden;box-shadow:0 24px 80px -44px #000000e6,inset 0 1px #ffffff09}}@container tool-workbench (min-width:48rem){@media (min-width:64rem){.tool-workbench-module__MnAXOW__workbench{--tool-workbench-split:1;grid-template-columns:clamp(27rem,36cqi,36rem) minmax(26rem,1fr);gap:0}.tool-workbench-module__MnAXOW__workbench[data-control-span="4"]{grid-template-columns:clamp(29rem,40cqi,39rem) minmax(26rem,1fr)}.tool-workbench-module__MnAXOW__previewShortcut{display:none}.tool-workbench-module__MnAXOW__preview{top:calc(4.5rem + var(--site-top-stack,0px));height:max(16rem, calc(100dvh - 5rem - var(--site-top-stack,0px)));min-height:0;position:sticky}}@media (min-width:64rem) and (min-height:40rem){.tool-workbench-module__MnAXOW__workbench{height:calc(100dvh - 4.5rem - var(--site-top-stack,0px));min-height:0;padding-bottom:0}.tool-workbench-module__MnAXOW__container[data-floating-surface=true] .tool-workbench-module__MnAXOW__workbench{height:calc(100dvh - 6.5rem - var(--site-top-stack,0px))}.tool-workbench-module__MnAXOW__container[data-floating-surface=true] .tool-workbench-module__MnAXOW__preview{border:0;border-radius:0}.tool-workbench-module__MnAXOW__workbench[data-fill-height=true]{height:100%}.tool-workbench-module__MnAXOW__controls{border-right:1px solid hsl(var(--border) / .5);height:100%;overflow:hidden}.tool-workbench-module__MnAXOW__workbench [data-generator-frame]{flex:1;height:100%;min-height:0;overflow:hidden}.tool-workbench-module__MnAXOW__workbench [data-generator-client]{padding:0}.tool-workbench-module__MnAXOW__workbench [data-generator-model-row]{padding-inline:1.25rem}.tool-workbench-module__MnAXOW__workbench [data-generator-scroll]{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;scroll-padding-block:1rem;overflow:hidden auto}.tool-workbench-module__MnAXOW__workbench [data-generator-fields]{padding:0 1.25rem 1rem}.tool-workbench-module__MnAXOW__workbench [data-generator-title]{flex-shrink:0;max-height:30%;padding-inline:1.25rem;overflow-y:auto}.tool-workbench-module__MnAXOW__preview{border:0;border-radius:0;height:100%;min-height:0;position:static}}}.tool-workbench-module__MnAXOW__footer[data-workbench-footer]{z-index:20;padding:.75rem 1rem max(.75rem, env(safe-area-inset-bottom));background:hsl(var(--background));position:relative;inset:auto}.tool-workbench-module__MnAXOW__footer[data-workbench-footer][data-portaled=true]{z-index:10160;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));position:fixed;inset:auto 0 0}@media (min-width:48rem){.tool-workbench-module__MnAXOW__footer[data-workbench-footer][data-portaled=true]{left:var(--sidebar-rail-width,0px)}}.tool-workbench-module__MnAXOW__footer[data-workbench-footer] .tool-workbench-module__MnAXOW__footerSummary{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:flex}.tool-workbench-module__MnAXOW__footer[data-workbench-footer] .tool-workbench-module__MnAXOW__footerSummary>button{text-align:left;flex-wrap:wrap;min-width:0}.tool-workbench-module__MnAXOW__footer[data-workbench-footer] .tool-workbench-module__MnAXOW__footerActions>button{min-height:2.75rem}@media (pointer:coarse){.tool-workbench-module__MnAXOW__workbench input:not([type=range]):not([type=checkbox]):not([type=radio]),.tool-workbench-module__MnAXOW__workbench textarea,.tool-workbench-module__MnAXOW__workbench select{font-size:max(1rem,16px)}.tool-workbench-module__MnAXOW__workbench [role=radio],.tool-workbench-module__MnAXOW__workbench [data-generator-model-row] button,.tool-workbench-module__MnAXOW__previewShortcut{min-height:2.75rem}}.tool-workbench-module__MnAXOW__workbench [data-model-picker-trigger]{-moz-column-gap:.5rem;grid-template-columns:auto minmax(0,1fr) auto;gap:.375rem .5rem;height:auto;min-height:2.75rem;padding-block:.5rem;display:grid}.tool-workbench-module__MnAXOW__workbench [data-model-picker-icon]{grid-area:1/1/span 2;display:block}.tool-workbench-module__MnAXOW__workbench [data-model-picker-label]{white-space:normal;overflow-wrap:anywhere;grid-area:1/2}.tool-workbench-module__MnAXOW__workbench [data-model-picker-details]{flex-wrap:wrap;grid-area:2/2;gap:.375rem;min-width:0;display:flex}.tool-workbench-module__MnAXOW__workbench [data-model-picker-details]:empty{display:none}.tool-workbench-module__MnAXOW__workbench [data-model-picker-chevron]{grid-area:1/3/span 2}.tool-workbench-module__MnAXOW__controls{background:var(--glass-surface);border-radius:var(--radius);box-shadow:var(--glass-shadow)}@media (min-width:64rem) and (min-height:40rem){.tool-workbench-module__MnAXOW__container[data-floating-surface=true]{isolation:isolate;border-color:#ebf1ff6b;position:relative;box-shadow:0 24px 80px -44px #000000e6}.tool-workbench-module__MnAXOW__container[data-floating-surface=true] .tool-workbench-module__MnAXOW__controls,.tool-workbench-module__MnAXOW__container[data-floating-surface=true] [data-generator-frame]{box-shadow:none;border-radius:0}.tool-workbench-module__MnAXOW__container[data-floating-surface=true] [data-generator-frame]:after{display:none}}.tool-workbench-module__MnAXOW__container[data-floating-surface=true],.tool-workbench-module__MnAXOW__footer[data-workbench-footer]{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
.tool-page-example-stage-module__Eg5bzG__stage{container:example-stage/inline-size}.tool-page-example-stage-module__Eg5bzG__comparison{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid}.tool-page-example-stage-module__Eg5bzG__comparison>[data-active=false]{display:none}.tool-page-example-stage-module__Eg5bzG__compareSwitch{border-bottom:1px solid hsl(var(--border) / .5);flex-wrap:wrap;flex-shrink:0;gap:.25rem;padding:.5rem;display:flex}.tool-page-example-stage-module__Eg5bzG__compareSwitch button{border-radius:calc(var(--radius) - 2px);overflow-wrap:anywhere;flex:1;min-width:0;min-height:2.75rem;padding:.5rem .75rem;font-size:.875rem}.tool-page-example-stage-module__Eg5bzG__compareSwitch button[aria-pressed=true]{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}@container example-stage (min-width:44rem){.tool-page-example-stage-module__Eg5bzG__compareSwitch{display:none}.tool-page-example-stage-module__Eg5bzG__comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page-example-stage-module__Eg5bzG__comparison>[data-active=false]{display:block}}.tool-page-example-stage-module__Eg5bzG__player{container:example-player/inline-size}.tool-page-example-stage-module__Eg5bzG__naturalCanvas{background:hsl(var(--muted) / .2);container:example-natural-media/size}.tool-page-example-stage-module__Eg5bzG__naturalMediaFrame{width:min(100cqw, calc(100cqh * var(--example-media-ratio)));max-width:100%;height:auto;aspect-ratio:var(--example-media-ratio);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tool-page-example-stage-module__Eg5bzG__naturalPane{width:100%;height:100%;position:relative;container:example-natural-pane/size}.tool-page-example-stage-module__Eg5bzG__naturalPlayer{background:0 0;width:100%;height:auto}.tool-page-example-stage-module__Eg5bzG__naturalPlayer:fullscreen{background:hsl(var(--background));place-items:center;width:100%;height:100%;display:grid}.tool-page-example-stage-module__Eg5bzG__naturalPlayer:fullscreen video{width:min(100vw, calc(100dvh * var(--example-media-ratio)));height:auto}@container example-player (max-width:26rem){.tool-page-example-stage-module__Eg5bzG__player .tool-page-example-stage-module__Eg5bzG__playerControls{gap:.25rem;margin-inline:0;padding-inline:.25rem;bottom:.5rem;left:.5rem;right:.5rem}.tool-page-example-stage-module__Eg5bzG__playerControls .tool-page-example-stage-module__Eg5bzG__playerTime{display:none}}.tool-page-example-stage-module__Eg5bzG__playerControls button{min-width:2.75rem;min-height:2.75rem}