*{margin:0;padding:0;box-sizing:border-box}._playground_8ji9o_17{width:100%;color:var(--st-color-text-neutral-body);min-height:100vh;padding:2rem}._container_8ji9o_24{max-width:1400px;margin:0 auto;background:var( --st-color-background-neutral-base);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);overflow:hidden}._header_8ji9o_37{background:linear-gradient(135deg,var( --pt-color-brand-200) 0%,var(--st-color-background-brand-state-pressed) 100%);color:var( --st-color-background-neutral-base);padding:3rem 2rem;text-align:center}._header_8ji9o_37 h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;color:var( --st-color-background-neutral-base)}._header_8ji9o_37 p{font-size:1.125rem;opacity:.9}._description_8ji9o_56{font-size:1.125rem;opacity:.9;color:var( --st-color-background-neutral-base)}._badge_8ji9o_62{display:inline-block;background:#fff3;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;margin-top:1rem;color:var( --st-color-background-neutral-base)}._content_8ji9o_76{padding:3rem 2rem;background:var(--st-color-background-neutral-base)}._navMenu_8ji9o_85{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}._navTitle_8ji9o_93{font-size:1rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._navList_8ji9o_102{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}._navItem_8ji9o_111{flex:0 0 auto}._navLink_8ji9o_115{display:inline-block;font-size:.875rem;color:#ffffffe6;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}._navLink_8ji9o_115:hover{background:#fff3;transform:translateY(--2px)}._navLink_8ji9o_115:active{transform:translateY(0)}._section_8ji9o_140{margin-bottom:4rem}._section_8ji9o_140:last-child{margin-bottom:0}._sectionTitle_8ji9o_148{font-size:1.75rem;margin-bottom:1.5rem;color:var(--st-color-text-neutral-heading);padding-bottom:.75rem;border-bottom:2px solid var(--st-color-border-neutral-state-default)}._sectionDescription_8ji9o_156{font-size:1rem;color:var(--st-color-text-neutral-support);margin-bottom:2rem;line-height:1.6}._subsectionTitle_8ji9o_163{font-size:1.125rem;margin-bottom:1rem;margin-top:2rem;color:var(--st-color-text-neutral-support);font-weight:600}._subsectionTitleH4_8ji9o_171{font-size:1rem;margin-bottom:1rem;margin-top:1.5rem;color:var(--st-color-text-neutral-support);font-weight:600}._collapsibleHeader_8ji9o_178{width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;padding:0 0 var(--spacing-4) 0;border-bottom:1px solid var(--st-color-border-neutral-state-default)}._collapsibleArrow_8ji9o_192{font-size:24px;transition:transform .2s;color:var(--st-color-text-neutral-support)}._collapsibleArrow_8ji9o_192._expanded_8ji9o_198{transform:rotate(180deg)}._collapsibleContent_8ji9o_202{margin-top:var(--spacing-4)}._subsectionTitle_8ji9o_163{margin-top:var(--spacing-6)}._subsectionTitleH4_8ji9o_171{margin-top:var(--spacing-4)}._sizeGrid_8ji9o_220{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:2rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default)}._sizeItem_8ji9o_230{text-align:center;padding:1rem;border-radius:8px;transition:all .2s}._sizeItem_8ji9o_230:hover{background:var( --st-color-background-neutral-base);box-shadow:0 4px 12px #0000001a;transform:translateY(--2px)}._sizeItem_8ji9o_230._default_8ji9o_243{background:var( --st-color-background-neutral-base);box-shadow:0 2px 8px #667eea33;border:2px solid var(--st-color-border-brand-state-default)}._sizeGroup_8ji9o_249{padding-bottom:1.5rem}._sizeTitle_8ji9o_253{font-size:1.125rem;margin-bottom:1.5rem;color:var(--st-color-text-neutral-support);font-weight:600}._sizeLabel_8ji9o_260{font-size:.875rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:.25rem}._tokenLabel_8ji9o_267{font-size:.75rem;color:var(--st-color-text-neutral-support);font-family:Monaco,Courier New,monospace}._stateGrid_8ji9o_277{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}._stateGrid_1_8ji9o_284{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-top:2rem}._stateGrid_2_8ji9o_291{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}._stateGrid_3_8ji9o_298{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media (max-width: 1024px){._stateGrid_8ji9o_277{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){._stateGrid_8ji9o_277{grid-template-columns:1fr}}._stateCard_8ji9o_318{padding:1.5rem;background:var(--st-color-background-neutral-state-soft-hovered);border:1px solid var(--st-color-border-neutral-state-default-inverse);border-radius:8px;transition:all .2s}._stateCard_8ji9o_318:hover{box-shadow:0 4px 12px #00000014}._cardLabel_8ji9o_330{font-size:.75rem;font-weight:700;color:var(--st-color-text-neutral-support);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}._cardLabel_8ji9o_330._forbidden_8ji9o_339,._specCard_8ji9o_343._forbidden_8ji9o_339 h3{color:var(--st-color-text-feedback-danger-state-default)}._cardContent_8ji9o_346{padding:1.5rem;min-height:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;border:1px solid var(--st-color-border-neutral-state-default);margin-bottom:1.5rem;border-radius:4px;border-color:var(--st-color-border-feedback-danger-state-default);background:var(--st-color-background-feedback-danger-state-default-inverse)}._cardContentPadded_8ji9o_361{padding:var(--spacing-6);min-height:60px;display:flex;align-items:flex-start;justify-content:center;border:1px solid var(--st-color-border-neutral-state-default);margin-bottom:1.5rem;background:var(--st-color-background-neutral-base);border-radius:4px;flex-direction:column}._tokenInfo_8ji9o_378{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:12px}._tokenInfo_8ji9o_378:last-child{margin-bottom:0}._tokenCode_8ji9o_390{font-size:.75rem;padding:.5rem .75rem;background:var(--st-color-background-neutral-section);border-radius:4px;border:1px solid var(--st-color-border-neutral-state-default);color:var(--st-color-text-brand-state-default);word-break:break-all;font-family:Monaco,Courier New,monospace}._fullWidth_8ji9o_402{width:100%}._interactiveIcon_8ji9o_406{cursor:pointer}._truncatedBox_8ji9o_410{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:var(--spacing-2);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100)}._truncatedPreview_8ji9o_421{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._flexRowGap4_8ji9o_429{display:flex;gap:var(--spacing-4)}._specCardHalf_8ji9o_434{flex:1 1 50%}._mb12_8ji9o_438{margin-bottom:12px}._mr8_8ji9o_442{margin-inline-end:8px}._paddingBlockLg_8ji9o_446{padding-block:var(--spacing-8)}._maxWidth480_8ji9o_450{max-width:480px;margin:0 auto}._maxWidth360_8ji9o_455{max-width:360px;margin:0 auto}._paddingInlineStartLg_8ji9o_461{padding-inline-start:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}._smallText_8ji9o_468{font-size:var(--font-size-sm);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-4)}._centerRow_8ji9o_474{display:flex;align-items:center;justify-content:center}._gridGap12_8ji9o_480{gap:var(--spacing-6)}._gridGap12_8ji9o_480{display:grid;gap:12px}._orientationPair_8ji9o_486{display:flex;gap:40px;align-items:center;flex-direction:column}._orientationLabel_8ji9o_487{font-size:12px;margin-bottom:6px}._demoColumn_8ji9o_488{display:flex;flex-direction:column;gap:16px}._textLeft_8ji9o_489{text-align:left}._mb8_8ji9o_490{margin-bottom:8px}._orientationContainer_8ji9o_491{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}._minWidth240_8ji9o_492{min-width:240px}._orientationColumnGroup_8ji9o_493{display:flex;gap:12px;align-items:flex-start}._minWidth160_8ji9o_494{min-width:160px}._overflowDemo_8ji9o_495{width:100%;overflow:visible;position:relative}._twoColumnLayout_8ji9o_498{display:grid;grid-template-columns:1fr 3fr;gap:var(--spacing-6)}._sidePreview_8ji9o_505{padding:var(--spacing-4);border-left:1px solid var(--st-color-border-neutral)}._fullWidthWrapper_8ji9o_511{width:100%}._brandBackgroundPadded_8ji9o_512{background:var(--st-color-background-brand-state-default);padding:16px}._verticalDemo80_8ji9o_513{height:80px;display:flex;flex-direction:row;align-items:stretch}._demoAreaRow80_8ji9o_514{display:flex;flex-direction:row;align-items:center;gap:12px;height:80px}._demoAreaHeight64_8ji9o_515{height:64px;display:flex;flex-direction:row;align-items:stretch}._useCaseInline16_8ji9o_516{display:flex;flex-direction:row;align-items:center;gap:16px}._demoAreaRow40_8ji9o_517{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4);height:40px}._inverseText_8ji9o_518{color:#fff}._textNoMargin_8ji9o_521{margin:0}._useCaseInline12_8ji9o_522{display:flex;flex-direction:row;align-items:center;gap:12px}._useCaseBgPadded_8ji9o_523{display:flex;flex-direction:row;align-items:center;gap:12px;background:var(--st-color-background-neutral-section);padding:12px}._demoControlsRow_8ji9o_524{display:flex;gap:8px}._demoControlsRowTop_8ji9o_525{display:flex;gap:8px;margin-top:8px}._mt12_8ji9o_526{margin-top:12px}._colorBrand_8ji9o_529{color:var(--st-color-text-brand-state-default)}._colorSuccess_8ji9o_530{color:var(--st-color-text-feedback-success-state-default)}._colorDanger_8ji9o_531{color:var(--st-color-text-feedback-danger-state-default)}._colorSupport_8ji9o_532{color:var(--st-color-icon-neutral-support)}._previewCenter120_8ji9o_535{display:flex;align-items:center;justify-content:center;min-height:120px}._textCenter_8ji9o_538{text-align:center}._upperCase_8ji9o_541{text-transform:uppercase}._mbSpacing1_8ji9o_542{margin-bottom:var(--spacing-1)}._mtSpacing6_8ji9o_543{margin-top:var(--spacing-6)}._mbSpacing3_8ji9o_544{margin-bottom:var(--spacing-3)}._tokenValue_8ji9o_547{font-size:var(--font-size-sm);color:var(--st-color-text-neutral-body);margin:0}._tokenMeta_8ji9o_548{font-size:var(--font-size-xs);color:var(--st-color-text-neutral-muted);margin:0}._wrapRow_8ji9o_551{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}._lead_8ji9o_554{margin-bottom:var(--spacing-3);font-weight:500}._leadSm_8ji9o_559{margin-bottom:var(--spacing-2);font-weight:500}._dangerLead_8ji9o_564{margin-bottom:var(--spacing-2);font-weight:500;color:var(--st-color-text-feedback-danger-state-default)}._dashedWrapper_8ji9o_570{padding:var(--spacing-4);border:1px dashed var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);margin-bottom:var(--spacing-3)}._codeBlock_8ji9o_581{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;border:1px solid #334155}._codeBlock_8ji9o_581 ._comment_8ji9o_593{color:#64748b}._codeBlock_8ji9o_581 ._string_8ji9o_597{color:#34d399}._codeBlock_8ji9o_581 ._tag_8ji9o_601{color:#60a5fa}._codeBlock_8ji9o_581 ._attr_8ji9o_605{color:#a78bfa}._iconGrid_8ji9o_613{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}._iconExample_8ji9o_620{padding:1.5rem;background:var(--st-color-background-neutral-section);border:1px solid var(--st-color-border-neutral-state-default);border-radius:8px;display:flex;flex-direction:column;gap:1rem;align-items:center;transition:all .2s}._iconExample_8ji9o_620:hover{background:var(--st-color-background-neutral-base);box-shadow:0 2px 8px #0000001a}._iconCategory_8ji9o_637{margin-bottom:2rem}._iconRow_8ji9o_641{display:flex;gap:2rem;flex-wrap:wrap;padding:1.5rem;background:var( --st-color-background-neutral-state-soft-hovered);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default-inverse)}._iconItem_8ji9o_651{flex:1;text-align:center;padding:1rem;border-radius:6px;transition:all .2s;background:var(--st-color-background-neutral-base);box-shadow:0 2px 8px #0000001a}._iconItem_8ji9o_651:hover{box-shadow:0 2px 8px #0003}._iconName_8ji9o_665{font-size:.75rem;color:var(--st-color-text-neutral-support);border-top:1px solid var(--st-color-border-neutral-state-default-inverse);margin-top:1rem;padding-top:.75rem;font-family:Monaco,Courier New,monospace}._iconWrapper_8ji9o_674{display:inline-flex;align-items:center;justify-content:center}._iconWrapperPadded_8ji9o_680{display:inline-flex;align-items:center;justify-content:center;padding:2rem 0;width:100%}._guidelinesGrid_8ji9o_692{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}._guidelineCard_8ji9o_699{padding:1.5rem;background:var( --st-color-background-neutral-state-soft-hovered);border:1px solid var(--st-color-border-neutral-state-default-inverse);border-radius:8px;transition:all .2s}._guidelineCard_8ji9o_699:hover{box-shadow:0 4px 12px #0000001a}._guidelineCard_8ji9o_699 h3{font-size:1.125rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:.75rem}._guidelineCard_8ji9o_699 p{font-size:.875rem;color:var(--st-color-text-neutral-body);margin-bottom:1rem;line-height:1.5}._example_8ji9o_725{padding:1rem;background:var( --st-color-background-neutral-base);border-radius:6px;display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;border:1px solid var(--st-color-border-neutral-state-default)}._note_8ji9o_737{font-size:.75rem;color:var(--st-color-text-neutral-support);font-style:italic;margin-top:.5rem}._buttonDemo_8ji9o_748{display:flex;gap:1rem;flex-wrap:wrap;padding:1.5rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default)}._btn_8ji9o_758{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none}._btn_8ji9o_758:hover{transform:translateY(--1px);box-shadow:0 4px 12px #00000026}._btnPrimary_8ji9o_776{background:var(--st-color-background-brand-state-default);color:var( --st-color-background-neutral-base)}._btnSecondary_8ji9o_781{background:var( --st-color-background-neutral-base);color:var(--st-color-text-neutral-heading);border:1px solid var(--st-color-border-neutral-state-default)}._btnDanger_8ji9o_787{background:var( --st-color-background-neutral-base);color:var(--st-color-text-feedback-danger-state-default);border:1px solid var(--st-color-border-feedback-danger-state-default)}._btnIcon_8ji9o_793{padding:.625rem}._listDemo_8ji9o_801{display:flex;flex-direction:column;gap:.75rem;max-width:500px}._listItem_8ji9o_808{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default);transition:all .2s}._listItem_8ji9o_808:hover{background:var( --st-color-background-neutral-base);box-shadow:0 2px 8px #0000001a}._colorGrid_8ji9o_828{display:flex;gap:2rem;flex-wrap:wrap;padding:2rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default);justify-content:center}._colorItem_8ji9o_839{text-align:center;padding:1rem;border-radius:8px;transition:all .2s}._colorItem_8ji9o_839:hover{background:var( --st-color-background-neutral-base);box-shadow:0 4px 12px #0000001a;transform:scale(1.1)}._footer_8ji9o_856{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--st-color-border-neutral-state-default);color:var(--st-color-text-neutral-support);font-size:.875rem}._footer_8ji9o_856 strong{color:var(--st-color-text-neutral-heading)}._figmaLink_8ji9o_868{display:inline-flex;align-items:center;gap:.5rem;color:var(--st-color-link-brand-state-default);text-decoration:none;font-weight:500;padding:.5rem 1rem;background:var(--st-color-background-brand-state-default-inverse);border-radius:6px;margin-top:1rem;transition:all .2s;border:1px solid var(--st-color-border-brand-state-default)}._figmaLink_8ji9o_868:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}._tokenReference_8ji9o_888{padding:var(--spacing-8);background:var( --st-color-background-brand-state-default-inverse);border:1px solid var(--st-color-border-brand-state-default);border-radius:var(--border-radius-200)}._tokenReference_8ji9o_888 h3{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4);margin-top:var(--spacing-8)}._tokenReference_8ji9o_888 h3:first-child{margin-top:0}._tokenReference_8ji9o_888 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}._tokenReference_8ji9o_888 li{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body)}._tokenReference_8ji9o_888 code{display:inline-block;font-family:Courier New,monospace;padding:var(--spacing-2) var(--spacing-3);background:var(--st-color-background-neutral-elements);border-radius:4px;color:var(--st-color-text-brand-state-default);margin-left:var(--spacing-2);font-size:11px}._table_8ji9o_935{width:100%;border-collapse:collapse;background:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);overflow:hidden;margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}._table_8ji9o_935 thead{background:var(--st-color-background-neutral-section)}._table_8ji9o_935 th{padding:var(--spacing-4);text-align:left;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-heading);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._table_8ji9o_935 td{padding:var(--spacing-4);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._table_8ji9o_935 tbody tr:last-child td{border-bottom:none}._table_8ji9o_935 tbody tr:hover{background:var(--st-color-background-neutral-state-soft-hovered)}._table_8ji9o_935 td code{margin-left:0;background:var(--st-color-background-neutral-section);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-100);font-size:12px}._tokenReference_8ji9o_888 table{width:100%;border-collapse:collapse;background:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);overflow:hidden;margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}._tokenReference_8ji9o_888 thead{background:var(--st-color-background-neutral-section)}._tokenReference_8ji9o_888 th{padding:var(--spacing-4);text-align:left;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-heading);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._tokenReference_8ji9o_888 td{padding:var(--spacing-4);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._tokenReference_8ji9o_888 tbody tr:last-child td{border-bottom:none}._tokenReference_8ji9o_888 td code{margin-left:0}._specGrid_8ji9o_1029{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specGrid_1_8ji9o_1036{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specGrid_2_8ji9o_1043{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specCard_8ji9o_343{background:var(--st-color-background-neutral-state-soft-hovered);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default-inverse);border-radius:var(--border-radius-200);padding:var(--spacing-6)}._specCard_8ji9o_343 ._h3_8ji9o_1063{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._anatomy_8ji9o_1078{background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100);padding:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;justify-content:center;align-items:center;min-height:80px}._demoBtn_8ji9o_1089{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-0) var(--spacing-3);border:var(--stroke-width-md) solid var(--st-color-border-brand-state-default);border-radius:var(--border-radius-200);background:var(--st-color-background-brand-state-default);color:var(--st-color-text-neutral-state-default-inverse);font:var(--font-body-md-regular);min-height:var(--sizing-10)}._demoLink_8ji9o_1102{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--st-color-link-brand-state-default);font:var(--font-link-md-regular);text-decoration:underline}._badgeGrid_8ji9o_1111{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}._badge_8ji9o_62{background:var(--st-color-background-neutral-section);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100);padding:var(--spacing-1) var(--spacing-2);text-align:center;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-body)}._list_8ji9o_801 li{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-2);padding-left:var(--spacing-4);position:relative}._specGrid_8ji9o_1029{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}._specCard_8ji9o_343{background:var(--st-color-background-neutral-state-soft-hovered);border:1px solid var(--st-color-border-neutral-state-default-inverse);border-radius:8px;padding:1.5rem;transition:all .2s;height:100%}._specCard_8ji9o_343:hover{box-shadow:0 4px 12px #00000014}._specCard_8ji9o_343 h3{font-size:1.125rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:1rem}._specCard_8ji9o_343._forbidden_8ji9o_339{border-color:var(--st-color-border-feedback-danger-state-default);background:var(--st-color-background-feedback-danger-state-default-inverse)}._specCard_8ji9o_343._forbidden_8ji9o_339 h3{color:var(--st-color-text-feedback-danger-state-default)}._anatomy_8ji9o_1078{background:var( --st-color-background-neutral-base);border-radius:6px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;min-height:80px;border:1px solid var(--st-color-border-neutral-state-default)}._demoBtn_8ji9o_1089{display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--st-color-border-brand-state-default);border-radius:6px;background:var(--st-color-background-brand-state-default);color:var( --st-color-background-neutral-base);font-size:.875rem;min-height:var(--sizing-10)}._demoLink_8ji9o_1102{display:inline-flex;align-items:center;gap:.25rem;color:var(--st-color-link-brand-state-default);font-size:.875rem;text-decoration:underline}._badgeGrid_8ji9o_1111{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}._list_8ji9o_801{list-style:none;padding:0;margin:0}._list_8ji9o_801 li{font-size:.875rem;color:var(--st-color-text-neutral-body);margin-bottom:.5rem;padding-left:1rem;position:relative;line-height:1.5}._list_8ji9o_801 li:before{content:"•";position:absolute;left:0;color:var(--st-color-text-brand-state-default);font-weight:700}._complianceText_8ji9o_1318{font-size:.875rem;color:var(--st-color-text-feedback-success-state-default);margin-top:1rem;font-weight:600}._statsHighlight_8ji9o_1325{border:1px solid var(--st-color-border-neutral-state-default);background:var(--st-color-background-neutral-base);color:var(--st-color-text-neutral-body);display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-4);margin-bottom:var(--spacing-12);border-radius:var(--border-radius-200)}._statHighlightItem_8ji9o_1337{text-align:center}._statHighlightItem_8ji9o_1337 span{display:block;font-size:var(--typography-size-display-sm);font-weight:var(--typography-weight-bold);line-height:var(--typography-line-height-compact);margin-bottom:var(--spacing-2)}._statHighlightItem_8ji9o_1337 ._warning_8ji9o_1349{color:var(--pt-color-feedback-warning-600)}._statHighlightItem_8ji9o_1337 ._accent_8ji9o_1353{color:var(--pt-color-brand-600)}._statHighlightItem_8ji9o_1337 ._success_8ji9o_1357{color:var(--pt-color-feedback-success-600)}._statHighlightItem_8ji9o_1337 ._info_8ji9o_1361{color:var(--pt-color-feedback-info-600)}._docContainer_8ji9o_1369{max-width:1200px;margin:0 auto;padding:var(--spacing-8);background-color:var(--st-color-background-neutral-base)}._docHeader_8ji9o_1376{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--st-color-border-neutral-state-default)}._docHeader_8ji9o_1376 h1{font:var(--font-heading-h1);color:var(--st-color-text-neutral-heading);margin:0}._docHeader_8ji9o_1376 p{margin-top:var(--spacing-4)}._docSection_8ji9o_1392{margin-bottom:var(--spacing-10)}._docSectionSubtitle_8ji9o_1396{font:var(--font-heading-h2);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._docSection_8ji9o_1392 p{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);line-height:1.6;margin-bottom:var(--spacing-4)}._docSection_8ji9o_1392 ul{list-style:none;padding:0;margin:0}._docSection_8ji9o_1392 ul li{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-3);padding-left:var(--spacing-4);position:relative}._docSection_8ji9o_1392 ul li:before{content:"•";position:absolute;left:0;color:var(--st-color-text-brand-state-default);font-weight:700}._breakpointCard_8ji9o_1431{background:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}._breakpointCard_8ji9o_1431:last-child{margin-bottom:0}._dosDontsGrid_8ji9o_1443{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-top:var(--spacing-4)}._dosCard_8ji9o_1450,._dontsCard_8ji9o_1451{padding:var(--spacing-6);border-radius:var(--border-radius-200);border:1px solid var(--st-color-border-neutral-state-default)}._dosCard_8ji9o_1450{background:var(--st-color-background-feedback-success-state-default);border-color:var(--st-color-border-feedback-success-state-default)}._dontsCard_8ji9o_1451{background:var(--st-color-background-feedback-danger-state-default);border-color:var(--st-color-border-feedback-danger-state-default)}._dosCard_8ji9o_1450 h3{color:var(--st-color-text-feedback-success-state-default);margin-top:0}._dontsCard_8ji9o_1451 h3{color:var(--st-color-text-feedback-danger-state-default);margin-top:0}._codeBlock_8ji9o_581{background:var(--st-color-background-neutral-section);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);padding:var(--spacing-6);font-family:Courier New,monospace;font-size:14px;color:var(--st-color-text-neutral-body);overflow-x:auto;line-height:1.6}._statusText_8ji9o_1489{font:var(--font-body-md-regular);color:var(--st-color-text-feedback-success-state-default);font-weight:600}._verticalStackLarge_8ji9o_1499{display:flex;flex-direction:column;gap:var(--spacing-3)}._verticalStackSmall_8ji9o_1505{display:flex;flex-direction:column;gap:var(--spacing-2)}._horizontalStackLarge_8ji9o_1511{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}._useCaseContainer_8ji9o_1517{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}._useCaseContainerNoStretch_8ji9o_1525{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3);align-items:flex-start}._indentedList_8ji9o_1533{margin-left:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}._specCardMargin_8ji9o_1544{margin-top:var(--spacing-4)}._footerButton_8ji9o_1548{margin-top:var(--spacing-2)}._descriptionMuted_8ji9o_1556{color:var(--st-color-text-neutral-support);margin-bottom:2rem}._demoContainer_8ji9o_1565{display:flex;flex-direction:column;gap:var(--spacing-4);padding:2rem}._demoControls_8ji9o_524{display:flex;gap:var(--spacing-4);align-items:center}._demoButtonGroup_8ji9o_1578{display:flex;gap:var(--spacing-2)}._demoButton_8ji9o_1578{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-100)}._demoStatus_8ji9o_1588{color:var(--st-color-text-neutral-support);font-size:.875rem}@media (max-width: 768px){._playground_8ji9o_17{padding:1rem}._container_8ji9o_24{border-radius:8px;padding:0}._header_8ji9o_37{padding:2rem 1rem}._header_8ji9o_37 h1{font-size:1.75rem}._content_8ji9o_76{padding:2rem 1rem}._sizeGrid_8ji9o_220{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;padding:1rem}._iconGrid_8ji9o_613{grid-template-columns:repeat(2,1fr)}._guidelinesGrid_8ji9o_692,._specGrid_8ji9o_1029{grid-template-columns:1fr}._statsHighlight_8ji9o_1325{flex-direction:column;gap:1.5rem}._badgeGrid_8ji9o_1111{grid-template-columns:repeat(2,1fr)}._docContainer_8ji9o_1369{padding:1rem}._dosDontsGrid_8ji9o_1443{grid-template-columns:1fr}._buttonDemo_8ji9o_748{flex-direction:column;padding:1rem}._colorGrid_8ji9o_828{gap:1rem;padding:1rem}._iconRow_8ji9o_641{padding:1rem;gap:1rem}}._pageLayout_8ji9o_1674{display:flex;gap:var(--spacing-8);padding:var(--spacing-8);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}._pageContent_8ji9o_1684{flex:1;min-width:0}._pageNav_8ji9o_1690{position:sticky;top:calc(44px + var(--spacing-4));align-self:flex-start;width:200px;flex-shrink:0;padding-top:var(--spacing-2);max-height:calc(100vh - 44px - var(--spacing-8));overflow-y:auto}._pageNavTitle_8ji9o_1701{font:var(--font-body-xs-bold);color:var(--st-color-text-neutral-support);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._pageNavList_8ji9o_1711{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}._pageNavItem_8ji9o_1720{display:block;width:100%}._pageNavLink_8ji9o_1725{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);text-decoration:none;border-left:2px solid transparent;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;text-align:left;transition:color .15s ease,border-color .15s ease,background .15s ease}._pageNavLink_8ji9o_1725:hover{color:var(--st-color-text-brand-state-default);border-left-color:var(--st-color-border-brand-state-default);background:var(--st-color-background-neutral-state-hovered)}._pageNavLinkActive_8ji9o_1748{color:var(--st-color-text-brand-heading);border-left-color:var(--st-color-border-brand-state-default);font-weight:var(--typography-weight-bold)}._pageHero_8ji9o_1755{padding:var(--spacing-12) var(--spacing-8);background:var(--st-color-background-neutral-section);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._pageHeroInner_8ji9o_1761{max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}._pageHeroTitle_8ji9o_1768{font:var(--font-display-sm);color:var(--st-color-text-neutral-heading);margin:0 0 var(--spacing-3)}._pageHeroDesc_8ji9o_1774{font:var(--font-body-lg-regular);color:var(--st-color-text-neutral-support);margin:0 0 var(--spacing-5);max-width:720px;line-height:1.6}._pageHeroMeta_8ji9o_1782{display:flex;gap:var(--spacing-3);flex-wrap:wrap}._pageHeroBadge_8ji9o_1788{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--st-color-background-brand-state-default-inverse);color:var(--st-color-text-brand-heading);border-radius:var(--border-radius-full);font:var(--font-body-xs-bold)}._keyFacts_8ji9o_1800{list-style:none;padding:0;margin:var(--spacing-5) 0 0;display:flex;flex-direction:column;gap:var(--spacing-2)}._keyFact_8ji9o_1800{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);padding-left:var(--spacing-4);position:relative}._keyFact_8ji9o_1800:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:var(--border-radius-full);background:var(--st-color-background-brand-state-default)}@media (max-width: 1024px){._pageNav_8ji9o_1690{display:none}._pageLayout_8ji9o_1674{padding:var(--spacing-6) var(--spacing-4)}._pageHero_8ji9o_1755{padding:var(--spacing-8) var(--spacing-4)}}@media (max-width: 768px){._pageLayout_8ji9o_1674{padding:var(--spacing-4)}._pageHeroTitle_8ji9o_1768{font:var(--font-heading-h1)}}._controlRow_8ji9o_1856{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}._controlGroup_8ji9o_1864{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:160px}._controlLabel_8ji9o_1871{font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-support)}._controlSelect_8ji9o_1876{padding:var(--spacing-2) var(--spacing-3);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100);background:var(--st-color-background-neutral-base);color:var(--st-color-text-neutral-body);font:var(--font-body-sm-regular);cursor:pointer}._previewArea_8ji9o_1887{margin-top:var(--spacing-4)}._sectionHeader_8ji9o_1891{margin-bottom:var(--spacing-6)}._sectionDesc_8ji9o_156{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-support);margin-top:var(--spacing-2)}._slideCard_8ji9o_1902{background:var(--st-color-background-neutral-elements);border-radius:var(--border-radius-200);padding:var(--spacing-6);box-shadow:var(--shadows-drop-elevation-100);min-height:160px;display:flex;flex-direction:column;gap:var(--spacing-3)}._slideTitle_8ji9o_1913{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin:0}._slideBody_8ji9o_1919{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);margin:0}._variantList_8ji9o_1926{display:flex;flex-direction:column;gap:var(--spacing-10)}._variantLabel_8ji9o_1932{font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-support);margin-block-end:var(--spacing-3)}pre[class*=language-]{margin-top:var(--spacing-4);background:var(--st-color-background-neutral-base-inverse)!important;border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);font-family:JetBrains Mono,Fira Code,monospace!important}code[class*=language-]{text-shadow:none!important;font-size:var(--typography-size-sm)!important}