html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:#091019;overflow:hidden}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}.ui-studio-page{width:100%;height:100%;overflow:hidden}.ui-studio-page__scroll{width:100%;height:100%}.ui-studio-page__content{width:min(100%,92rem);padding:max(var(--oxs-space-md), var(--oxs-safe-block-start)) max(var(--oxs-layout-gutter), var(--oxs-safe-inline-end)) max(var(--oxs-space-2xl), var(--oxs-safe-block-end)) max(var(--oxs-layout-gutter), var(--oxs-safe-inline-start));margin-inline:auto}.ui-studio-nav{z-index:var(--oxs-z-popover);padding:var(--oxs-space-sm) var(--oxs-space-md);-webkit-backdrop-filter:blur(var(--oxs-material-blur));backdrop-filter:blur(var(--oxs-material-blur));position:sticky;inset-block-start:max(var(--oxs-space-sm), var(--oxs-safe-block-start))}.ui-studio-nav__actions{flex-wrap:wrap;justify-content:flex-end}.ui-studio-hero{padding-block:clamp(var(--oxs-space-lg), 7cqi, 6rem) var(--oxs-space-xl)}.ui-studio-hero__meta{flex-wrap:wrap}.ui-studio-hero__lede{max-width:70ch;font-size:clamp(var(--oxs-type-body-size), 1.6cqi, var(--oxs-type-title-size))}.ui-studio-layer-flow,.ui-studio-layer-flow__item{gap:var(--oxs-space-xs);display:grid}.ui-studio-layer-flow__connector{min-height:1.5rem;color:var(--oxs-color-text-tertiary);font-size:var(--oxs-type-title-size);place-items:center;display:grid}.ui-studio-layer-card,.ui-studio-capability-card{padding:clamp(var(--oxs-space-md), 2.4cqi, var(--oxs-space-xl))}.ui-studio-layer-card__status{min-height:1.75rem;padding-inline:var(--oxs-space-sm);border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-full);color:var(--oxs-color-text-secondary);font-size:var(--oxs-type-caption-size);text-transform:uppercase;letter-spacing:.08em;align-items:center;display:inline-flex}.ui-studio-facts{overflow:hidden}.ui-studio-fact{min-width:0;padding:var(--oxs-space-md) var(--oxs-space-lg);border-block-end:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle)}.ui-studio-fact:last-child{border-block-end:0}.ui-studio-fact__value{text-align:end;overflow-wrap:anywhere;min-width:0}.ui-studio-rule{padding:clamp(var(--oxs-space-lg), 4cqi, var(--oxs-space-2xl))}@media (min-width:70rem){.ui-studio-layer-flow{gap:var(--oxs-space-sm);grid-template-columns:repeat(4,minmax(0,1fr))}.ui-studio-layer-flow__item{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:0}.ui-studio-layer-flow__connector{min-width:1.5rem;min-height:100%;rotate:-90deg}.ui-studio-layer-flow__item:last-child{grid-template-columns:minmax(0,1fr)}}@media (max-width:42rem){.ui-studio-nav__row,.ui-studio-fact{flex-direction:column;align-items:stretch}.ui-studio-nav__actions{justify-content:stretch;width:100%}.ui-studio-nav__actions>*{flex:1 1 0}.ui-studio-fact__value{text-align:start}}.ui-catalog-hero{padding-block:clamp(var(--oxs-space-lg), 5cqi, 4.5rem) var(--oxs-space-md)}.ui-catalog-metrics,.ui-catalog-badges,.ui-doc-example-wrap{flex-wrap:wrap}.ui-catalog-metric{min-width:10rem;padding:var(--oxs-space-md);flex:10rem}.ui-catalog-layout{gap:var(--oxs-space-lg);grid-template-columns:minmax(13rem,18rem) minmax(0,1fr);align-items:start;display:grid}.ui-catalog-menu{max-height:calc(100dvh - 8rem);padding:var(--oxs-space-xs);position:sticky;inset-block-start:6.5rem;overflow:auto}.ui-catalog-menu .ui-button{text-align:start;justify-content:flex-start}.ui-catalog-content{min-width:0;padding:clamp(var(--oxs-space-lg), 3cqi, var(--oxs-space-2xl))}.ui-catalog-detail__summary{max-width:72ch;font-size:clamp(var(--oxs-type-body-size), 1.4cqi, var(--oxs-type-title-size))}.ui-catalog-status,.ui-catalog-optional{color:var(--oxs-color-text-tertiary);font-size:var(--oxs-type-caption-size)}.ui-catalog-status{min-height:1.75rem;padding-inline:var(--oxs-space-sm);border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-full);align-items:center;display:inline-flex}.ui-catalog-axis-grid{gap:var(--oxs-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-catalog-axis-card,.ui-catalog-example,.ui-catalog-error{padding:var(--oxs-space-md)}.ui-catalog-props{border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-lg);overflow:hidden}.ui-catalog-prop{gap:var(--oxs-space-md);padding:var(--oxs-space-sm) var(--oxs-space-md);border-block-end:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);grid-template-columns:minmax(8rem,.8fr) minmax(12rem,1.5fr) minmax(6rem,.5fr);align-items:baseline;display:grid}.ui-catalog-prop:last-child{border-block-end:0}.ui-catalog-prop code{overflow-wrap:anywhere}.ui-catalog-example__canvas{min-width:0}.ui-doc-example-surface,.ui-doc-example-chip,.ui-doc-example-scroll-item{padding:var(--oxs-space-md)}.ui-doc-example-scroll{block-size:15rem}@media (max-width:58rem){.ui-catalog-layout{grid-template-columns:minmax(0,1fr)}.ui-catalog-menu{max-height:none;position:static}}@media (max-width:42rem){.ui-catalog-axis-grid{grid-template-columns:minmax(0,1fr)}.ui-catalog-prop{gap:var(--oxs-space-2xs);grid-template-columns:minmax(0,1fr)}}.ui-catalog-props{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.ui-catalog-prop{display:table-row}.ui-catalog-prop>th,.ui-catalog-prop>td{padding:var(--oxs-space-sm) var(--oxs-space-md);border-block-end:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);text-align:start;vertical-align:top;overflow-wrap:anywhere}.ui-catalog-prop--header>th{color:var(--oxs-color-text-tertiary);font-size:var(--oxs-type-caption-size);font-weight:600}.ui-catalog-prop:last-child>td{border-block-end:0}.ui-foundations-hero{padding-block:clamp(var(--oxs-space-lg), 5cqi, 4.5rem) var(--oxs-space-md)}.ui-foundations-controls,.ui-foundations-contract-card{padding:clamp(var(--oxs-space-md), 2.4cqi, var(--oxs-space-xl))}.ui-foundations-choice-row{flex-wrap:wrap}.ui-foundations-readout__item{min-width:0;padding:var(--oxs-space-md)}.ui-foundations-section-head{flex-wrap:wrap}.ui-foundations-preview-frame{min-width:0;padding:clamp(var(--oxs-space-sm), 2cqi, var(--oxs-space-lg));border:var(--oxs-border-hairline) solid var(--oxs-color-border);border-radius:var(--oxs-radius-xl);background:linear-gradient(var(--oxs-color-border) 1px, transparent 1px), linear-gradient(90deg, var(--oxs-color-border) 1px, transparent 1px), var(--oxs-color-surface-subtle);background-size:1.5rem 1.5rem;overflow:auto}.ui-foundations-preview{padding:max(var(--oxs-space-md), var(--oxs-safe-block-start)) max(var(--oxs-space-md), var(--oxs-safe-inline-end)) max(var(--oxs-space-md), var(--oxs-safe-block-end)) max(var(--oxs-space-md), var(--oxs-safe-inline-start));border:var(--oxs-border-hairline) solid var(--oxs-color-border-strong);border-radius:var(--oxs-radius-xl);background:var(--oxs-color-canvas-raised);box-shadow:var(--oxs-elevation-2)}.ui-foundations-preview__header{flex-wrap:wrap}.ui-foundations-size-chip{min-height:1.75rem;padding-inline:var(--oxs-space-sm);border:var(--oxs-border-hairline) solid var(--oxs-color-border);border-radius:var(--oxs-radius-full);color:var(--oxs-color-text-tertiary);font-size:var(--oxs-type-caption-size);align-items:center;display:inline-flex}.ui-foundations-adaptive-grid{gap:var(--oxs-space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-foundations-demo-card{min-width:0;padding:var(--oxs-space-md)}.ui-foundations-demo-card--primary{grid-column:span 2}@container oxs-ui (width<=42rem){.ui-foundations-adaptive-grid{grid-template-columns:minmax(0,1fr)}.ui-foundations-demo-card--primary{grid-column:auto}}@container oxs-ui (width<=28rem){.ui-foundations-preview__header{flex-direction:column;align-items:stretch}}@media (max-width:42rem){.ui-foundations-section-head{flex-direction:column;align-items:stretch}}.ui-interaction-hero{padding-block:clamp(var(--oxs-space-lg), 5cqi, 4.5rem) var(--oxs-space-md)}.ui-interaction-toolbar,.ui-interaction-roving-row,.ui-interaction-overlay-actions{flex-wrap:wrap}.ui-interaction-card,.ui-interaction-contract,.ui-interaction-press-probe{padding:clamp(var(--oxs-space-md), 2.6cqi, var(--oxs-space-xl))}.ui-interaction-press-probe{cursor:pointer;transition:transform var(--oxs-motion-fast) var(--oxs-ease-standard), border-color var(--oxs-motion-fast) var(--oxs-ease-standard), background-color var(--oxs-motion-fast) var(--oxs-ease-standard);outline:none}.ui-interaction-press-probe[data-pressed=true]{transform:scale(var(--oxs-control-press-scale));border-color:var(--oxs-color-accent)}.ui-interaction-press-probe:focus-visible,.ui-interaction-arena-pad:focus-visible{outline:var(--oxs-focus-ring-width) solid var(--oxs-color-focus);outline-offset:var(--oxs-focus-ring-offset)}.ui-interaction-chip{min-height:1.75rem;padding-inline:var(--oxs-space-sm);border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-full);color:var(--oxs-color-text-secondary);font-size:var(--oxs-type-caption-size);align-items:center;display:inline-flex}.ui-interaction-arena-pad{place-items:center;gap:var(--oxs-space-md);min-height:12rem;padding:var(--oxs-space-lg);border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-lg);background:var(--oxs-color-control);touch-action:none;-webkit-user-select:none;user-select:none;display:grid;position:relative;overflow:hidden}.ui-interaction-arena-orb{border-radius:var(--oxs-radius-full);background:var(--oxs-color-accent);block-size:4rem;inline-size:4rem;box-shadow:var(--oxs-elevation-2);will-change:transform}.ui-interaction-motion-stage{border-radius:var(--oxs-radius-lg);background:var(--oxs-color-control);place-items:center;min-height:10rem;display:grid;overflow:hidden}.ui-interaction-motion-object{border-radius:var(--oxs-radius-xl);background:var(--oxs-color-accent);block-size:7rem;inline-size:7rem;color:var(--oxs-color-on-accent);font-size:var(--oxs-type-title-size);font-weight:var(--oxs-weight-bold);box-shadow:var(--oxs-elevation-2);place-items:center;display:grid}.ui-interaction-popover-content{min-inline-size:15rem;max-inline-size:20rem;padding:var(--oxs-space-md)}.ui-interaction-contract__item{padding:var(--oxs-space-md)}@container oxs-ui (width<=36rem){.ui-interaction-toolbar>*,.ui-interaction-overlay-actions>*{flex:auto}}.ui-runtime-hero,.ui-runtime-card{padding:var(--oxs-space-lg)}.ui-runtime-toolbar,.ui-runtime-cursor-row{flex-wrap:wrap}.ui-runtime-horizontal-scroll{inline-size:100%;max-inline-size:100%}.ui-runtime-scroll-row{inline-size:max-content;padding-block:var(--oxs-space-xs)}.ui-runtime-scroll-tile{place-items:center;min-block-size:7rem;inline-size:clamp(10rem,24cqi,16rem);display:grid}.ui-runtime-reorder-item{padding:var(--oxs-space-md);outline:none}.ui-runtime-reorder-item:focus-visible,.ui-runtime-reorder-item[data-oxs-drop-active=true]{box-shadow:inset 0 0 0 2px var(--oxs-color-accent)}.ui-runtime-cursor-swatch{padding:var(--oxs-space-md);text-align:center;min-inline-size:7rem}.ui-runtime-observed{border:1px dashed var(--oxs-color-border);border-radius:var(--oxs-radius-md);min-block-size:7rem;inline-size:52%;transition:inline-size var(--oxs-motion-duration-normal) var(--oxs-motion-easing-standard);place-items:center;display:grid}.ui-runtime-observed[data-wide=true]{inline-size:100%}@container oxs-ui (inline-size<42rem){.ui-runtime-hero,.ui-runtime-card{padding:var(--oxs-space-md)}.ui-runtime-observed{inline-size:100%}}.ui-primitives-vocab-card,.ui-primitives-panel,.ui-primitives-direction-card{padding:var(--oxs-space-md)}.ui-primitives-vocab-card{min-block-size:6.5rem}.ui-primitives-panel{min-inline-size:0}.ui-primitives-material-swatch{min-inline-size:0;padding:var(--oxs-space-sm);flex:8rem}.ui-primitives-direction-card{min-block-size:12rem}.ui-primitives-chip{padding:var(--oxs-space-xs) var(--oxs-space-sm)}.ui-actions-hero{padding-block:clamp(var(--oxs-space-lg), 5cqi, 4.5rem) var(--oxs-space-md)}.ui-actions-card{min-inline-size:0;padding:clamp(var(--oxs-space-md), 2.6cqi, var(--oxs-space-xl))}.ui-actions-card .ui-button__slot{font-weight:var(--oxs-weight-bold)}@container oxs-ui (width<=34rem){.ui-actions-card .ui-radio-group--horizontal{flex-direction:column}.ui-actions-card .ui-segmented{grid-template-columns:minmax(0,1fr);display:grid}}.ui-fields-hero{overflow:hidden}.ui-fields-card{min-width:0;padding:clamp(var(--oxs-space-md), 2vw, var(--oxs-space-xl))}.ui-fields-card--matrix{min-height:100%}.ui-fields-card .ui-field-section__content,.ui-fields-card .ui-field-group__content{width:100%}@container oxs-ui (width<=34rem){.ui-fields-card{padding:var(--oxs-space-md)}}.ui-data-hero{background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--oxs-color-success) 16%, transparent), transparent 32%), radial-gradient(circle at 10% 84%, var(--oxs-color-accent-glow), transparent 38%), var(--oxs-color-surface-subtle)}.ui-data-card{min-width:0;padding:var(--oxs-space-lg)}.ui-data-card--matrix{container-type:inline-size}.ui-doc-data-nav-example,.ui-doc-feedback-example{gap:var(--oxs-space-md);min-width:0;display:grid}.ui-doc-feedback-example{align-items:center}.ui-overlays-hero{padding-block:clamp(var(--oxs-space-lg), 5cqi, 4.5rem) var(--oxs-space-md)}.ui-overlays-card{min-width:0;padding:clamp(var(--oxs-space-md), 2.4cqi, var(--oxs-space-xl))}.ui-overlays-actions{flex-wrap:wrap}.ui-overlays-context-target{outline:none;align-content:center;min-height:10rem;display:grid}.ui-overlays-context-target:focus-visible{outline:var(--oxs-focus-ring-width) solid var(--oxs-color-focus);outline-offset:var(--oxs-focus-ring-offset)}.ui-overlays-popover-copy{min-width:14rem;max-width:20rem;padding:var(--oxs-space-md)}.ui-overlays-sheet-copy{gap:var(--oxs-space-2xs);padding:var(--oxs-space-lg) var(--oxs-space-lg) 0;display:grid}.ui-overlays-sheet-content{padding:var(--oxs-space-lg)}.ui-overlays-card--matrix{min-height:13rem}@container oxs-ui (width<=34rem){.ui-overlays-actions{flex-direction:column;align-items:stretch}.ui-overlays-actions>*{width:100%}}.ui-compositions-hero{background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--oxs-color-accent) 16%, transparent), transparent 34%), var(--oxs-color-surface-subtle)}.ui-compositions-grid{gap:var(--oxs-space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-compositions-scaffold-demo{min-block-size:31rem}.ui-compositions-mini-scroll{border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-md);block-size:11rem}.ui-compositions-scroll-row{min-block-size:2.75rem;padding-inline:var(--oxs-space-sm);border-radius:var(--oxs-radius-sm);background:var(--oxs-color-surface-subtle);color:var(--oxs-color-text-secondary);align-items:center;display:flex}.ui-compositions-state-switcher{flex-wrap:wrap}.ui-compositions-direction-grid{gap:var(--oxs-space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:760px){.ui-compositions-grid,.ui-compositions-direction-grid{grid-template-columns:minmax(0,1fr)}}.ui-system-boundary-grid{gap:var(--oxs-layout-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-system-boundary-preview{border:var(--oxs-border-hairline) solid var(--oxs-color-border);border-radius:var(--oxs-radius-xl);background:var(--oxs-color-surface-subtle);min-height:28rem;position:relative;overflow:hidden}.ui-system-boundary-preview .ui-system-workspace{background:var(--oxs-color-surface)}.ui-system-boundary-preview .ui-system-scaffold__chrome,.ui-system-boundary-preview .ui-system-scaffold__privileged{padding-inline:var(--oxs-space-md)}.ui-system-boundary-preview .ui-system-scaffold__chrome{padding-block-start:var(--oxs-space-md)}.ui-system-boundary-preview .ui-system-scaffold__privileged{align-items:end;padding-block-end:var(--oxs-space-md);display:flex}@media (max-width:52rem){.ui-system-boundary-grid{grid-template-columns:minmax(0,1fr)}}.ui-system-layouts-desktop-preview,.ui-system-layouts-browser-preview,.ui-system-layouts-settings-preview,.ui-system-layouts-osd-preview{border:1px solid color-mix(in srgb, currentColor 10%, transparent);background:color-mix(in srgb, currentColor 3%, transparent);border-radius:1.25rem;min-inline-size:0;position:relative;overflow:hidden}.ui-system-layouts-desktop-preview{block-size:clamp(32rem,64vi,46rem);min-block-size:32rem}.ui-system-layouts-native-scene{border:1px dashed color-mix(in srgb, currentColor 16%, transparent);color:var(--oxs-color-text-tertiary);border-radius:1rem;place-items:center;display:grid;position:absolute;inset:5rem 1rem 5.5rem}.ui-system-layouts-grid,.ui-system-layouts-direction-grid,.ui-system-layouts-transient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.ui-system-layouts-browser-preview,.ui-system-layouts-settings-preview{block-size:34rem}.ui-system-layouts-browser-preview .ui-system-application-browser,.ui-system-layouts-settings-preview .ui-system-settings-layout{block-size:100%}.ui-system-layouts-transient-grid{align-items:stretch}.ui-system-layouts-osd-preview,.ui-system-layouts-transient-grid .ui-system-lock-layout{min-block-size:18rem}.ui-system-layouts-transient-grid .ui-system-keyboard-host{grid-column:1/-1}@media (max-width:64rem){.ui-system-layouts-grid,.ui-system-layouts-direction-grid,.ui-system-layouts-transient-grid{grid-template-columns:minmax(0,1fr)}.ui-system-layouts-transient-grid .ui-system-keyboard-host{grid-column:auto}}.ui-studio-stage{background:#080b12;width:100%;min-width:0;height:100%;min-height:0;overflow:auto}.ui-studio-viewport{width:var(--ui-studio-viewport-width,100%);min-width:min(100%, var(--ui-studio-viewport-width,100%));height:100%;min-height:100%;margin-inline:auto}.ui-studio-root{background:var(--oxs-color-canvas);width:100%;min-width:0;height:100%;min-height:0;color:var(--oxs-color-text-primary);overflow:hidden}.ui-studio-shell{box-sizing:border-box;gap:var(--oxs-space-md);width:100%;min-width:0;height:100%;min-height:0;padding:max(var(--oxs-space-md), var(--oxs-safe-block-start)) max(var(--oxs-space-md), var(--oxs-safe-inline-end)) max(var(--oxs-space-md), var(--oxs-safe-block-end)) max(var(--oxs-space-md), var(--oxs-safe-inline-start));grid-template-columns:minmax(17rem,20rem) minmax(0,1fr);display:grid}.ui-studio-shell__sidebar,.ui-studio-shell__workspace{min-width:0;min-height:0}.ui-studio-sidebar{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.ui-studio-sidebar__header{padding:var(--oxs-space-md);border-block-end:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);flex:none}.ui-studio-sidebar__scroll{flex:auto;height:0;min-height:0}.ui-studio-sidebar__content{padding:var(--oxs-space-sm) var(--oxs-space-sm) var(--oxs-space-xl)}.ui-studio-sidebar__layer-heading{justify-content:space-between;align-items:center;gap:var(--oxs-space-sm);padding-inline:var(--oxs-space-sm);display:flex}.ui-studio-sidebar__category{min-width:0}.ui-studio-sidebar__category .ui-list-section__header{padding-inline:var(--oxs-space-sm)}.ui-studio-sidebar__entry .ui-list-item__action{min-width:0}.ui-studio-sidebar__entry .ui-list-item__secondary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-studio-shell__workspace{gap:var(--oxs-space-sm);grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.ui-studio-appbar{border-radius:var(--oxs-radius-lg);background:var(--oxs-color-surface-raised);border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);min-width:0}.ui-studio-appbar .ui-app-bar__actions{flex-wrap:wrap}.ui-studio-environment{min-width:0;padding:var(--oxs-space-sm)}.ui-studio-environment__row{min-width:0}.ui-studio-environment__label{padding-inline:var(--oxs-space-xs);flex:none}.ui-studio-environment__toolbar{overscroll-behavior-inline:contain;flex:auto;min-width:0;overflow-x:auto}.ui-studio-environment__toolbar .ui-toolbar__content{align-items:center;gap:var(--oxs-space-xs);width:max-content;min-width:100%;display:flex}.ui-studio-environment__toolbar .ui-field-frame{min-width:8.5rem}.ui-studio-workspace-scroll{height:100%;min-height:0}.ui-studio-workspace-content{box-sizing:border-box;width:min(100%, var(--ui-studio-content-width,88rem));min-height:100%;padding:var(--oxs-space-sm) var(--oxs-space-sm) var(--oxs-space-2xl);margin-inline:auto}.ui-studio-detail{min-width:0;padding:clamp(var(--oxs-space-md), 2.5cqi, var(--oxs-space-xl))}.ui-studio-detail__tabs{max-width:100%;overflow-x:auto}.ui-studio-detail__panel{min-width:0}.ui-studio-entry-badges{flex-wrap:wrap}.ui-studio-entry-summary{max-width:72ch;font-size:clamp(var(--oxs-type-body-size), 1.4cqi, var(--oxs-type-title-size))}.ui-studio-code-anywhere{overflow-wrap:anywhere;word-break:break-word}.ui-studio-import-card,.ui-studio-coverage-card,.ui-studio-guidance-card,.ui-studio-playground__canvas,.ui-studio-playground__controls,.ui-studio-playground__props,.ui-studio-state-card{padding:var(--oxs-space-md)}.ui-studio-guidance-grid{gap:var(--oxs-space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-studio-api-table-wrap{border:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-lg);max-width:100%;overflow:auto}.ui-studio-api-table{border-collapse:collapse;text-align:start;width:100%;min-width:52rem}.ui-studio-api-table th,.ui-studio-api-table td{padding:var(--oxs-space-sm) var(--oxs-space-md);border-block-end:var(--oxs-border-hairline) solid var(--oxs-color-border-subtle);vertical-align:top;text-align:start}.ui-studio-api-table th{z-index:1;background:var(--oxs-color-surface-raised);color:var(--oxs-color-text-secondary);position:sticky;inset-block-start:0}.ui-studio-api-table tr:last-child td{border-block-end:0}.ui-studio-api-table td:first-child{white-space:nowrap}.ui-studio-api-table td:first-child .ui-badge{margin-inline-start:var(--oxs-space-xs)}.ui-studio-api-table tr[data-deprecated=true]{opacity:.72}.ui-studio-deep-target{scroll-margin-block:var(--oxs-space-xl);border-radius:var(--oxs-radius-lg)}.ui-studio-deep-target[data-active=true]{outline:var(--oxs-focus-ring-width) solid var(--oxs-color-focus);outline-offset:var(--oxs-space-xs)}.ui-studio-playground{align-items:start}.ui-studio-playground__canvas{min-height:16rem}.ui-studio-playground__sample{min-width:0;min-height:8rem;padding:var(--oxs-space-lg);border:var(--oxs-border-hairline) dashed var(--oxs-color-border-subtle);border-radius:var(--oxs-radius-md);background:var(--oxs-color-canvas);place-items:center;display:grid}.ui-studio-state-matrix{align-items:stretch}.ui-studio-state-card{min-width:0}.ui-studio-state-card .ui-studio-playground__sample{min-height:6rem;padding:var(--oxs-space-md)}.ui-studio-playground__sample[data-studio-state=disabled]{opacity:.72}.ui-studio-playground__sample[data-studio-state=focus]{outline:var(--oxs-focus-ring-width) solid var(--oxs-color-focus);outline-offset:calc(-1 * var(--oxs-focus-ring-width))}.ui-studio-playground__sample[data-studio-state=pressed]{transform:translateY(1px)scale(.995)}@media (max-width:68rem){.ui-studio-shell{gap:var(--oxs-space-sm);padding:var(--oxs-space-sm);grid-template-columns:minmax(15rem,17rem) minmax(0,1fr)}.ui-studio-guidance-grid{grid-template-columns:minmax(0,1fr)}.ui-studio-environment__label{display:none}}@media (max-width:52rem){.ui-studio-shell{grid-template-rows:minmax(13rem,38dvh) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.ui-studio-shell__sidebar{min-height:0}.ui-studio-appbar .ui-app-bar__actions{display:none}.ui-studio-environment__row{align-items:stretch}}@media (max-width:32rem){.ui-studio-shell{padding:var(--oxs-space-xs);gap:var(--oxs-space-xs)}.ui-studio-detail{padding:var(--oxs-space-md)}.ui-studio-workspace-content{padding-inline:0}}.ui-studio-state-card__header{justify-content:space-between;align-items:center;gap:var(--oxs-space-sm);display:flex}.ui-studio-environment__row{align-items:flex-start}.ui-studio-environment__toolbar{overflow:visible}.ui-studio-environment__toolbar .ui-toolbar__content{gap:var(--oxs-space-xs);grid-template-columns:repeat(3,minmax(10rem,1fr));width:100%;min-width:0;display:grid;overflow:visible}.ui-studio-environment__toolbar .ui-field-frame,.ui-studio-environment__toolbar .ui-select-field,.ui-studio-environment__toolbar .ui-select-trigger{width:100%;min-width:0}.ui-studio-environment__toolbar .ui-select-trigger__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-studio-component-preview{padding:var(--oxs-space-md);overflow:hidden}.ui-studio-component-preview__header{flex-wrap:wrap}.ui-studio-playground__sample{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--oxs-color-border) 58%, transparent) 1px, transparent 0), var(--oxs-color-canvas);background-size:1.25rem 1.25rem;width:100%;min-height:14rem;position:relative;overflow:auto}.ui-studio-playground__sample>*{max-width:100%}.ui-studio-playground__sample[data-preferred-width=narrow]>*{width:min(100%,24rem)}.ui-studio-playground__sample[data-preferred-width=medium]>*{width:min(100%,38rem)}.ui-studio-playground__sample[data-preferred-width=wide]>*{width:min(100%,60rem)}.ui-studio-state-card .ui-studio-playground__sample{min-height:10rem}@media (max-width:76rem){.ui-studio-environment__toolbar .ui-toolbar__content{grid-template-columns:repeat(2,minmax(10rem,1fr))}}@media (max-width:58rem){.ui-studio-environment__row{flex-direction:column;align-items:stretch}.ui-studio-environment__toolbar .ui-toolbar__content{grid-template-columns:minmax(0,1fr)}}.ui-studio-coverage-axis{padding:var(--ui-space-sm);min-width:0}