.preview-module__-62bsa__workspace{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.preview-module__-62bsa__matrixPane[hidden],.preview-module__-62bsa__playgroundPane[hidden]{display:none}.preview-module__-62bsa__matrixPane{min-width:0;min-height:0;position:relative;overflow:hidden}.preview-module__-62bsa__playgroundPane{min-width:0;min-height:0;display:flex;overflow:hidden}.preview-module__-62bsa__browserPane{flex-direction:column;display:flex}.preview-module__-62bsa__matrixScroll{overscroll-behavior:contain;background:var(--studio-color-surface);scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto;container-type:inline-size}.preview-module__-62bsa__matrixScroll:focus-visible{outline:var(--studio-focus-ring);outline-offset:-3px}.preview-module__-62bsa__matrixContent{min-width:0;padding:0 24px 40px}.preview-module__-62bsa__browserPane>.theme-pane{flex:1;min-height:0;overflow:hidden}.preview-module__-62bsa__preview{width:100%;min-width:0;height:100%;min-height:0;color:var(--ds-foreground);font-family:var(--ds-font-family);flex-direction:column;margin-inline:auto;font-size:12px;line-height:1.5;display:flex;position:relative;container-type:inline-size}.preview-module__-62bsa__preview *,.preview-module__-62bsa__preview :before,.preview-module__-62bsa__preview :after{box-sizing:border-box}.preview-module__-62bsa__preview :where(h2,h3,p){margin:0}.preview-module__-62bsa__canvasControls,.preview-module__-62bsa__canvasHelp{font-family:var(--studio-font-family);font-size:12px;line-height:1.5}.preview-module__-62bsa__canvasControls{z-index:2;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);color:var(--studio-color-text);color-scheme:var(--studio-color-scheme);box-shadow:0 3px 12px var(--studio-color-shadow);border-radius:8px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px}.preview-module__-62bsa__canvasHelp{z-index:2;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);max-width:calc(100% - 32px);color:var(--studio-color-text-secondary);color-scheme:var(--studio-color-scheme);box-shadow:0 3px 12px var(--studio-color-shadow);pointer-events:none;border-radius:8px;padding:8px 10px;position:absolute;bottom:16px;left:16px}.preview-module__-62bsa__selectionHint{z-index:3;visibility:hidden;opacity:0;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);max-width:calc(100% - 32px);color:var(--studio-color-text);box-shadow:0 3px 12px var(--studio-color-shadow);font:12px/1.4 var(--studio-font-family);text-align:center;pointer-events:none;border-radius:7px;padding:7px 10px;transition:opacity .12s ease-out,transform .12s ease-out,visibility .12s;position:absolute;top:12px;left:50%;transform:translate(-50%,4px)}.preview-module__-62bsa__selectionHint[data-visible]{visibility:visible;opacity:1;transform:translate(-50%)}.preview-module__-62bsa__canvasControls button{background:var(--studio-color-surface);min-width:30px;min-height:30px;color:var(--studio-color-text);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:4px 7px;font-size:11px}.preview-module__-62bsa__canvasControls button:hover:not(:disabled){border-color:var(--studio-color-border-strong);background:var(--studio-color-surface-hover)}.preview-module__-62bsa__canvasControls button:disabled{color:var(--studio-color-disabled-text);background:var(--studio-color-disabled-surface);cursor:default}.preview-module__-62bsa__canvasControls output{text-align:center;font-variant-numeric:tabular-nums;min-width:5ch;padding-inline:3px}.preview-module__-62bsa__canvasControls button:focus-visible{outline:var(--studio-focus-ring);outline-offset:var(--studio-focus-ring-offset)}.preview-module__-62bsa__viewport:focus-visible{outline:var(--studio-focus-ring);outline-offset:3px}.preview-module__-62bsa__viewport{overscroll-behavior:contain;background-color:var(--ds-background);background-image:radial-gradient(var(--preview-grid-dot) var(--canvas-dot-radius,1px), transparent var(--canvas-dot-radius,1px));cursor:grab;background-size:16px 16px;flex:1;width:100%;min-width:0;min-height:0;position:relative;overflow:clip}.preview-module__-62bsa__viewport[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-module__-62bsa__canvas{transform-origin:0 0;will-change:transform;width:960px;padding:24px;position:absolute;top:0;left:0}.preview-module__-62bsa__showcase,.preview-module__-62bsa__foundation{border-radius:8px;position:relative}.preview-module__-62bsa__showcase{cursor:pointer;margin:-6px;padding:6px}.preview-module__-62bsa__foundation{cursor:pointer}.preview-module__-62bsa__showcase:hover,.preview-module__-62bsa__showcase:focus-within,.preview-module__-62bsa__foundation:hover,.preview-module__-62bsa__foundation:focus-within{outline:var(--canvas-selection-stroke,2px) solid var(--studio-color-border-strong);outline-offset:calc(-1 * var(--canvas-selection-stroke,2px))}.preview-module__-62bsa__showcase[data-selected],.preview-module__-62bsa__foundation[data-selected]{box-shadow:inset 0 0 0 1px var(--studio-color-border-strong)}.preview-module__-62bsa__showcase:after,.preview-module__-62bsa__foundation:after{content:"Select to edit →";z-index:1;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);color:var(--studio-color-text);font:11px/1.4 var(--studio-font-family);opacity:0;pointer-events:none;border-radius:6px;padding:5px 8px;transition:opacity .12s ease-out;position:absolute;top:12px;right:12px}.preview-module__-62bsa__showcase[data-selected]:after,.preview-module__-62bsa__foundation[data-selected]:after{content:"Editing tokens"}.preview-module__-62bsa__showcase:hover:after,.preview-module__-62bsa__showcase:focus-within:after,.preview-module__-62bsa__foundation:hover:after,.preview-module__-62bsa__foundation:focus-within:after{opacity:1}.preview-module__-62bsa__showcase :is(a,button,input,textarea,select,label),.preview-module__-62bsa__foundation :is(a,button,input,textarea,select,label){cursor:auto}@media (hover:none){.preview-module__-62bsa__showcase:after,.preview-module__-62bsa__foundation:after{content:"Tap to edit →";opacity:1;transition:none}.preview-module__-62bsa__showcase[data-selected]:after,.preview-module__-62bsa__foundation[data-selected]:after{content:"Editing tokens"}}.preview-module__-62bsa__componentBoard{min-width:0}.preview-module__-62bsa__interactions{border-top:1px solid var(--ds-border);margin-top:40px;padding:16px 0}.preview-module__-62bsa__interactions>summary{color:var(--ds-muted-foreground);font:12px/1.5 var(--studio-font-family);cursor:pointer}.preview-module__-62bsa__interactions>summary:focus-visible{outline:var(--studio-focus-ring);outline-offset:3px}.preview-module__-62bsa__interactions>p{color:var(--ds-muted-foreground);font:11px/1.6 var(--studio-font-family);margin-block:12px}.preview-module__-62bsa__interactions .preview-module__-62bsa__specimen{max-width:680px;margin-inline:auto}.preview-module__-62bsa__foundations{grid-template-columns:minmax(0,1fr);gap:44px;min-width:0;margin-bottom:56px;display:grid}.preview-module__-62bsa__foundation{min-width:0;padding:16px 8px}.preview-module__-62bsa__foundation h2{letter-spacing:-.02em;font-size:22px;font-weight:700}.preview-module__-62bsa__foundation h2 a,.preview-module__-62bsa__showcaseHeader a{color:inherit;text-underline-offset:4px;border-radius:6px;padding:5px 8px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-block}.preview-module__-62bsa__foundation h2 a:hover,.preview-module__-62bsa__foundation h2 a:focus-visible{text-decoration-color:currentColor}.preview-module__-62bsa__foundation[data-selected] h2 a,.preview-module__-62bsa__showcase[data-selected] .preview-module__-62bsa__showcaseHeader a{background:color-mix(in srgb, var(--ds-foreground) 12%, transparent);text-decoration-color:currentColor}.preview-module__-62bsa__foundation>p{color:var(--ds-muted-foreground);margin-block:8px 18px}.preview-module__-62bsa__foundation h3{font:600 13px/1.5 var(--studio-font-family);margin-top:20px}.preview-module__-62bsa__semanticRoles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.preview-module__-62bsa__semanticRoles a{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);min-width:0;color:var(--studio-color-text);font:12px/1.5 var(--studio-font-family);border-radius:6px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.preview-module__-62bsa__semanticRoles a:hover{background:var(--studio-color-surface-hover)}.preview-module__-62bsa__semanticRoles a:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.preview-module__-62bsa__semanticRoles a>span:last-child{overflow-wrap:anywhere;min-width:0}.preview-module__-62bsa__semanticRoles code{color:var(--studio-color-text-secondary);font-size:10px;display:block}.preview-module__-62bsa__semanticSwatch{border:1px solid var(--studio-color-border);border-radius:4px;flex:none;width:28px;height:32px}@container (max-width:600px){.preview-module__-62bsa__semanticRoles{grid-template-columns:repeat(2,minmax(0,1fr))}}.preview-module__-62bsa__scaleRegion{width:100%;min-width:0;max-width:100%;overflow-x:auto}.preview-module__-62bsa__scaleRegion:focus-visible{outline:2px solid var(--ds-foreground);outline-offset:2px}.preview-module__-62bsa__scaleTable{min-width:800px}.preview-module__-62bsa__scaleRow{grid-template-columns:90px repeat(11,minmax(0,1fr));align-items:center;gap:4px;min-height:42px;display:grid}.preview-module__-62bsa__scaleRow:first-child{color:var(--ds-foreground);text-align:center;font-size:11px}.preview-module__-62bsa__scaleRow a{color:var(--ds-foreground);text-transform:capitalize;font-weight:600}.preview-module__-62bsa__swatch{border:1px solid var(--ds-border);border-radius:5px;height:34px;display:block;position:relative}.preview-module__-62bsa__spacingSamples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preview-module__-62bsa__spacingSample{border:1px solid var(--ds-border);border-radius:var(--ds-radius);min-width:0;color:var(--ds-foreground);flex-direction:column;gap:8px;padding:12px;text-decoration:none;display:flex}.preview-module__-62bsa__spacingSampleHeader{justify-content:space-between;gap:10px;display:flex}.preview-module__-62bsa__spacingVisual{border:1px dashed var(--ds-border);border-radius:5px;place-items:center;min-width:0;min-height:76px;padding:6px;display:grid}.preview-module__-62bsa__shapeVisual{border:1px solid var(--ds-primary);border-radius:var(--ds-radius);background:var(--ds-muted);width:96px;height:52px}[data-spacing-token=radiusSm] .preview-module__-62bsa__shapeVisual{border-radius:var(--ds-radius-sm)}[data-spacing-token=radiusLg] .preview-module__-62bsa__shapeVisual{border-radius:var(--ds-radius-lg)}[data-spacing-token=borderWidth] .preview-module__-62bsa__shapeVisual{border-width:var(--ds-border-width)}.preview-module__-62bsa__paddingVisual{padding:6px var(--ds-padding-x);border:1px solid var(--ds-primary);border-radius:var(--ds-radius);background:var(--ds-muted)}.preview-module__-62bsa__paddingVisual>span{background:var(--ds-background);padding:4px 8px;display:block}[data-spacing-token=paddingY] .preview-module__-62bsa__paddingVisual{padding:var(--ds-padding-y) 10px}.preview-module__-62bsa__gapVisual{gap:var(--ds-gap);display:flex}.preview-module__-62bsa__spacingScaleVisual{align-items:center;gap:var(--sample-spacing);display:flex}[data-spacing-token=spacingSm] .preview-module__-62bsa__spacingScaleVisual{--sample-spacing:var(--ds-spacing-sm)}[data-spacing-token=spacingMd] .preview-module__-62bsa__spacingScaleVisual{--sample-spacing:var(--ds-spacing-md)}[data-spacing-token=spacingLg] .preview-module__-62bsa__spacingScaleVisual{--sample-spacing:var(--ds-spacing-lg)}.preview-module__-62bsa__spacingScaleVisual i,.preview-module__-62bsa__gapVisual i{background:var(--ds-primary);border-radius:3px;width:18px;height:26px}.preview-module__-62bsa__marginVisual{border:1px solid var(--ds-border);width:min(100%,220px)}.preview-module__-62bsa__marginVisual>span{width:64px;height:34px;margin-inline:var(--ds-margin);background:var(--ds-primary);display:block}.preview-module__-62bsa__heightVisual{border:1px solid var(--ds-primary);border-radius:var(--ds-radius);background:var(--ds-muted);place-items:center;width:94px;font-size:11px;line-height:1;display:grid}[data-spacing-token=controlHeightSm] .preview-module__-62bsa__heightVisual{height:var(--ds-control-height-sm)}[data-spacing-token=controlHeightMd] .preview-module__-62bsa__heightVisual{height:var(--ds-control-height-md)}[data-spacing-token=controlHeightLg] .preview-module__-62bsa__heightVisual{height:var(--ds-control-height-lg)}.preview-module__-62bsa__spacingSample:hover,.preview-module__-62bsa__spacingSample:focus-visible{background:var(--ds-muted)}.preview-module__-62bsa__spacingSample strong{white-space:nowrap}.preview-module__-62bsa__foundationText{gap:20px;display:grid}.preview-module__-62bsa__foundationText>div{grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:16px;display:grid}.preview-module__-62bsa__foundationTextLabel{color:var(--ds-muted-foreground);text-transform:capitalize}.preview-module__-62bsa__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;display:grid}.preview-module__-62bsa__showcase{min-width:0}.preview-module__-62bsa__showcaseHeader{color:var(--ds-foreground);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.preview-module__-62bsa__showcaseHeader h2{letter-spacing:-.02em;font-size:18px;font-weight:700}.preview-module__-62bsa__showcaseHeader a:hover,.preview-module__-62bsa__showcaseHeader a:focus-visible{text-decoration-color:currentColor}.preview-module__-62bsa__showcaseHeader a:focus-visible,.preview-module__-62bsa__foundation h2 a:focus-visible{outline-offset:2px;outline:2px solid}.preview-module__-62bsa__showcaseBadge{color:var(--studio-color-text-muted);letter-spacing:.07em;font-size:9px}.preview-module__-62bsa__specimen{min-height:136px;color:var(--ds-foreground);overflow-wrap:anywhere;justify-content:center;align-items:center;padding:16px;display:flex}.preview-module__-62bsa__expanded{min-height:300px;padding-block:36px}.preview-module__-62bsa__showcaseCaption{color:var(--studio-color-text-muted);padding:17px 20px;font-size:10px}.preview-module__-62bsa__states{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.preview-module__-62bsa__rows{flex-direction:column;align-items:center;gap:16px;display:flex}.preview-module__-62bsa__inputStates{gap:24px;width:100%;max-width:360px;display:grid}.preview-module__-62bsa__formDemoDisclosure{border-top:1px solid var(--ds-border);padding-top:12px}.preview-module__-62bsa__formDemoDisclosure summary{cursor:pointer;font-weight:600}.preview-module__-62bsa__formDemoDisclosure summary:focus-visible{outline:2px solid var(--ds-primary-focus);outline-offset:2px}.preview-module__-62bsa__formDemo{gap:var(--ds-gap);margin-top:12px;display:grid}.preview-module__-62bsa__formDemo>button{justify-self:start}.preview-module__-62bsa__formDemo output:empty{display:none}.preview-module__-62bsa__sizeGroup{border-top:1px solid var(--ds-border);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;padding-top:16px;display:grid}@container (max-width:540px){.preview-module__-62bsa__sizeGroup{grid-template-columns:minmax(0,1fr)}}.preview-module__-62bsa__cardStates{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.preview-module__-62bsa__cardStates>*{flex:210px;max-width:340px}.preview-module__-62bsa__toggleStates{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.preview-module__-62bsa__actionDemo{display:inline-flex}.preview-module__-62bsa__muted{color:color-mix(in srgb, var(--ds-foreground) var(--ds-text-muted-mix), var(--ds-background));line-height:1.65}.preview-module__-62bsa__context{min-width:0}.preview-module__-62bsa__sectionHeading{color:var(--studio-color-text-muted);letter-spacing:.1em;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:9px;font-weight:500;display:flex}.preview-module__-62bsa__sectionHint{letter-spacing:0;font-size:10px;font-weight:400}@container (max-width:640px){.preview-module__-62bsa__canvasHelp{bottom:64px}}@media (max-width:760px){.preview-module__-62bsa__matrixContent{padding-inline:16px}.preview-module__-62bsa__browserPane>.theme-pane{height:100%}.preview-module__-62bsa__preview{height:100%}.preview-module__-62bsa__canvasControls,.preview-module__-62bsa__canvasHelp,.preview-module__-62bsa__selectionHint{display:none}.preview-module__-62bsa__viewport{overscroll-behavior:contain;cursor:auto;flex:1;height:100%;min-height:0;overflow:auto}.preview-module__-62bsa__canvas{will-change:auto;width:100%;padding:68px 16px 24px;position:relative;transform:none!important}.preview-module__-62bsa__grid,.preview-module__-62bsa__spacingSamples{grid-template-columns:minmax(0,1fr)}.preview-module__-62bsa__scaleTable{min-width:760px}.preview-module__-62bsa__foundationText>div{grid-template-columns:minmax(0,1fr);gap:4px}.preview-module__-62bsa__sizeGroup{grid-template-columns:minmax(0,1fr)}}.preview-module__-62bsa__rows,.preview-module__-62bsa__toggleStates,.preview-module__-62bsa__cardStates>*{min-width:0;max-width:100%}.preview-module__-62bsa__srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@container (max-width:540px){.preview-module__-62bsa__specimen{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.preview-module__-62bsa__preview *,.preview-module__-62bsa__preview :before,.preview-module__-62bsa__preview :after{transition:none}}.preview-module__-62bsa__typeBasics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.preview-module__-62bsa__typeBasics a,.preview-module__-62bsa__typeScale a{border:1px solid var(--ds-border);border-radius:var(--ds-radius);min-width:0;color:var(--ds-foreground);text-decoration:none;display:flex}.preview-module__-62bsa__typeBasics a{flex-direction:column;gap:8px;padding:12px}.preview-module__-62bsa__typeBasics a>span:first-child{justify-content:space-between;gap:10px;display:flex}.preview-module__-62bsa__typeFontSample{font:600 24px/1.2 var(--ds-font-family)}.preview-module__-62bsa__typeBaseSample{font:400 var(--ds-font-size)/1.4 var(--ds-font-family)}.preview-module__-62bsa__typeScale{gap:6px;display:grid}.preview-module__-62bsa__typeScale a{align-items:baseline;gap:16px;padding:10px 12px}.preview-module__-62bsa__typeMeta{width:156px;color:var(--ds-muted-foreground);font:11px/1.5 var(--studio-font-family);flex:none;display:grid}.preview-module__-62bsa__typeMeta strong{color:var(--ds-foreground);font-weight:600}.preview-module__-62bsa__typeSample{overflow-wrap:anywhere;min-width:0;font-family:var(--ds-font-family)}.preview-module__-62bsa__typeBasics a:hover,.preview-module__-62bsa__typeBasics a:focus-visible,.preview-module__-62bsa__typeScale a:hover,.preview-module__-62bsa__typeScale a:focus-visible{background:var(--ds-muted)}@container (max-width:600px){.preview-module__-62bsa__typeBasics{grid-template-columns:minmax(0,1fr)}.preview-module__-62bsa__typeScale a{flex-direction:column;gap:4px}.preview-module__-62bsa__typeMeta{width:auto}}
.interaction-preview-module__9vZZgW__preview{border-top:1px solid var(--studio-color-border-subtle);margin-top:10px}.interaction-preview-module__9vZZgW__preview>summary,.interaction-preview-module__9vZZgW__note,.interaction-preview-module__9vZZgW__tools,.interaction-preview-module__9vZZgW__recipe,.interaction-preview-module__9vZZgW__result{color:var(--studio-color-text);font:11px/1.6 var(--studio-font-family)}.interaction-preview-module__9vZZgW__preview>summary{cursor:pointer;padding-block:7px;font-weight:500}.interaction-preview-module__9vZZgW__preview>summary:focus-visible,.interaction-preview-module__9vZZgW__tools button:focus-visible,.interaction-preview-module__9vZZgW__tools select:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.interaction-preview-module__9vZZgW__note{color:var(--studio-color-text-subtle);overflow-wrap:anywhere;margin:8px 0}.interaction-preview-module__9vZZgW__tools{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.interaction-preview-module__9vZZgW__tools label{gap:3px;min-width:0;display:grid}.interaction-preview-module__9vZZgW__tools select,.interaction-preview-module__9vZZgW__tools button{border:1px solid var(--studio-color-border-subtle);background:var(--studio-color-surface);max-width:100%;min-height:28px;color:var(--studio-color-text);font:inherit;border-radius:4px;padding:4px 7px}.interaction-preview-module__9vZZgW__tools button{cursor:pointer}.interaction-preview-module__9vZZgW__tools button:disabled{opacity:.5;cursor:default}.interaction-preview-module__9vZZgW__control{min-width:0;padding:10px 4px}.interaction-preview-module__9vZZgW__recipe{color:var(--studio-color-text-subtle);overflow-wrap:anywhere;margin-block:6px}.interaction-preview-module__9vZZgW__recipe code{font-size:10px}.interaction-preview-module__9vZZgW__result{color:var(--studio-color-text-subtle);padding-bottom:8px;display:block}
.component-matrix-module__t55pNq__matrix{min-width:0}.component-matrix-module__t55pNq__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.component-matrix-module__t55pNq__toolbar{z-index:3;background:var(--studio-color-surface);border-bottom:1px solid var(--studio-color-border);padding-block:12px 1px;position:sticky;top:0}.component-matrix-module__t55pNq__heading{font-family:var(--studio-font-family);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding-top:16px;display:flex}.component-matrix-module__t55pNq__heading>div{flex:1;min-width:0}.component-matrix-module__t55pNq__heading h2{letter-spacing:-.03em;font-size:24px;font-weight:600}.component-matrix-module__t55pNq__heading p{color:var(--studio-color-text-muted);margin:0;font-size:12px}.component-matrix-module__t55pNq__heading>span{color:var(--studio-color-text-muted);flex:none;font-size:11px}.component-matrix-module__t55pNq__filters{min-width:0;font:12px/1.5 var(--studio-font-family);border:0;border-radius:6px;flex-wrap:wrap;align-items:end;gap:8px;margin:0 0 8px;padding:0;display:flex}.component-matrix-module__t55pNq__filters legend{padding-inline:4px;font-weight:500}.component-matrix-module__t55pNq__filters legend span{color:var(--ds-muted-foreground);font-weight:400}.component-matrix-module__t55pNq__filters label{min-width:0;max-width:200px;color:var(--studio-color-text-muted);flex:100px;gap:4px;font-size:11px;display:grid}.component-matrix-module__t55pNq__filters select,.component-matrix-module__t55pNq__filters button,.component-matrix-module__t55pNq__empty button{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);max-width:100%;min-height:36px;color:var(--studio-color-text);font:inherit;border-radius:5px;padding:6px 10px}.component-matrix-module__t55pNq__filters select{width:100%}.component-matrix-module__t55pNq__filters button,.component-matrix-module__t55pNq__empty button{cursor:pointer}.component-matrix-module__t55pNq__filters button:disabled{opacity:.5;cursor:default}.component-matrix-module__t55pNq__filters :is(select,button):focus-visible,.component-matrix-module__t55pNq__empty button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.component-matrix-module__t55pNq__context{color:var(--studio-color-text-muted);font:12px/1.6 var(--studio-font-family);overflow-wrap:anywhere;margin-bottom:12px}.component-matrix-module__t55pNq__empty{border:1px dashed var(--ds-border);font:12px/1.6 var(--studio-font-family);padding:24px}.component-matrix-module__t55pNq__empty h3{font-weight:600}.component-matrix-module__t55pNq__empty p{color:var(--ds-muted-foreground);margin-block:8px 16px}.component-matrix-module__t55pNq__board{--matrix-head:148px;border:1px solid var(--ds-border);background:var(--ds-background);border-radius:8px;min-width:0}.component-matrix-module__t55pNq__columns,.component-matrix-module__t55pNq__row{grid-template-columns:var(--matrix-head) repeat(var(--matrix-size-count,3), minmax(0, 1fr));display:grid}.component-matrix-module__t55pNq__columns{top:var(--matrix-toolbar-height,0px);z-index:2;border-bottom:1px solid var(--ds-border);background:var(--ds-background);color:var(--ds-muted-foreground);font:600 11px/1.5 var(--studio-font-family);letter-spacing:.02em;border-radius:8px 8px 0 0;position:sticky}.component-matrix-module__t55pNq__columns>span{padding:10px 14px}.component-matrix-module__t55pNq__columns>span+span{border-left:1px solid var(--ds-border)}.component-matrix-module__t55pNq__rows{display:grid}.component-matrix-module__t55pNq__row{align-items:stretch;scroll-margin-top:200px}.component-matrix-module__t55pNq__row+.component-matrix-module__t55pNq__row{border-top:1px solid var(--ds-border)}.component-matrix-module__t55pNq__rowHeader{color:var(--ds-foreground);font:600 12px/1.5 var(--studio-font-family);overflow-wrap:anywhere;padding:14px;position:relative}.component-matrix-module__t55pNq__example{border-left:1px solid var(--ds-border);min-width:0;padding:6px 14px 14px;position:relative}.component-matrix-module__t55pNq__example[data-selected]{background:color-mix(in srgb, var(--studio-color-selection) 35%, transparent);box-shadow:inset 0 0 0 2px var(--studio-color-selection-border)}.component-matrix-module__t55pNq__exampleLabel{width:100%;min-height:22px;color:var(--ds-muted-foreground);font:11px/1.5 var(--studio-font-family);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:1px 6px;display:flex}.component-matrix-module__t55pNq__exampleLabel>span[aria-hidden]{opacity:0}.component-matrix-module__t55pNq__sizeName{visibility:hidden}.component-matrix-module__t55pNq__example:hover .component-matrix-module__t55pNq__sizeName,.component-matrix-module__t55pNq__example[data-selected] .component-matrix-module__t55pNq__sizeName,.component-matrix-module__t55pNq__exampleLabel:focus-visible .component-matrix-module__t55pNq__sizeName{visibility:visible}.component-matrix-module__t55pNq__exampleLabel:hover,.component-matrix-module__t55pNq__example[data-selected] .component-matrix-module__t55pNq__exampleLabel{border-color:var(--studio-color-selection-border);background:var(--studio-color-selection);color:var(--studio-color-on-selection)}.component-matrix-module__t55pNq__exampleLabel:hover>span[aria-hidden],.component-matrix-module__t55pNq__example[data-selected] .component-matrix-module__t55pNq__exampleLabel>span[aria-hidden]{opacity:1}.component-matrix-module__t55pNq__exampleLabel:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.component-matrix-module__t55pNq__body{overflow-wrap:anywhere;cursor:default;min-width:0;min-height:64px;padding:4px 2px;position:relative}.component-matrix-module__t55pNq__body *{-webkit-user-select:none;user-select:none;cursor:default!important}.component-matrix-module__t55pNq__body [data-component-part]:hover{outline:1px solid var(--studio-color-selection-border);outline-offset:2px}.component-matrix-module__t55pNq__body [data-component-part]:has([data-component-part]:hover){outline:none}.component-matrix-module__t55pNq__body [data-system-selected-part]{outline-offset:3px;outline:var(--canvas-selection-stroke,2px) solid var(--studio-color-selection-border)!important}@container (max-width:700px){.component-matrix-module__t55pNq__heading{flex-wrap:wrap;gap:8px}.component-matrix-module__t55pNq__filters button{flex:120px}.component-matrix-module__t55pNq__heading h2{font-size:20px}.component-matrix-module__t55pNq__heading>span{text-align:right;max-width:90px}.component-matrix-module__t55pNq__columns{display:none}.component-matrix-module__t55pNq__row{grid-template-columns:minmax(0,1fr)}.component-matrix-module__t55pNq__rowHeader{border-bottom:0;padding:12px 14px 4px}.component-matrix-module__t55pNq__example{border-left:0;border-top:1px solid var(--ds-border)}.component-matrix-module__t55pNq__sizeName{visibility:visible}}.component-matrix-module__t55pNq__radiusView{margin-left:auto}
.frame-spacing-editor-module__yxfGGG__handle:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.frame-spacing-editor-module__yxfGGG__overlay{z-index:4;pointer-events:none;position:absolute}.frame-spacing-editor-module__yxfGGG__handle{border:1px solid var(--studio-color-selection-border);background:var(--studio-color-surface);width:24px;height:20px;color:var(--studio-color-text);font:9px/1 var(--studio-font-family);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute}.frame-spacing-editor-module__yxfGGG__handle[data-side=top],.frame-spacing-editor-module__yxfGGG__handle[data-side=bottom]{cursor:ns-resize;left:50%;transform:translate(-50%)}.frame-spacing-editor-module__yxfGGG__handle[data-side=left],.frame-spacing-editor-module__yxfGGG__handle[data-side=right]{cursor:ew-resize;top:50%;transform:translateY(-50%)}.frame-spacing-editor-module__yxfGGG__handle[data-side=topleft]{cursor:nwse-resize;top:-20px;left:-24px}.frame-spacing-editor-module__yxfGGG__handle[data-side=topright]{cursor:nesw-resize;top:-20px;right:-24px}.frame-spacing-editor-module__yxfGGG__handle[data-side=bottomright]{cursor:nwse-resize;bottom:-20px;right:-24px}.frame-spacing-editor-module__yxfGGG__handle[data-side=bottomleft]{cursor:nesw-resize;bottom:-20px;left:-24px}.frame-spacing-editor-module__yxfGGG__handle:hover,.frame-spacing-editor-module__yxfGGG__handle:focus-visible{background:var(--studio-color-selection);color:var(--studio-color-on-selection);z-index:1}.frame-spacing-editor-module__yxfGGG__valueEditor{z-index:3;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:220px;max-width:calc(100vw - 32px);color:var(--studio-color-text);font:12px/1.5 var(--studio-font-family);pointer-events:auto;border-radius:6px;gap:6px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.frame-spacing-editor-module__yxfGGG__valueEditor input{box-sizing:border-box;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:100%;min-width:0;min-height:32px;color:var(--studio-color-text);font:inherit;border-radius:4px;padding:4px 8px}.frame-spacing-editor-module__yxfGGG__valueEditor>span{color:var(--studio-color-text-secondary)}.frame-spacing-editor-module__yxfGGG__valueEditor>div{gap:8px;display:flex}.frame-spacing-editor-module__yxfGGG__valueEditor button{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);min-height:32px;color:var(--studio-color-text);font:inherit;cursor:pointer;border-radius:4px;padding:4px 10px}.frame-spacing-editor-module__yxfGGG__valueEditor button:disabled{opacity:.5;cursor:default}.frame-spacing-editor-module__yxfGGG__valueEditor input:focus-visible,.frame-spacing-editor-module__yxfGGG__valueEditor button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.frame-spacing-editor-module__yxfGGG__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frame-spacing-editor-module__yxfGGG__handle[data-side=gap]{transform:translate(-50%,-50%)}.frame-spacing-editor-module__yxfGGG__handle[data-gap-axis=x]{cursor:ew-resize}.frame-spacing-editor-module__yxfGGG__handle[data-gap-axis=y]{cursor:ns-resize}.frame-spacing-editor-module__yxfGGG__handle[data-gap-axis=none]{cursor:pointer}
.frame-size-editor-module__zbegQq__panel{z-index:4;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:260px;max-width:100%;max-height:min(620px,100dvh - 180px);color:var(--studio-color-text);box-shadow:0 4px 16px var(--studio-color-shadow);font:11px/1.5 var(--studio-font-family);border-radius:6px;padding:12px;position:absolute;top:calc(100% + 4px);right:0;overflow:auto}.frame-size-editor-module__zbegQq__panel header{justify-content:space-between;align-items:center;display:flex}.frame-size-editor-module__zbegQq__panel p{color:var(--studio-color-text-secondary);margin:6px 0}.frame-size-editor-module__zbegQq__panel fieldset{border:0;border-top:1px solid var(--studio-color-border);min-width:0;margin:12px 0 0;padding:10px 0}.frame-size-editor-module__zbegQq__panel legend{padding-right:6px;font-weight:600}.frame-size-editor-module__zbegQq__panel label{margin-top:6px;display:block}.frame-size-editor-module__zbegQq__panel :is(select,input){border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:100%;min-width:0;min-height:32px;color:var(--studio-color-text);font:inherit;border-radius:4px;padding:4px 6px}.frame-size-editor-module__zbegQq__panel button{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);min-height:28px;color:var(--studio-color-text);font:inherit;cursor:pointer;border-radius:4px;padding:4px 6px}.frame-size-editor-module__zbegQq__panel button:disabled{opacity:.5;cursor:default}.frame-size-editor-module__zbegQq__panel :is(button,input,select):focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.frame-size-editor-module__zbegQq__actions{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}
.frame-resize-editor-module__mPTVnW__overlay{z-index:4;pointer-events:none;outline:1px solid var(--studio-color-selection-border);position:absolute}.frame-resize-editor-module__mPTVnW__handle{border:1px solid var(--studio-color-selection-border);background:var(--studio-color-surface);width:24px;height:24px;color:var(--studio-color-text);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;font:10px/1 var(--studio-font-family);border-radius:4px;place-items:center;padding:0;display:grid;position:absolute}.frame-resize-editor-module__mPTVnW__handle[data-resize-handle=width]{cursor:ew-resize;top:50%;right:-24px;transform:translateY(-50%)}.frame-resize-editor-module__mPTVnW__handle[data-resize-handle=height]{cursor:ns-resize;bottom:-24px;left:50%;transform:translate(-50%)}.frame-resize-editor-module__mPTVnW__handle:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.frame-resize-editor-module__mPTVnW__handle:hover{background:var(--studio-color-selection);color:var(--studio-color-on-selection)}.frame-resize-editor-module__mPTVnW__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frame-resize-editor-module__mPTVnW__handle[data-resize-handle=corner]{cursor:nwse-resize;width:16px;height:16px;bottom:-18px;right:-18px}
.tool-status-module__2R_s5a__surface{z-index:3;border:1px solid var(--studio-color-selection-border);background:var(--studio-color-surface);color:var(--studio-color-text-secondary);font:10px/1.5 var(--studio-font-family);border-radius:6px;gap:4px;margin-top:8px;padding:6px;display:grid;position:relative}.tool-status-module__2R_s5a__toolbar{flex-wrap:wrap;gap:2px;display:flex}.tool-status-module__2R_s5a__toolbar>button{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);min-width:28px;min-height:28px;color:var(--studio-color-text);font:inherit;cursor:pointer;border-radius:4px;padding:4px 8px}.tool-status-module__2R_s5a__toolbar>button[aria-pressed=true],.tool-status-module__2R_s5a__toolbar>button[aria-expanded=true]{background:var(--studio-color-selection);border-color:var(--studio-color-selection-border);color:var(--studio-color-on-selection)}.tool-status-module__2R_s5a__toolbar>button[data-target-switch]{margin-left:auto}.tool-status-module__2R_s5a__toolbar>button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.tool-status-module__2R_s5a__status{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.tool-status-module__2R_s5a__status strong{color:var(--studio-color-text);font-weight:600}.tool-status-module__2R_s5a__hint{color:var(--studio-color-text-muted);flex-basis:100%}.tool-status-module__2R_s5a__status button{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);min-height:24px;color:var(--studio-color-text);font:inherit;cursor:pointer;border-radius:4px;margin-left:auto;padding:2px 6px}.tool-status-module__2R_s5a__status button:disabled{opacity:.45;cursor:default}.tool-status-module__2R_s5a__status button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}
.text-tools-editor-module__8SGuJW__panel{z-index:4;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:264px;max-width:calc(100vw - 32px);max-height:min(560px,100dvh - 180px);color:var(--studio-color-text);box-shadow:0 4px 16px var(--studio-color-shadow);font:11px/1.4 var(--studio-font-family);text-align:left;border-radius:6px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 4px);right:0;overflow:auto}.text-tools-editor-module__8SGuJW__scope{color:var(--studio-color-text-secondary);margin:0}.text-tools-editor-module__8SGuJW__row{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.text-tools-editor-module__8SGuJW__label{min-width:0;color:var(--studio-color-text-secondary);-webkit-user-select:none;user-select:none}.text-tools-editor-module__8SGuJW__label[data-scrub]{cursor:ew-resize;touch-action:none}.text-tools-editor-module__8SGuJW__control,.text-tools-editor-module__8SGuJW__segments{align-items:center;gap:4px;min-width:0;display:flex}.text-tools-editor-module__8SGuJW__row:has(.text-tools-editor-module__8SGuJW__segments) .text-tools-editor-module__8SGuJW__reset{grid-column:2;justify-self:end}.text-tools-editor-module__8SGuJW__segments{flex-wrap:wrap;grid-column:2}.text-tools-editor-module__8SGuJW__row input[type=text]{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:100%;min-width:0;min-height:28px;color:var(--studio-color-text);font:inherit;border-radius:4px;flex:1;padding:2px 6px}.text-tools-editor-module__8SGuJW__row input[type=text][aria-invalid=true]{border-color:var(--studio-color-danger)}.text-tools-editor-module__8SGuJW__row input[type=color]{border:1px solid var(--studio-color-border);background:0 0;border-radius:4px;flex:none;width:28px;height:28px;padding:0}.text-tools-editor-module__8SGuJW__row button{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);min-width:28px;min-height:28px;color:var(--studio-color-text);font:inherit;cursor:pointer;border-radius:4px;flex:none;padding:2px 6px}.text-tools-editor-module__8SGuJW__row button[aria-pressed=true]{background:var(--studio-color-selection);border-color:var(--studio-color-selection-border);color:var(--studio-color-on-selection)}.text-tools-editor-module__8SGuJW__row button:disabled{opacity:.45;cursor:default}.text-tools-editor-module__8SGuJW__source,.text-tools-editor-module__8SGuJW__error{overflow-wrap:anywhere;min-width:0;color:var(--studio-color-text-muted);grid-column:2;font-size:10px}.text-tools-editor-module__8SGuJW__error{color:var(--studio-color-danger)}.text-tools-editor-module__8SGuJW__row :is(button,input):focus-visible,.text-tools-editor-module__8SGuJW__label:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.text-tools-editor-module__8SGuJW__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.component-playground-module__MjMyfq__playground,.component-playground-module__MjMyfq__controls{box-sizing:border-box;background:var(--studio-color-surface);width:100%;min-width:0;max-width:100%;color:var(--studio-color-text);font:12px/1.5 var(--studio-font-family);color-scheme:var(--studio-color-scheme)}.component-playground-module__MjMyfq__playground{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.component-playground-module__MjMyfq__playground[hidden],.component-playground-module__MjMyfq__controls[hidden]{display:none}.component-playground-module__MjMyfq__header{border-bottom:1px solid var(--studio-color-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:16px 24px;display:flex}.component-playground-module__MjMyfq__header h2{margin:0;font-size:14px;font-weight:600}.component-playground-module__MjMyfq__header p{color:var(--studio-color-text-muted);margin:0;font-size:11px}.component-playground-module__MjMyfq__scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:24px;min-width:0;min-height:0;padding:24px;display:flex;overflow:auto}.component-playground-module__MjMyfq__workbench{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}.component-playground-module__MjMyfq__preview{border:1px solid var(--ds-border);background:var(--ds-background);min-width:0;min-height:320px;color:var(--ds-foreground);font-family:var(--ds-font-family);border-radius:8px;flex:1 0 auto;place-items:center;padding:clamp(24px,4vw,64px);display:grid;overflow:auto}.component-playground-module__MjMyfq__sample{overflow-wrap:anywhere;place-items:center;width:100%;min-width:0;max-width:640px;min-height:200px;margin:0;display:grid}.component-playground-module__MjMyfq__sample>*{min-width:0;max-width:100%}.component-playground-module__MjMyfq__status{color:var(--studio-color-text-muted);overflow-wrap:anywhere;flex:none;margin-top:12px;font-size:11px;display:block}.component-playground-module__MjMyfq__controls{overscroll-behavior:contain;flex-direction:column;min-height:0;max-height:100%;padding:16px;display:flex;overflow:auto}.component-playground-module__MjMyfq__scroll>.component-playground-module__MjMyfq__controls{flex:none;max-height:none;padding:0;overflow:visible}.component-playground-module__MjMyfq__controlsHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.component-playground-module__MjMyfq__controlsHeader h3{margin:0;font-size:13px;font-weight:600}.component-playground-module__MjMyfq__controlsHeader p{color:var(--studio-color-text-muted);margin:3px 0 0;font-size:11px}.component-playground-module__MjMyfq__reset{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);max-width:100%;min-height:30px;color:inherit;font:inherit;cursor:pointer;border-radius:4px;flex:none;padding:5px 8px;font-size:11px}.component-playground-module__MjMyfq__reset:hover{background:var(--studio-color-surface-hover)}.component-playground-module__MjMyfq__group{border-top:1px solid var(--studio-color-border);flex:none;min-width:0}.component-playground-module__MjMyfq__group>summary{cursor:pointer;padding-block:12px;font-weight:600}.component-playground-module__MjMyfq__groupFields{border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:10px 12px;min-width:0;margin:0;padding:0 0 16px;display:grid}.component-playground-module__MjMyfq__field{overflow-wrap:anywhere;flex-direction:column;align-items:stretch;gap:4px;min-width:0;display:flex}.component-playground-module__MjMyfq__field>span{min-width:0;color:var(--studio-color-text-muted);font-size:11px}.component-playground-module__MjMyfq__wideField{grid-column:1/-1}.component-playground-module__MjMyfq__field input:not([type=checkbox]),.component-playground-module__MjMyfq__field select,.component-playground-module__MjMyfq__field textarea{box-sizing:border-box;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:100%;min-width:0;max-width:100%;min-height:32px;color:var(--studio-color-text);font:inherit;border-radius:4px;padding:6px 8px}.component-playground-module__MjMyfq__field textarea{resize:vertical;min-height:76px}.component-playground-module__MjMyfq__booleanField{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;min-height:28px}.component-playground-module__MjMyfq__booleanField input{width:16px;height:16px;accent-color:var(--studio-color-accent);flex:none;margin:0}.component-playground-module__MjMyfq__controls :is(input,select,textarea,summary,button):focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.component-playground-module__MjMyfq__help{color:var(--studio-color-text-muted);overflow-wrap:anywhere;flex:none;margin-top:8px;font-size:11px}.component-playground-module__MjMyfq__help>summary{cursor:pointer;padding-block:8px}.component-playground-module__MjMyfq__help p{margin:8px 0 0}@media (max-width:600px){.component-playground-module__MjMyfq__header{padding:12px 16px}.component-playground-module__MjMyfq__scroll{padding:16px}.component-playground-module__MjMyfq__preview{padding:24px 16px}}
.developer-module__AP4jWG__root{box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:var(--studio-color-text);background:var(--studio-color-surface-sunken);overflow-wrap:anywhere;padding:clamp(16px,3vw,40px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}.developer-module__AP4jWG__root *,.developer-module__AP4jWG__root :before,.developer-module__AP4jWG__root :after{box-sizing:border-box}.developer-module__AP4jWG__header,.developer-module__AP4jWG__section{min-width:0;max-width:1040px;margin-inline:auto}.developer-module__AP4jWG__header{margin-bottom:20px}.developer-module__AP4jWG__reference{border-block-start:1px solid var(--studio-color-border);min-width:0;max-width:1040px;margin:20px auto}.developer-module__AP4jWG__reference>summary{cursor:pointer;padding-block:16px;font-weight:600}.developer-module__AP4jWG__reference>summary:focus-visible{outline:var(--studio-focus-ring);outline-offset:var(--studio-focus-ring-offset)}.developer-module__AP4jWG__reference>:not(summary){margin-bottom:12px}.developer-module__AP4jWG__root h2,.developer-module__AP4jWG__root h3,.developer-module__AP4jWG__root p{margin:0}.developer-module__AP4jWG__root h2{letter-spacing:-.025em;font-size:clamp(24px,3vw,32px);line-height:1.25}.developer-module__AP4jWG__root h3{color:var(--studio-color-text);font-size:18px;line-height:1.4}.developer-module__AP4jWG__root p{color:var(--studio-color-text-secondary)}.developer-module__AP4jWG__header>*+*{margin-top:8px}.developer-module__AP4jWG__root .developer-module__AP4jWG__eyebrow{color:var(--studio-color-text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.developer-module__AP4jWG__systemName{font-size:12px}.developer-module__AP4jWG__section{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.developer-module__AP4jWG__section+.developer-module__AP4jWG__section{margin-top:32px}.developer-module__AP4jWG__sourceDownload{border-block:1px solid var(--studio-color-border);margin-bottom:24px;padding-block:16px}.developer-module__AP4jWG__cliCommands{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--studio-color-border);background:var(--studio-color-surface);border-radius:6px;min-width:0;max-width:100%;margin:0;padding:12px;font-size:12px;overflow-x:auto}.developer-module__AP4jWG__manualSource>summary{cursor:pointer;padding-block:8px;font-size:13px}.developer-module__AP4jWG__manualSource>summary:focus-visible{outline:var(--studio-focus-ring);outline-offset:var(--studio-focus-ring-offset)}.developer-module__AP4jWG__sourceActions{flex-wrap:wrap;gap:8px;display:flex}.developer-module__AP4jWG__sourceActions>button{white-space:normal;height:auto;min-height:32px}.developer-module__AP4jWG__sourceDownload [role=alert]{color:var(--studio-color-danger)}.developer-module__AP4jWG__scroll{border:1px solid var(--studio-color-border-strong);background:var(--studio-color-surface);overscroll-behavior:contain;border-radius:8px;width:100%;min-width:0;max-width:100%;max-height:560px;overflow:auto}.developer-module__AP4jWG__scroll:focus-visible,.developer-module__AP4jWG__export>summary:focus-visible{outline:var(--studio-focus-ring);outline-offset:var(--studio-focus-ring-offset)}.developer-module__AP4jWG__root code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.developer-module__AP4jWG__code{width:max-content;min-width:100%;color:var(--studio-color-text);background:var(--studio-color-surface);tab-size:2;white-space:pre;overflow-wrap:normal;margin:0;padding:16px;line-height:1.7}.developer-module__AP4jWG__codeHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.developer-module__AP4jWG__copyStatus{min-height:1.6em;font-size:12px}.developer-module__AP4jWG__reactCode{--sh-class:#f4a47c;--sh-entity:#f4a47c;--sh-identifier:#e7e5e4;--sh-keyword:#c4a5f5;--sh-string:#a8d8a0;--sh-property:#8fc2f7;--sh-jsxliterals:#e7e5e4;--sh-sign:#a1a1aa;--sh-comment:#a1a1aa;min-width:0}.developer-module__AP4jWG__reactCode .developer-module__AP4jWG__scroll,.developer-module__AP4jWG__reactCode .developer-module__AP4jWG__code{color:#e7e5e4;background:#1c1c20}.developer-module__AP4jWG__reactCode .developer-module__AP4jWG__scroll{border-color:var(--studio-color-border-strong);scrollbar-color:#71717a #1c1c20}.developer-module__AP4jWG__table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:13px}.developer-module__AP4jWG__table caption{color:var(--studio-color-text-secondary);background:var(--studio-color-surface-hover);text-align:left;padding:12px 16px;font-size:12px}.developer-module__AP4jWG__table th,.developer-module__AP4jWG__table td{border-top:1px solid var(--studio-color-border);vertical-align:top;padding:12px 16px}.developer-module__AP4jWG__table thead th{color:var(--studio-color-text-secondary);background:var(--studio-color-surface-sunken);font-size:12px;font-weight:600}.developer-module__AP4jWG__table tbody th{font-weight:500}.developer-module__AP4jWG__table td{color:var(--studio-color-text-secondary)}.developer-module__AP4jWG__rampTable{min-width:1320px}.developer-module__AP4jWG__rampTable td{min-width:105px}.developer-module__AP4jWG__rampTable td code{white-space:nowrap;display:block}.developer-module__AP4jWG__tokenValue{vertical-align:middle;align-items:center;gap:8px;display:inline-flex}.developer-module__AP4jWG__inlineSwatch{border:1px solid var(--studio-color-border-strong);border-radius:4px;flex:0 0 24px;width:24px;height:24px;display:inline-block}.developer-module__AP4jWG__copyToken{white-space:nowrap;align-items:center;gap:6px;margin-inline-start:8px;display:inline-flex}.developer-module__AP4jWG__copyToken button{border:1px solid var(--studio-color-border-strong);color:var(--studio-color-text);background:var(--studio-color-surface);font:inherit;cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px}.developer-module__AP4jWG__copyToken button:hover{background:var(--studio-color-surface-hover)}.developer-module__AP4jWG__copyToken button:focus-visible{outline:var(--studio-focus-ring);outline-offset:var(--studio-focus-ring-offset)}.developer-module__AP4jWG__copyFeedback{color:var(--studio-color-text-secondary);font-size:11px}.developer-module__AP4jWG__swatch{border:1px solid var(--studio-color-border);border-radius:4px;height:36px;margin-bottom:8px;display:block}.developer-module__AP4jWG__typeSample{min-width:180px;color:var(--ds-foreground,var(--studio-color-text));white-space:nowrap;display:inline-block}.developer-module__AP4jWG__export{min-width:0}.developer-module__AP4jWG__export>summary{border:1px solid var(--studio-color-border-strong);color:var(--studio-color-text);background:var(--studio-color-surface);cursor:pointer;border-radius:8px;padding:12px 16px;font-weight:600}.developer-module__AP4jWG__export>summary:hover{background:var(--studio-color-surface-hover)}.developer-module__AP4jWG__export[open]>summary{margin-bottom:12px}@media (max-width:600px){.developer-module__AP4jWG__root{padding:16px}.developer-module__AP4jWG__table th,.developer-module__AP4jWG__table td{padding:10px 12px}}
.color-builder-module__E4y6lG__builder{border-top:1px solid var(--studio-color-border);min-width:0;color:var(--studio-color-text);overflow-wrap:anywhere;padding-block:10px;font-size:12px;line-height:1.5}.color-builder-module__E4y6lG__builder>summary{margin:0;font-size:12px;font-weight:600}.color-builder-module__E4y6lG__builder p{color:var(--studio-color-text-secondary);margin:0;font-size:11px}.color-builder-module__E4y6lG__contrastTrigger{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:32px;height:32px;color:var(--studio-color-text-secondary);border-radius:6px;flex:none;place-items:center;display:grid}.color-builder-module__E4y6lG__contrastTrigger:hover{background:var(--studio-color-surface-hover)}.color-builder-module__E4y6lG__contrastTrigger[data-failing]{color:var(--studio-color-warning);border-color:var(--studio-color-warning);background:var(--studio-color-warning-subtle)}.color-builder-module__E4y6lG__contrastTrigger:focus-visible,.color-builder-module__E4y6lG__contrastClose:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.color-builder-module__E4y6lG__builder[data-expanded]{border:0;min-height:0;padding-block:0;overflow-y:auto}.color-builder-module__E4y6lG__builder[data-expanded]>summary{display:none}.color-builder-module__E4y6lG__contrastBackdrop{background:var(--studio-color-backdrop);min-height:100dvh;position:fixed;inset:0}.color-builder-module__E4y6lG__contrastPopup{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);width:min(520px,100vw - 32px);min-height:0;max-height:min(720px,100dvh - 32px);color:var(--studio-color-text);box-shadow:0 16px 48px var(--studio-color-shadow-dialog);border-radius:10px;flex-direction:column;padding:18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.color-builder-module__E4y6lG__contrastHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.color-builder-module__E4y6lG__contrastHeader h2{font-size:16px;font-weight:600}.color-builder-module__E4y6lG__contrastHeader p{color:var(--studio-color-text-secondary);margin-top:7px;font-size:12px;line-height:1.5}.color-builder-module__E4y6lG__contrastClose{border-radius:6px;flex:none;place-items:center;width:36px;height:36px;display:grid}.color-builder-module__E4y6lG__contrastClose:hover{background:var(--studio-color-surface-hover)}.color-builder-module__E4y6lG__contrastSummary{color:var(--studio-color-text-secondary);margin:14px 0 10px;font-size:12px;font-weight:600}.color-builder-module__E4y6lG__contrastSummary[data-failing]{color:var(--studio-color-warning)}.color-builder-module__E4y6lG__contrastPairs{overscroll-behavior:contain;min-height:0;overflow-y:auto}.color-builder-module__E4y6lG__contrastPairs li{border-top:1px solid var(--studio-color-border-subtle);padding:11px 0;font-size:12px}.color-builder-module__E4y6lG__contrastPairs li>span{color:var(--studio-color-text-secondary);margin-top:4px;display:block}.color-builder-module__E4y6lG__contrastPairs code{color:var(--studio-color-text-secondary);margin-top:4px;font-size:11px;display:block}.color-builder-module__E4y6lG__pairHeading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.color-builder-module__E4y6lG__pairHeading strong{font-weight:600}.color-builder-module__E4y6lG__pairHeading span{color:var(--studio-color-text-secondary);flex:none;font-size:11px}.color-builder-module__E4y6lG__contrastPairs li[data-failing] .color-builder-module__E4y6lG__pairHeading span{color:var(--studio-color-warning);font-weight:600}.color-builder-module__E4y6lG__pairActions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.color-builder-module__E4y6lG__pairActions button{border:1px solid var(--studio-color-border);min-height:32px;color:var(--studio-color-text);text-align:left;border-radius:5px;padding:5px 8px;font-size:11px}.color-builder-module__E4y6lG__pairActions button:hover{background:var(--studio-color-surface-hover)}.color-builder-module__E4y6lG__pairActions button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.color-builder-module__E4y6lG__builder>summary{cursor:pointer;padding-block:2px}.color-builder-module__E4y6lG__builder[open]>p:first-of-type{margin-top:6px}.color-builder-module__E4y6lG__builder>label{margin-top:8px}.color-builder-module__E4y6lG__builder>.color-builder-module__E4y6lG__sourceInput,.color-builder-module__E4y6lG__builder>.color-builder-module__E4y6lG__sourceInput+p{margin-top:4px}.color-builder-module__E4y6lG__builder>.color-builder-module__E4y6lG__presets,.color-builder-module__E4y6lG__builder>.color-builder-module__E4y6lG__feedback{margin-top:8px}.color-builder-module__E4y6lG__builder>summary:focus-visible{outline:var(--studio-focus-ring);outline-offset:var(--studio-focus-ring-offset)}.color-builder-module__E4y6lG__builder label{font-weight:500;display:block}.color-builder-module__E4y6lG__sourceInput{border:1px solid var(--studio-color-border-strong);background:var(--studio-color-surface);border-radius:7px;align-items:center;gap:6px;padding:3px 6px;display:flex}.color-builder-module__E4y6lG__sourceInput input[type=color]{border:1px solid var(--studio-color-border);background:var(--studio-color-surface);cursor:pointer;border-radius:4px;flex-shrink:0;width:28px;height:28px;padding:2px}.color-builder-module__E4y6lG__sourceInput input[type=text]{width:100%;min-width:0;min-height:28px;color:var(--studio-color-text);background:0 0;border:0;border-radius:3px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.5}.color-builder-module__E4y6lG__sourceInput:has([aria-invalid=true]){border-color:var(--studio-color-danger)}.color-builder-module__E4y6lG__sourceInput input:focus-visible,.color-builder-module__E4y6lG__builder button:focus-visible{outline:var(--studio-focus-ring);outline-offset:var(--studio-focus-ring-offset)}.color-builder-module__E4y6lG__presets,.color-builder-module__E4y6lG__actions{flex-wrap:wrap;gap:8px;display:flex}.color-builder-module__E4y6lG__presets{gap:6px}.color-builder-module__E4y6lG__presets button{white-space:normal;max-width:100%;height:auto;min-height:36px;padding:4px 7px}.color-builder-module__E4y6lG__presets button>span{align-items:center;gap:6px;display:inline-flex}.color-builder-module__E4y6lG__swatch{border:1px solid var(--studio-color-border-strong);border-radius:4px;flex-shrink:0;width:16px;height:16px;display:inline-block}.color-builder-module__E4y6lG__actions button{white-space:normal;flex:auto;height:auto;min-height:36px}.color-builder-module__E4y6lG__feedback{border-top:1px solid var(--studio-color-border);flex-wrap:wrap;align-items:baseline;gap:2px 6px;padding-top:6px;display:flex}.color-builder-module__E4y6lG__feedback code{color:var(--studio-color-text);font-size:11px}.color-builder-module__E4y6lG__feedback:empty{display:none}.color-builder-module__E4y6lG__recipe{gap:12px;padding:12px 0;display:grid}.color-builder-module__E4y6lG__recipe+.color-builder-module__E4y6lG__recipe{border-top:1px solid var(--studio-color-border)}.color-builder-module__E4y6lG__recipeHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.color-builder-module__E4y6lG__recipe h4,.color-builder-module__E4y6lG__scale h4,.color-builder-module__E4y6lG__roleRecipe h5{font-size:12px;font-weight:600}.color-builder-module__E4y6lG__match{color:var(--studio-color-success-text);font-size:10px}.color-builder-module__E4y6lG__sample{border:1px solid;border-radius:8px;gap:8px;padding:14px;display:grid}.color-builder-module__E4y6lG__roleSamples{flex-wrap:wrap;gap:6px;display:flex}.color-builder-module__E4y6lG__roleSamples>span{border-radius:4px;padding:4px 7px;font-size:11px}.color-builder-module__E4y6lG__roleRecipe{border-top:1px solid var(--studio-color-border);gap:8px;padding-block:12px;display:grid}.color-builder-module__E4y6lG__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:10px;display:grid}.color-builder-module__E4y6lG__values dt{color:var(--studio-color-text-secondary)}.color-builder-module__E4y6lG__scale{margin-top:12px}.color-builder-module__E4y6lG__scale ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;list-style:none;display:grid}.color-builder-module__E4y6lG__scale li{align-items:center;gap:5px;font-size:10px;display:flex}
.workspace-shell-module__AjrkHW__shell.studio-shell{--shell-left:200px;--shell-right:320px;grid-template-columns:var(--shell-left) minmax(0, 1fr) var(--shell-right);grid-template-rows:48px minmax(0,1fr);width:100%;height:100dvh;min-height:0;font-size:12px;display:grid;position:relative;overflow:hidden}.workspace-shell-module__AjrkHW__shell[data-left-hidden]{--shell-left:0px}.workspace-shell-module__AjrkHW__shell[data-right-hidden],.workspace-shell-module__AjrkHW__shell[data-view=develop]{--shell-right:0px}.workspace-shell-module__AjrkHW__shell .studio-header{border-bottom-color:var(--studio-color-border-subtle);flex-wrap:nowrap;grid-area:1/1/2/-1;gap:12px;min-width:0;height:48px;min-height:0;padding:0 12px;display:flex}.workspace-shell-module__AjrkHW__shell .brand{letter-spacing:-.6px;font-size:16px}.workspace-shell-module__AjrkHW__shell .brand-mark{width:24px;height:24px;margin-right:5px}.workspace-shell-module__AjrkHW__workspaceSwitch{background:var(--studio-color-surface-hover);border-radius:6px;flex:none;gap:2px;padding:2px;display:flex}.workspace-shell-module__AjrkHW__workspaceSwitch a{min-height:28px;color:var(--studio-color-text-subtle);border-radius:4px;place-items:center;padding:0 10px;font-size:11px;display:grid}.workspace-shell-module__AjrkHW__workspaceSwitch a[aria-current]{color:var(--studio-color-text);background:var(--studio-color-surface);box-shadow:0 1px 3px var(--studio-color-shadow);font-weight:600}.workspace-shell-module__AjrkHW__workspaceSwitch a:focus-visible{outline-offset:-2px}.workspace-shell-module__AjrkHW__shell .system-switcher{min-width:0}.workspace-shell-module__AjrkHW__shell .system-switcher[hidden]{display:none}.workspace-shell-module__AjrkHW__shell .system-switcher summary{border-color:#0000;max-width:200px;min-height:30px;padding:4px 7px;font-size:12px}.workspace-shell-module__AjrkHW__shell .system-switcher-panel{z-index:30;max-height:calc(100dvh - 64px);overflow-y:auto}.workspace-shell-module__AjrkHW__pageName{border-left:1px solid var(--studio-color-border);min-width:0;max-width:200px;color:var(--studio-color-text-subtle);text-overflow:ellipsis;white-space:nowrap;padding-left:12px;font-size:11px;overflow:hidden}.workspace-shell-module__AjrkHW__headerSpacer{flex:1;min-width:0}.workspace-shell-module__AjrkHW__modeSwitch{flex:none;gap:2px;display:flex}.workspace-shell-module__AjrkHW__modeSwitch .studio-button{min-height:28px;padding:3px 9px;font-size:11px}.workspace-shell-module__AjrkHW__modeSwitch .studio-button[aria-pressed=true]{background:var(--studio-color-selection);color:var(--studio-color-on-selection)}.workspace-shell-module__AjrkHW__panelControls{border-left:1px solid var(--studio-color-border-subtle);flex:none;gap:2px;padding-left:8px;display:flex}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__panelControls .studio-button{width:28px;min-height:28px;padding:0}:is(.workspace-shell-module__AjrkHW__panelControls .studio-button[aria-pressed=true],.workspace-shell-module__AjrkHW__panelControls .studio-button[aria-expanded=true]){background:var(--studio-color-surface-hover)}.workspace-shell-module__AjrkHW__shell .view-switch{align-self:center;gap:10px;display:flex}.workspace-shell-module__AjrkHW__shell .view-switch a{min-height:32px;padding-inline:3px;font-size:11px}.workspace-shell-module__AjrkHW__shell .header-actions{flex:none;gap:6px;margin-left:0;display:flex}.workspace-shell-module__AjrkHW__shell .header-actions[hidden]{display:none}.workspace-shell-module__AjrkHW__shell .header-actions .studio-button{min-height:30px;padding:4px 8px;font-size:11px}.workspace-shell-module__AjrkHW__shell .header-workspace-controls{flex:none;margin-left:0;display:flex}.workspace-shell-module__AjrkHW__shell .header-workspace-controls .segmented-item{min-height:22px;padding:3px 5px}.workspace-shell-module__AjrkHW__shell .save-status{gap:5px;font-size:10px}.workspace-shell-module__AjrkHW__shell .studio-sidebar{border-right:1px solid var(--studio-color-border-subtle);background:var(--studio-color-surface);border-bottom:0;flex-direction:column;grid-area:2/1/3/2;gap:0;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__inspector[hidden]{display:none}.workspace-shell-module__AjrkHW__shell .studio-sidebar[hidden]{display:none}.workspace-shell-module__AjrkHW__shell .sidebar-navigation{min-width:0;min-height:0;padding:14px 10px;display:block;overflow:auto}.workspace-shell-module__AjrkHW__shell .sidebar-section-label{letter-spacing:.5px;margin-bottom:8px;padding:0 8px;font-size:10px;display:block}.workspace-shell-module__AjrkHW__shell .sidebar-foundations-label{margin-top:0}.workspace-shell-module__AjrkHW__shell .sidebar-divider{margin:16px 0;display:block}.workspace-shell-module__AjrkHW__shell .search-field{height:30px;min-height:30px;margin:0 0 12px;display:flex}:is(.workspace-shell-module__AjrkHW__shell .component-nav,.workspace-shell-module__AjrkHW__shell .component-group){display:block}.workspace-shell-module__AjrkHW__shell .component-group+.component-group{margin-top:12px}.workspace-shell-module__AjrkHW__shell .component-group-label{font-size:10px;display:block}.workspace-shell-module__AjrkHW__shell .nav-item{border:0;flex:none;width:100%;min-height:32px;margin:2px 0;padding:7px 8px;font-size:11px}.workspace-shell-module__AjrkHW__shell .nav-item[aria-current=page]{color:var(--studio-color-on-selection);background:var(--studio-color-selection)}.workspace-shell-module__AjrkHW__shell .nav-item[aria-current=page]>svg{color:inherit}.workspace-shell-module__AjrkHW__shell .nav-end{margin-left:auto;display:flex}.workspace-shell-module__AjrkHW__shell .sidebar-bottom{border-top:1px solid var(--studio-color-border-subtle);flex:none;margin-top:auto;padding:10px 14px;display:block}.workspace-shell-module__AjrkHW__shell .docs-link{font-size:10px}.workspace-shell-module__AjrkHW__shell .studio-main{flex-direction:column;grid-area:2/2/3/3;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-shell-module__AjrkHW__shell .workspace-tabs{flex:1;overflow:hidden}:is(.workspace-shell-module__AjrkHW__shell .workspace-tabs,.workspace-shell-module__AjrkHW__shell .workspace-content){min-width:0;min-height:0}.workspace-shell-module__AjrkHW__shell .workspace-content--design{flex-direction:column;height:100%;display:flex;overflow:hidden}.workspace-shell-module__AjrkHW__shell .workspace-content--design>.notice{flex:none;max-height:35%;margin:0;overflow:auto}:is(.workspace-shell-module__AjrkHW__shell .workspace-panel--design,.workspace-shell-module__AjrkHW__shell .preview-canvas,.workspace-shell-module__AjrkHW__shell .preview-frame,.workspace-shell-module__AjrkHW__shell .preview-frame .theme-pane){flex:1;height:100%;min-height:0}.workspace-shell-module__AjrkHW__shell .preview-frame{padding:0}.workspace-shell-module__AjrkHW__shell .preview-frame .theme-pane{border:0}.workspace-shell-module__AjrkHW__shell .canvas-history{top:12px;bottom:auto;left:16px}.workspace-shell-module__AjrkHW__shell .canvas-theme{top:12px;bottom:auto;right:16px}:is(.workspace-shell-module__AjrkHW__shell .mobile-editor-link,.workspace-shell-module__AjrkHW__shell .mobile-preview-link){display:none}.workspace-shell-module__AjrkHW__inspector{border-left:1px solid var(--studio-color-border-subtle);background:var(--studio-color-surface);flex-direction:column;grid-area:2/3/3/4;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-shell-module__AjrkHW__shell .token-editor{border:0;flex:1;min-width:0;min-height:0;overflow:auto}.workspace-shell-module__AjrkHW__shell .token-editor[hidden]{display:none}.workspace-shell-module__AjrkHW__shell .editor-title{min-height:42px;padding:10px 12px}.workspace-shell-module__AjrkHW__shell .editor-title h2{font-size:11px}.workspace-shell-module__AjrkHW__shell .editor-fields{padding:12px}.workspace-shell-module__AjrkHW__shell .editor-scope{padding-inline:12px}.workspace-shell-module__AjrkHW__shell .color-fields{grid-template-columns:minmax(0,1fr)}.workspace-shell-module__AjrkHW__shell .number-fields{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.workspace-shell-module__AjrkHW__shell .editor-fields--component .number-fields,.workspace-shell-module__AjrkHW__shell .editor-fields--spacing .number-fields){grid-template-columns:minmax(0,1fr)}.workspace-shell-module__AjrkHW__shell .token-input{min-height:30px}.workspace-shell-module__AjrkHW__shell .workspace-heading{padding:20px 24px}.workspace-shell-module__AjrkHW__shell .studio-main--develop{grid-column:2/-1}.workspace-shell-module__AjrkHW__libraryHeading{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:18px 16px 8px;display:flex}.workspace-shell-module__AjrkHW__libraryHeading h2{margin:0;font-size:13px;font-weight:600}.workspace-shell-module__AjrkHW__libraryHeading span{color:var(--studio-color-text-muted);font-size:10px}.workspace-shell-module__AjrkHW__workbenchToolbar{border-bottom:1px solid var(--studio-color-border);background:var(--studio-color-surface);min-height:64px;color:var(--studio-color-text);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:12px 20px;display:flex}.workspace-shell-module__AjrkHW__workbenchHeading{align-items:center;gap:8px;min-width:0;display:flex}.workspace-shell-module__AjrkHW__workbenchHeading h1{font:600 16px/1.4 var(--studio-font-family);margin:0}.workspace-shell-module__AjrkHW__workbenchModes{border:1px solid var(--studio-color-border-subtle);background:var(--studio-color-surface-hover);border-radius:7px;gap:2px;padding:3px;display:flex}.workspace-shell-module__AjrkHW__workbenchModes button{min-height:30px;color:var(--studio-color-text-subtle);font:500 12px/1.4 var(--studio-font-family);cursor:pointer;border-radius:4px;padding:6px 12px}.workspace-shell-module__AjrkHW__workbenchModes button[aria-pressed=true]{background:var(--studio-color-surface);color:var(--studio-color-text);box-shadow:0 1px 3px var(--studio-color-shadow)}.workspace-shell-module__AjrkHW__workbenchModes button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.workspace-shell-module__AjrkHW__workbenchActions{align-items:center;gap:10px;margin-left:auto;display:flex}:is(.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__workbenchToolbar .canvas-history,.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__workbenchToolbar .canvas-theme){position:static}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__workbenchToolbar .canvas-history{box-shadow:none;background:0 0;border:0;gap:2px;padding:0}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__workbenchToolbar .studio-button{min-height:30px}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__contextToggle{gap:5px;padding:5px 8px;font-size:11px;display:flex}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__contextToggle [data-slot=label]{align-items:center;gap:5px;display:flex}.workspace-shell-module__AjrkHW__playgroundProps{flex:1;min-height:0;overflow:hidden}.workspace-shell-module__AjrkHW__playgroundProps[hidden]{display:none}@media (max-width:1100px){.workspace-shell-module__AjrkHW__shell.studio-shell{--shell-left:184px;--shell-right:304px}.workspace-shell-module__AjrkHW__shell[data-left-hidden]{--shell-left:0px}.workspace-shell-module__AjrkHW__shell[data-right-hidden],.workspace-shell-module__AjrkHW__shell[data-view=develop]{--shell-right:0px}.workspace-shell-module__AjrkHW__shell .studio-header{gap:8px}.workspace-shell-module__AjrkHW__pageName{display:none}.workspace-shell-module__AjrkHW__shell .header-actions .save-status{display:none}.workspace-shell-module__AjrkHW__shell .system-switcher summary{max-width:160px}}@media (max-width:800px){.workspace-shell-module__AjrkHW__shell.studio-shell{--workbench-height:64px;grid-template-rows:48px minmax(0,1fr);grid-template-columns:0 minmax(0,1fr) 0}.workspace-shell-module__AjrkHW__shell:has([data-workbench-mode]){--workbench-height:108px}.workspace-shell-module__AjrkHW__shell .studio-header{gap:6px;padding-inline:8px}.workspace-shell-module__AjrkHW__shell .studio-sidebar{z-index:8;top:calc(48px + var(--workbench-height));width:min(224px,100% - 48px);box-shadow:6px 0 24px var(--studio-color-shadow);grid-area:auto;position:absolute;bottom:0;left:0}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__inspector{z-index:8;top:calc(48px + var(--workbench-height));width:min(320px,100% - 48px);box-shadow:-6px 0 24px var(--studio-color-shadow);grid-area:auto;position:absolute;bottom:0;right:0}:is(.workspace-shell-module__AjrkHW__shell .studio-main,.workspace-shell-module__AjrkHW__shell .studio-main--develop){grid-area:2/2/3/3}.workspace-shell-module__AjrkHW__brandName{display:none}.workspace-shell-module__AjrkHW__shell .brand-mark{margin-right:0}.workspace-shell-module__AjrkHW__shell .header-actions [data-slot=label]{display:none}.workspace-shell-module__AjrkHW__shell .header-actions .studio-button{width:28px;padding:0}.workspace-shell-module__AjrkHW__shell .system-switcher-panel{width:min(320px,100vw - 16px);position:fixed;top:52px;left:8px}.workspace-shell-module__AjrkHW__shell .view-switch{gap:6px}.workspace-shell-module__AjrkHW__workbenchToolbar{box-sizing:border-box;height:var(--workbench-height);gap:8px;padding:10px 12px}.workspace-shell-module__AjrkHW__workbenchHeading{flex:1}.workspace-shell-module__AjrkHW__workbenchHeading h1{font-size:14px}.workspace-shell-module__AjrkHW__workbenchModes{order:3;width:100%}.workspace-shell-module__AjrkHW__workbenchModes button{flex:1}.workspace-shell-module__AjrkHW__workbenchActions{gap:6px}.workspace-shell-module__AjrkHW__shell .editor-fields{padding:12px}.workspace-shell-module__AjrkHW__shell .token-input input:not([type=color]){font-size:12px}}@media (max-width:540px){.workspace-shell-module__AjrkHW__workspaceSwitch a{padding-inline:6px;font-size:10px}.workspace-shell-module__AjrkHW__modeSwitch .studio-button{padding-inline:5px;font-size:10px}.workspace-shell-module__AjrkHW__panelControls{gap:0;padding-left:3px}.workspace-shell-module__AjrkHW__shell .workspace-shell-module__AjrkHW__panelControls .studio-button{width:26px}.workspace-shell-module__AjrkHW__shell .studio-header{gap:4px}.workspace-shell-module__AjrkHW__shell .system-switcher{flex:1;min-width:0}.workspace-shell-module__AjrkHW__shell .system-switcher summary{min-width:0;max-width:140px;padding:4px}.workspace-shell-module__AjrkHW__shell .system-switcher .system-switcher-name{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.workspace-shell-module__AjrkHW__shell .view-switch{flex:none;gap:6px}.workspace-shell-module__AjrkHW__shell .view-switch a{padding-inline:0;font-size:10px}.workspace-shell-module__AjrkHW__shell .header-actions{gap:2px}}
.inspector-module__NpCqha__heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.inspector-module__NpCqha__heading h3{margin:0;font-size:12px;font-weight:600}.inspector-module__NpCqha__heading small{color:var(--studio-color-text-subtle);margin-top:3px;font-size:10px;display:block}.inspector-module__NpCqha__breadcrumb{scrollbar-width:thin;align-items:center;gap:3px;margin:0 0 12px;display:flex;overflow-x:auto}.inspector-module__NpCqha__breadcrumb button{color:var(--studio-color-text-subtle);border-radius:3px;flex:none;padding:3px 4px;font-size:10px}.inspector-module__NpCqha__breadcrumb button:hover{background:var(--studio-color-surface-hover)}.inspector-module__NpCqha__breadcrumb button[aria-current]{color:var(--studio-color-on-selection)}.inspector-module__NpCqha__breadcrumb span{color:var(--studio-color-text-muted);font-size:10px}.inspector-module__NpCqha__partPicker{color:var(--studio-color-text-subtle);gap:5px;margin:12px 0;font-size:10px;display:grid}.inspector-module__NpCqha__partPicker select,.inspector-module__NpCqha__property input,.inspector-module__NpCqha__property select,.inspector-module__NpCqha__textInput{box-sizing:border-box;width:100%;min-width:0;height:30px;color:var(--studio-color-text);background:var(--studio-color-surface-hover);font:11px/1.5 var(--studio-font-family);border:1px solid #0000;border-radius:4px;padding:5px 7px}.inspector-module__NpCqha__partPicker select{color:var(--studio-color-text)}.inspector-module__NpCqha__property input::placeholder{color:var(--studio-color-text-muted)}.inspector-module__NpCqha__property input:hover,.inspector-module__NpCqha__property select:hover,.inspector-module__NpCqha__textInput:hover{border-color:var(--studio-color-border)}.inspector-module__NpCqha__property input:focus-visible,.inspector-module__NpCqha__property select:focus-visible,.inspector-module__NpCqha__partPicker select:focus-visible,.inspector-module__NpCqha__textInput:focus-visible{outline:var(--studio-focus-ring);outline-offset:-1px}.inspector-module__NpCqha__property input[aria-invalid=true],.inspector-module__NpCqha__property select[aria-invalid=true],.inspector-module__NpCqha__textInput[aria-invalid=true]{border-color:var(--studio-color-warning)}.inspector-module__NpCqha__propertyGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;display:grid}.inspector-module__NpCqha__property{align-content:start;gap:4px;min-width:0;display:grid;position:relative}.inspector-module__NpCqha__property>label{color:var(--studio-color-text-subtle);font-size:10px}.inspector-module__NpCqha__property[data-overridden]>label:after{background:var(--studio-color-selection-border);vertical-align:middle;content:"";border-radius:50%;width:4px;height:4px;margin-left:4px;display:inline-block}.inspector-module__NpCqha__inputRow{align-items:center;min-width:0;display:flex;position:relative}.inspector-module__NpCqha__inputRow>input,.inspector-module__NpCqha__inputRow>select{flex:1}:is(.inspector-module__NpCqha__inputRow:has(.inspector-module__NpCqha__reset)>input,.inspector-module__NpCqha__inputRow:has(.inspector-module__NpCqha__reset)>select){padding-right:23px}.inspector-module__NpCqha__inputRow:has(.inspector-module__NpCqha__colorChip)>input{padding-left:24px}.inspector-module__NpCqha__reset{width:22px;height:24px;color:var(--studio-color-text-subtle);border-radius:3px;place-items:center;font-size:13px;display:grid;position:absolute;top:3px;right:1px}.inspector-module__NpCqha__reset:hover{color:var(--studio-color-text);background:var(--studio-color-border-subtle)}.inspector-module__NpCqha__colorChip{z-index:1;border:1px solid var(--studio-color-border-strong);pointer-events:none;border-radius:2px;width:11px;height:11px;position:absolute;left:7px}.inspector-module__NpCqha__group{border-top:1px solid var(--studio-color-border-subtle);padding:12px 0;position:relative}.inspector-module__NpCqha__group>summary{min-height:20px;color:var(--studio-color-text);cursor:pointer;align-items:center;gap:5px;font-size:11px;font-weight:600;list-style:none;display:flex}.inspector-module__NpCqha__group>summary::-webkit-details-marker{display:none}.inspector-module__NpCqha__group>summary:before{width:10px;color:var(--studio-color-text-subtle);content:"›";font-size:10px;display:inline-block}.inspector-module__NpCqha__group[open]>summary:before{transform:rotate(90deg)}.inspector-module__NpCqha__group[open]>summary{margin-bottom:10px}.inspector-module__NpCqha__group>summary:focus-visible,.inspector-module__NpCqha__reset:focus-visible,.inspector-module__NpCqha__linkToggle:focus-visible,.inspector-module__NpCqha__inheritance button:focus-visible,.inspector-module__NpCqha__breadcrumb button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.inspector-module__NpCqha__linkToggle{height:20px;color:var(--studio-color-text-subtle);border-radius:3px;padding:1px 5px;font-size:9px;position:absolute;top:12px;right:0}.inspector-module__NpCqha__linkToggle:hover,.inspector-module__NpCqha__linkToggle[aria-pressed=true]{color:var(--studio-color-on-selection);background:var(--studio-color-selection)}.inspector-module__NpCqha__overrideCount{background:var(--studio-color-selection);width:14px;height:14px;color:var(--studio-color-on-selection);border-radius:3px;place-items:center;font-size:9px;font-weight:500;display:grid}.inspector-module__NpCqha__inheritance{color:var(--studio-color-text-subtle);justify-content:space-between;align-items:center;gap:6px;padding:5px 0 10px;font-size:9px;display:flex}.inspector-module__NpCqha__inheritance button{color:var(--studio-color-text);font-size:9px}.inspector-module__NpCqha__inheritance button:disabled{opacity:.4}.inspector-module__NpCqha__note{color:var(--studio-color-text-subtle);margin:8px 0;font-size:10px;line-height:1.6}.inspector-module__NpCqha__error{overflow-wrap:anywhere;min-width:0;color:var(--studio-color-text);background:var(--studio-color-warning-subtle);border-radius:4px;margin:8px 0;padding:7px;font-size:10px;line-height:1.5}.inspector-module__NpCqha__contentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;display:grid}.inspector-module__NpCqha__fullWidth{grid-column:1/-1}.inspector-module__NpCqha__slotList{gap:4px;margin:8px 0 12px;display:grid}.inspector-module__NpCqha__slotList button{border:1px solid var(--studio-color-border-subtle);text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;min-height:28px;padding:5px 7px;font-size:10px;display:flex}.inspector-module__NpCqha__slotList button>span{color:var(--studio-color-text-subtle)}.inspector-module__NpCqha__slotList button:hover{background:var(--studio-color-surface-hover)}.inspector-module__NpCqha__slotList button:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.inspector-module__NpCqha__slotChildren{gap:4px;padding-inline-start:12px;display:grid}.inspector-module__NpCqha__legacyStyles{border:1px solid var(--studio-color-border);border-radius:4px;padding:10px}.inspector-module__NpCqha__legacyStyles h4{margin:0;font-size:11px;font-weight:600}.inspector-module__NpCqha__footer{border-top:1px solid var(--studio-color-border-subtle);gap:8px;padding-top:14px;display:grid}.inspector-module__NpCqha__appearance{min-width:0}.inspector-module__NpCqha__property[data-has-field-help]>label{padding-right:22px}.inspector-module__NpCqha__fieldUnit{color:var(--studio-color-text-muted);white-space:nowrap;margin-left:5px;font-size:9px;font-weight:400}.inspector-module__NpCqha__fieldHint{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inspector-module__NpCqha__fieldInfo{min-width:0}:is(.inspector-module__NpCqha__property:has(.inspector-module__NpCqha__fieldInfo[open]),.inspector-module__NpCqha__property:has(>.inspector-module__NpCqha__error)){grid-column:1/-1}.inspector-module__NpCqha__fieldInfo>summary{width:20px;height:20px;color:var(--studio-color-text-subtle);font:11px/1 var(--studio-font-family);cursor:pointer;border-radius:3px;place-items:center;list-style:none;display:grid;position:absolute;top:-3px;right:0}.inspector-module__NpCqha__fieldInfo>summary::-webkit-details-marker{display:none}.inspector-module__NpCqha__fieldInfo>summary:hover,.inspector-module__NpCqha__fieldInfo[open]>summary{background:var(--studio-color-selection);color:var(--studio-color-on-selection)}.inspector-module__NpCqha__fieldInfo>summary:focus-visible{outline:var(--studio-focus-ring);outline-offset:1px}.inspector-module__NpCqha__fieldInfoBody{border:1px solid var(--studio-color-border-subtle);min-width:0;color:var(--studio-color-text-subtle);font:10px/1.6 var(--studio-font-family);overflow-wrap:anywhere;border-radius:4px;padding:8px}.inspector-module__NpCqha__fieldInfoBody strong{color:var(--studio-color-text);font-weight:500;display:block}.inspector-module__NpCqha__fieldInfoBody code{color:var(--studio-color-text);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin-block:4px;display:block}.inspector-module__NpCqha__fieldInfoBody p{margin:0}@media (max-width:360px){.inspector-module__NpCqha__propertyGrid,.inspector-module__NpCqha__contentGrid{gap:10px 6px}}
.system-component-editor-module__uIq0xa__editor{min-width:0}.system-component-editor-module__uIq0xa__previewFields{border:0;min-width:0;margin:0;padding:0}.system-component-editor-module__uIq0xa__previewLegend{color:var(--studio-color-text);padding:14px 0 0;font-size:12px;font-weight:600}.system-component-editor-module__uIq0xa__previewFields:disabled{opacity:.65}.system-component-editor-module__uIq0xa__tabs{z-index:2;border-bottom:1px solid var(--studio-color-border-subtle);background:var(--studio-color-surface);gap:4px;padding:6px 0 10px;display:flex;position:sticky;top:0}.system-component-editor-module__uIq0xa__tab{min-width:0;min-height:32px;color:var(--studio-color-text-subtle);font:600 11px/1.4 var(--studio-font-family);border-radius:5px;flex:1}.system-component-editor-module__uIq0xa__tab:hover{background:var(--studio-color-surface-hover)}.system-component-editor-module__uIq0xa__tab[data-active]{background:var(--studio-color-selection);color:var(--studio-color-on-selection)}.system-component-editor-module__uIq0xa__tab:focus-visible,.system-component-editor-module__uIq0xa__panel:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.system-component-editor-module__uIq0xa__panel[hidden]{display:none}.system-component-editor-module__uIq0xa__selectionHeading{gap:4px;padding-top:10px;display:grid}.system-component-editor-module__uIq0xa__selectionHeading h3,.system-component-editor-module__uIq0xa__emptySelection h3{min-width:0;color:var(--studio-color-text);overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:600;line-height:1.6}.system-component-editor-module__uIq0xa__selectionHeading h3{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.system-component-editor-module__uIq0xa__selectionMeta{color:var(--studio-color-text-subtle);font-size:11px;font-weight:400}.system-component-editor-module__uIq0xa__selectionActions{flex-wrap:wrap;min-width:0;padding:0}.system-component-editor-module__uIq0xa__selectionActions>span{overflow-wrap:anywhere;font-size:11px}.system-component-editor-module__uIq0xa__selectionActions button{min-height:24px;font-size:10px}.system-component-editor-module__uIq0xa__scopeSummary{color:var(--studio-color-text-subtle);gap:3px;margin:8px 0;font-size:10px;line-height:1.6;display:grid}.system-component-editor-module__uIq0xa__scopeSummary>div{grid-template-columns:64px minmax(0,1fr);gap:6px;display:grid}.system-component-editor-module__uIq0xa__scopeSummary dt{color:var(--studio-color-text);font-weight:500}.system-component-editor-module__uIq0xa__scopeSummary dd{overflow-wrap:anywhere;min-width:0;margin:0}.system-component-editor-module__uIq0xa__layerControls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:4px 0 8px;display:grid}.system-component-editor-module__uIq0xa__layerPicker{min-width:0;margin:0}.system-component-editor-module__uIq0xa__layerPicker select{height:32px}.system-component-editor-module__uIq0xa__targetPicker{color:var(--studio-color-text-subtle);gap:5px;font-size:10px;display:grid}.system-component-editor-module__uIq0xa__targetPicker>div{background:var(--studio-color-surface-hover);border-radius:5px;gap:2px;padding:2px;display:flex}.system-component-editor-module__uIq0xa__targetPicker button{min-width:44px;min-height:28px;color:var(--studio-color-text-subtle);font:11px/1.5 var(--studio-font-family);border:1px solid #0000;border-radius:3px;padding:4px 7px}.system-component-editor-module__uIq0xa__targetPicker button:hover{color:var(--studio-color-text)}.system-component-editor-module__uIq0xa__targetPicker button[aria-pressed=true]{border-color:var(--studio-color-selection-border);background:var(--studio-color-selection);color:var(--studio-color-on-selection)}.system-component-editor-module__uIq0xa__targetPicker button:focus-visible{outline:var(--studio-focus-ring);outline-offset:1px}.system-component-editor-module__uIq0xa__emptySelection{padding:16px 0 10px}.system-component-editor-module__uIq0xa__editor select[aria-invalid=true]{border-color:var(--studio-color-warning)}.system-component-editor-module__uIq0xa__section{padding:12px 0}.system-component-editor-module__uIq0xa__section h3{margin:0 0 10px;font-size:11px;font-weight:600}.system-component-editor-module__uIq0xa__textarea{resize:vertical;background:var(--studio-color-surface-hover);width:100%;min-width:0;color:var(--studio-color-text);font:11px/1.6 var(--studio-font-family);border:1px solid #0000;border-radius:4px;padding:7px 24px 7px 7px}.system-component-editor-module__uIq0xa__textarea:focus-visible{outline:var(--studio-focus-ring);outline-offset:-1px}.system-component-editor-module__uIq0xa__textarea[aria-invalid=true]{border-color:var(--studio-color-warning)}.system-component-editor-module__uIq0xa__baseTokens>section{margin-block:14px}.system-component-editor-module__uIq0xa__fieldScope{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.system-component-editor-module__uIq0xa__groupScope{color:var(--studio-color-text-subtle);overflow-wrap:anywhere;gap:4px;margin:-2px 0 10px;font-size:11px;line-height:1.5;display:grid}.system-component-editor-module__uIq0xa__groupScope p{margin:0}.system-component-editor-module__uIq0xa__groupScope strong{color:var(--studio-color-text);font-weight:500}.system-component-editor-module__uIq0xa__scopeLabel{color:var(--studio-color-text-subtle);overflow-wrap:anywhere;margin:6px 0;font-size:10px;font-weight:600;line-height:1.6}.system-component-editor-module__uIq0xa__sourceDetails{border-block:1px solid var(--studio-color-border-subtle);color:var(--studio-color-text-subtle);margin-block:8px;font-size:11px;line-height:1.6}.system-component-editor-module__uIq0xa__sourceDetails>summary{cursor:pointer;color:var(--studio-color-text);padding-block:7px;font-weight:500}.system-component-editor-module__uIq0xa__sourceDetails>summary:focus-visible{outline:var(--studio-focus-ring);outline-offset:2px}.system-component-editor-module__uIq0xa__sourceDetails>p{overflow-wrap:anywhere;margin:8px 0}.system-component-editor-module__uIq0xa__sourceList{gap:10px;margin:10px 0;padding:0;list-style:none;display:grid}.system-component-editor-module__uIq0xa__sourceList li{border-top:1px solid var(--studio-color-border-subtle);overflow-wrap:anywhere;min-width:0;padding-top:10px}.system-component-editor-module__uIq0xa__sourceList li>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;display:flex}.system-component-editor-module__uIq0xa__sourceList strong{color:var(--studio-color-text);font-size:11px}.system-component-editor-module__uIq0xa__sourceList li>div>span{font-size:9px}.system-component-editor-module__uIq0xa__sourceList p{color:var(--studio-color-text);margin:2px 0}.system-component-editor-module__uIq0xa__sourceList small,.system-component-editor-module__uIq0xa__sourceList code{font-size:10px;display:block}.system-component-editor-module__uIq0xa__sourceList small{margin-block:3px}.system-component-editor-module__uIq0xa__sourceList code{white-space:normal;overflow-wrap:anywhere}