.reference-tab[data-v-acc2662d]{isolation:isolate;position:relative;overflow:hidden}.boom-accessible[data-v-acc2662d]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.boom-word[data-v-acc2662d]{z-index:1;display:inline-flex;position:relative}.boom-word>span[data-v-acc2662d]{display:inline-block}.boom-burst[data-v-acc2662d]{opacity:0;clip-path:polygon(50% 0,59% 30%,85% 15%,70% 41%,100% 50%,70% 59%,85% 85%,59% 70%,50% 100%,41% 70%,15% 85%,30% 59%,0 50%,30% 41%,15% 15%,41% 30%);pointer-events:none;background:#ffe5a3;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.1)}.reference-tab[aria-selected=true] .boom-word>span[data-v-acc2662d]{animation:4.8s infinite boom-letter-acc2662d}.reference-tab[aria-selected=true] .boom-burst[data-v-acc2662d]{animation:4.8s infinite boom-burst-acc2662d}@keyframes boom-letter-acc2662d{0%,70%,91%,to{opacity:1;transform:translate(0)rotate(0)scale(1)}74%{opacity:1;transform:translateY(1px)scale(.88)}80%{transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(1.12);opacity:0}82%{opacity:0;transform:translate(0)scale(.9)}89%{opacity:1;transform:translate(0)scale(1)}}@keyframes boom-burst-acc2662d{0%,74%,89%,to{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(0)}77%{opacity:.7}85%{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(18deg)}}.pop-word[data-v-acc2662d],.zap-word[data-v-acc2662d]{z-index:1;display:inline-block;position:relative}.pop-ring[data-v-acc2662d]{border:2px solid #ffe5a3;border-radius:50%;width:26px;height:26px;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}.pop-ring[data-v-acc2662d],.zap-flash[data-v-acc2662d]{opacity:0;pointer-events:none;position:absolute}.zap-flash[data-v-acc2662d]{clip-path:polygon(55% 0,25% 53%,49% 53%,39% 100%,78% 38%,54% 38%,70% 0);background:#ffe5a3;inset:-8px 0}.reference-tab[aria-selected=true] .pop-word[data-v-acc2662d]{animation:4.8s infinite pop-word-acc2662d}.reference-tab[aria-selected=true] .pop-ring[data-v-acc2662d]{animation:4.8s infinite pop-ring-acc2662d}.reference-tab[aria-selected=true] .zap-word[data-v-acc2662d]{animation:4.8s infinite zap-word-acc2662d}.reference-tab[aria-selected=true] .zap-flash[data-v-acc2662d]{animation:4.8s infinite zap-flash-acc2662d}@keyframes pop-word-acc2662d{0%,70%,92%,to{transform:scale(1)}74%{transform:translateY(2px)scale(.82,.9)}80%{transform:translateY(-2px)scale(1.2)}85%{transform:translateY(1px)scale(.96)}}@keyframes pop-ring-acc2662d{0%,74%,92%,to{opacity:0;transform:translate(-50%,-50%)scale(.2)}78%{opacity:.65}88%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@keyframes zap-word-acc2662d{0%,72%,90%,to{transform:translate(0)skew(0)}76%{transform:translate(-3px)skew(-9deg)}81%{transform:translate(3px)skew(9deg)}86%{transform:translate(-1px)skew(-3deg)}}@keyframes zap-flash-acc2662d{0%,73%,89%,to{opacity:0;transform:translate(-24px)}78%{opacity:.7}86%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.reference-tab[aria-selected=true] .boom-burst[data-v-acc2662d],.reference-tab[aria-selected=true] .boom-word>span[data-v-acc2662d],.reference-tab[aria-selected=true] .pop-ring[data-v-acc2662d],.reference-tab[aria-selected=true] .pop-word[data-v-acc2662d],.reference-tab[aria-selected=true] .zap-flash[data-v-acc2662d],.reference-tab[aria-selected=true] .zap-word[data-v-acc2662d]{animation:none}}.mode-info[data-v-af36e293]{flex:none;position:relative}button[data-v-af36e293]{color:#8a8377;cursor:help;background:#fff;border:1px solid #16130f1f;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 22px #16130f14}button[data-v-af36e293]:focus-visible,button[data-v-af36e293]:hover{color:#16130f;border-color:#16130f47}button[data-v-af36e293]:focus-visible{outline-offset:2px;outline:2px solid #ff4d18}.mode-tooltip[data-v-af36e293]{z-index:30;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:#16130f;border-radius:10px;width:max-content;max-width:min(320px,100vw - 24px);padding:10px 14px;font-size:12.5px;line-height:1.5;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(4px);box-shadow:0 12px 28px #16130f47}.mode-tooltip.align-right[data-v-af36e293]{left:auto;right:0}.mode-tooltip.open[data-v-af36e293]{opacity:1;visibility:visible;transform:none}@media (width<=640px){.mode-tooltip.align-right[data-v-af36e293]{right:calc(var(--info-mobile-offset)*-1)}}@media (prefers-reduced-motion:reduce){.mode-tooltip[data-v-af36e293]{transition:none}}.reference-detail[data-v-6a0fe36d] .detail-content{padding-bottom:20px}.reference-action-bar[data-v-6a0fe36d]{align-items:center;gap:10px;display:flex}.article-related[data-v-6a0fe36d]{position:relative}.article-related summary[data-v-6a0fe36d]{color:#8a8377;cursor:pointer;background:#fff;border:1px solid #16130f1f;border-radius:12px;place-items:center;width:40px;height:40px;list-style:none;display:grid;box-shadow:0 8px 22px #16130f14}.article-related summary[data-v-6a0fe36d]::-webkit-details-marker{display:none}.article-related summary[data-v-6a0fe36d]:focus-visible{outline-offset:2px;outline:2px solid #ff4d18}.article-related nav[data-v-6a0fe36d]{z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:180px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #16130f14}.article-related a[data-v-6a0fe36d]{color:#475569;border-radius:6px;padding:9px 12px;font-size:13px;text-decoration:none}.article-related a[data-v-6a0fe36d]:focus-visible,.article-related a[data-v-6a0fe36d]:hover{color:#16130f;background:#f1f5f9}.reference-toolbar[data-v-6a0fe36d]{align-items:center;gap:12px;min-width:0;display:flex}.reference-title[data-v-6a0fe36d]{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex}.reference-title h1[data-v-6a0fe36d]{text-overflow:ellipsis;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;overflow:hidden}.reference-title span[data-v-6a0fe36d]{color:#645f58;flex:none;font-size:12px}.reference-desktop-modes[data-v-6a0fe36d]{flex:none}.reference-compact-mode[data-v-6a0fe36d]{display:none}.preview-pane[data-v-6a0fe36d] .state-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}@media (width<=640px){.reference-toolbar[data-v-6a0fe36d]{gap:8px}.reference-title[data-v-6a0fe36d]{flex:1}.has-single-mode .reference-title[data-v-6a0fe36d]{flex:0 auto}.reference-title h1[data-v-6a0fe36d]{font-size:18px}.reference-desktop-modes[data-v-6a0fe36d],.reference-title span[data-v-6a0fe36d]{display:none}.has-single-mode .reference-desktop-modes[data-v-6a0fe36d]{display:inline-flex}.reference-compact-mode[data-v-6a0fe36d]{color:#16130f;width:76px;height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #16130f1f;border-radius:9px;flex:none;padding:0 6px;font-size:12px;font-weight:600;display:block}.reference-compact-mode[data-v-6a0fe36d]:focus-visible{outline-offset:2px;outline:2px solid #ff4d18}}.reference-workspace[data-v-6a0fe36d]{height:max(360px,calc(100dvh - var(--detail-header-height,var(--header-h,73px)) - 20px));background:#f8f9fb;border:1px solid #16130f;border-radius:16px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.preview-pane[data-v-6a0fe36d]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bab8b2 transparent;scrollbar-gutter:stable;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.preview-pane[data-v-6a0fe36d] .anatomy,.preview-pane[data-v-6a0fe36d] .examples{overflow:clip}.preview-pane[data-v-6a0fe36d]>*{flex-direction:column;flex:1 0 auto;min-height:100%;display:flex}.preview-pane[data-v-6a0fe36d] .reference-annotated-diagram,.preview-pane[data-v-6a0fe36d] .reference-card-groups,.preview-pane[data-v-6a0fe36d] .reference-variants{flex:auto}.preview-pane[data-v-6a0fe36d] .readout{z-index:5;background:#f8f9fb;flex-shrink:0;position:sticky;bottom:0}.preview-pane[data-v-6a0fe36d]:focus-visible{outline-offset:-3px;outline:2px solid #a33310}.reference-workspace.is-article[data-v-6a0fe36d]{background:0 0;border:0;border-radius:0;height:auto;display:block;overflow:visible}.is-article .preview-pane[data-v-6a0fe36d]{overscroll-behavior:auto;scrollbar-gutter:auto;display:block;overflow:visible}.is-article .preview-pane[data-v-6a0fe36d]>*{min-height:0;display:block}.is-article .preview-pane[data-v-6a0fe36d] .readout{position:static}@media (width<=640px){.reference-workspace[data-v-6a0fe36d]{height:max(360px,calc(100dvh - var(--detail-header-height,var(--header-h,57px)) - 16px))}.preview-pane[data-v-6a0fe36d] .examples{min-height:100%}}.foundation-previews{--foundation-preview-spacing:32px;--foundation-subject-line:#b1bfda;--foundation-subject-ink:#5e7192;--foundation-subject-soft:#edf1f8;--foundation-subject-stage:#d5dfed;--foundation-subject-surface:#fff;--foundation-preview-paper:#f7f9fd;--foundation-preview-texture:none}.foundation-previews :is(.article-figure-body,.article-diagram>.reference-annotated-diagram,.spacing-figure>.reference-annotated-diagram){background-color:var(--foundation-preview-paper);background-image:var(--foundation-preview-texture);background-position:0 0;background-repeat:repeat,no-repeat,no-repeat;background-size:20px 20px,100% 100%,100% 100%}.foundation-previews .article-figure-body{padding-block:var(--foundation-preview-spacing)}.foundation-previews .foundation-preview-hint{color:#64748b;margin:0 0 20px;font-size:12px;line-height:1.7}.foundation-previews :is(.article-diagram,.spacing-figure) .reference-annotated-diagram>.diagram{margin-block:var(--foundation-preview-spacing)}.foundation-previews .foundation-preview-panel .reference-preview-header .preview-controls-toggle{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a08}.foundation-previews .foundation-preview-panel .article-readout .readout.readout{gap:2px;padding:6px 18px}.foundation-previews .foundation-preview-panel .article-readout .readout-heading{min-height:36px}:is(.component-foundation-previews,.interaction-foundation-previews).foundation-previews .article-figure-body:has(>.article-variants){--figure-padding:20px;padding:var(--figure-padding) var(--figure-padding) 0;background:var(--foundation-subject-surface)}:is(.component-foundation-previews,.interaction-foundation-previews) .article-variants>.article-variant-browser{margin-bottom:4px}:is(.component-foundation-previews,.interaction-foundation-previews) .article-variants>.article-variant-panel{margin-inline:calc(var(--figure-padding)*-1);background-color:var(--foundation-preview-paper);background-image:var(--foundation-preview-texture);background-repeat:repeat,no-repeat,no-repeat;background-size:20px 20px,100% 100%,100% 100%;border-radius:0;padding:40px clamp(24px,4vw,48px)}@media (width<=640px){.foundation-previews{--foundation-preview-spacing:24px}.foundation-previews .foundation-preview-panel .article-readout .readout.readout{padding-inline:14px}.foundation-previews .foundation-preview-panel .article-readout .readout-heading{min-height:44px}:is(.component-foundation-previews,.interaction-foundation-previews).foundation-previews .article-figure-body:has(>.article-variants){--figure-padding:16px}:is(.component-foundation-previews,.interaction-foundation-previews) .article-variants>.article-variant-panel{padding-block:32px}}.layout-foundation-previews .article-figure-body :is(.layout-block,.width-container,.edge-content,.query-card,.fluid-content,.flex-item,.direction-stage>span,.choice-flex,.choice-grid>span,.minimum-row>div,.width-content,.height-shell,.overlay-panel,.positioned-card,.long-text,.axis-item){border-color:var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink);border-radius:14px}.layout-foundation-previews .article-figure-body :is(.minimum-row>div,.positioned-card,.long-text){border:1px solid var(--foundation-subject-line)}.layout-foundation-previews .article-figure-body :is(.layout-canvas,.nested-scene,.overlay-host,.stage-frame,.box-scroll,.direction-viewport,.flex-viewport,.symptom-viewport,.sticky-scroll,.sticky-demo,.viewport-frame){border-color:var(--foundation-subject-line);background:var(--foundation-subject-soft);border-radius:20px}.layout-foundation-previews .article-figure-body .layout-canvas:not(.available-shell):not(.positioned-card):not(.long-text){border:1px solid var(--foundation-subject-line)}.layout-foundation-previews .article-figure-body :is(.full-band,.clipped-card,.height-shell>header,.sticky-heading,.sticky-title,.query-image){background:var(--foundation-subject-stage);color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body :is(.body-container,.overlay-trigger){background:var(--foundation-subject-surface);color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body :is(.inner-container.limited,.edge-container,.clipped-card,.overlay-trigger,.sticky-heading,.scroll-entry,.height-list>div){border-color:var(--foundation-subject-line)}.layout-foundation-previews .article-figure-body .edge-container{background:var(--foundation-subject-stage);border-radius:14px}.layout-foundation-previews .article-figure-body .span-grid .featured{background:var(--foundation-subject-soft)}.layout-foundation-previews .article-figure-body :is(.ac-title,.ac-sub,.ac-value,.ac-on-band,.baseline-value){color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body :is(.ac-body,.ac-meta){color:oklch(57% .035 255)}.layout-foundation-previews .article-figure-body :is(.ac-chip,.ac-action,.minimum-row>aside,.width-row>aside){border-color:var(--foundation-subject-line);background:var(--foundation-subject-soft);color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body .outer-margin{background:oklch(94% .045 65);margin-inline:auto}.layout-foundation-previews .article-figure-body .box{border-color:var(--foundation-subject-line);background:oklch(90% .06 135)}.layout-foundation-previews .article-figure-body .box>span{background:var(--foundation-subject-stage);color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body :is(.display-inline,.display-inline-block){border-color:var(--foundation-subject-line);background:var(--foundation-subject-soft);color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body :is(.layout-canvas:not(.layout-variable),.nested-scene,.flex-viewport,.symptom-viewport,.sticky-scroll,.sticky-demo,.overlay-host,.placement-stage,.viewport-host,.breakpoint-table){width:min(100%,720px);margin-inline:auto}.layout-foundation-previews .article-figure-body :is(.minimum-row,.direction-viewport){margin-inline:auto}.layout-foundation-previews .article-figure-body .minimum-row{width:min(100%,560px)}.layout-foundation-previews .article-figure-body .minimum-row>div{padding:16px}.layout-foundation-previews .article-figure-body .breakpoint-table{background:var(--foundation-subject-surface);color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body .breakpoint-table thead th{background:var(--foundation-subject-soft);color:var(--foundation-subject-ink)}.layout-foundation-previews .article-figure-body .breakpoint-table tbody th{color:var(--foundation-subject-ink)}.pattern-foundation-previews .boundary-scene{margin-inline:auto}.pattern-foundation-previews .article-figure-body .screen{border-color:var(--foundation-subject-line);background:var(--foundation-subject-soft);color:var(--foundation-subject-ink);border-radius:20px}.pattern-foundation-previews .article-figure-body :is(.screen-header,.screen-sidebar,.screen-aux,.screen-menu,.screen footer,.bottom-nav){border-color:var(--foundation-subject-line);background:var(--foundation-subject-surface)}.pattern-foundation-previews .article-figure-body .screen-main{background:var(--foundation-subject-soft)}.pattern-foundation-previews .article-figure-body :is(.project-grid article,.media-component,.component-list article,.component-cards article,.recipe-zones article){border-color:var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink);border-radius:14px}.pattern-foundation-previews.foundation-previews .article-figure-body .component-stage{background:var(--foundation-subject-soft)}.pattern-foundation-previews .article-figure-body .media-component.overlay{background:0 0}.pattern-foundation-previews .article-figure-body :is(.project-cover,.media-cover,.detail-cover){border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-stage);border-radius:8px}.pattern-foundation-previews .article-figure-body :is(.project-cover,.media-cover):after{background:var(--foundation-subject-line)}.pattern-foundation-previews .article-figure-body .editor-line{background:var(--foundation-subject-stage)}.pattern-foundation-previews .article-figure-body :is(.ac-title,.ac-sub,.ac-value,.screen-sidebar strong){color:var(--foundation-subject-ink)}.pattern-foundation-previews .article-figure-body :is(.ac-body,.ac-meta){color:oklch(57% .035 255)}.pattern-foundation-previews .article-figure-body .media-component:not(.overlay) :is(.ac-title,.ac-sub){color:var(--foundation-subject-ink)}.pattern-foundation-previews .article-figure-body .media-component:not(.overlay) :is(.ac-body,.ac-meta){color:oklch(57% .035 255)}.pattern-foundation-previews .article-figure-body .media-component.overlay :is(.ac-title,.ac-body){color:oklch(100% 0 0)}.pattern-foundation-previews .article-figure-body .media-component.overlay .ac-meta{color:oklch(96% .015 80)}.pattern-foundation-previews .article-figure-body .screen button{border-color:var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink);border-radius:7px}.pattern-foundation-previews .article-figure-body .screen button:hover{background:var(--foundation-subject-soft)}.pattern-foundation-previews .article-figure-body .screen button[aria-pressed=true]{border-color:var(--foundation-subject-line);background:var(--foundation-subject-stage);color:oklch(38% .07 255)}.pattern-foundation-previews .article-figure-body :is(.file-list,.mobile-aux){border-color:var(--foundation-subject-line)}.component-foundation-previews.foundation-previews .component-article-figures{--component-accent:oklch(55% .11 255);--component-ink:oklch(43% .075 255);--component-soft:var(--foundation-subject-soft)}.component-foundation-previews .article-figure-body :is(.specimen-stage,.variant-stage,.layout-demo,.content-stage,.result-stage,.practice-panel,.action-context){border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink);border-radius:14px}.component-foundation-previews .article-figure-body :is(.specimen-stage,.variant-stage,.layout-demo,.content-stage,.result-stage,.action-context,.practice-grid,.anchor-practice,.equal-example){width:min(100%,720px);margin-inline:auto}.component-foundation-previews .compact-component-preview .article-variant-panel>:is(.specimen-stage,.variant-stage,.appearance-stage,.button-state-demo){box-sizing:border-box;width:100%;max-width:360px;margin-inline:auto}.component-foundation-previews .article-figure-body .action-context{padding:24px}.component-foundation-previews .article-figure-body .purpose-preview{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-soft);border-radius:14px}.component-foundation-previews.foundation-previews .button-article-figures{--button-ink:var(--foundation-subject-ink);--button-muted:var(--foundation-subject-ink);--button-line:var(--foundation-subject-line);--button-surface:var(--foundation-subject-surface);--button-soft:var(--foundation-subject-soft)}.component-foundation-previews [data-navigation-kind=tabs]{--tabs-line:var(--foundation-subject-line);--tabs-ink:var(--foundation-subject-ink);--tabs-surface:var(--foundation-subject-surface);--tabs-soft:var(--foundation-subject-soft);--tabs-stage:var(--foundation-subject-stage)}.component-foundation-previews [data-navigation-kind=tabs] .variant-stage{box-sizing:border-box;background:var(--tabs-soft);width:min(100%,560px)}.component-foundation-previews [data-navigation-kind=tabs] :is(.tabs-specimen,.extended-tabs){background:var(--tabs-surface);border-color:var(--tabs-line);color:var(--tabs-ink);border-radius:14px}.component-foundation-previews [data-navigation-kind=tabs] .tabs-practice{min-width:0;color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] :is(.practice-options,.practice-keyboard-hint){color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] .practice-options input{accent-color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] .practice-tabs{border-color:var(--tabs-line)}.component-foundation-previews [data-navigation-kind=tabs] .practice-tabs button{color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] .practice-tabs button:hover:not(:disabled){background:var(--tabs-stage)}.component-foundation-previews [data-navigation-kind=tabs] .practice-panel{background:var(--tabs-surface);border-color:var(--tabs-line);color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] .practice-panel p{color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] .practice-keyboard-hint{margin:12px 0 0;font-size:12px;line-height:1.7}.component-foundation-previews [data-navigation-kind=tabs] :is(.practice-results button,.practice-panel button,.utility,.close-tab,.more){background:var(--tabs-surface);border-color:var(--tabs-line);color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] .practice-results [aria-pressed=true]{border-color:var(--tabs-ink);background:var(--tabs-stage);color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] :is(.badge,.loading-lines i){background:var(--tabs-stage);color:var(--tabs-ink)}.component-foundation-previews [data-navigation-kind=tabs] .tabs-variant-segmented .specimen-tablist button.current{box-shadow:none}.component-foundation-previews [data-navigation-kind=tabs] :is(.practice-tabs button,.practice-results button,.practice-panel,.practice-panel button,.practice-options input):focus-visible{outline-color:var(--tabs-ink)}:is(.component-foundation-previews,.interaction-foundation-previews).foundation-previews .interaction-workshop{--iw-ink:var(--foundation-subject-ink);--iw-muted:var(--foundation-subject-ink);--iw-line:var(--foundation-subject-line);--iw-accent:var(--foundation-subject-ink);--iw-soft:var(--foundation-subject-soft);border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);border-radius:14px;width:min(100%,720px);margin-inline:auto;padding:24px}:is(.component-foundation-previews,.interaction-foundation-previews).foundation-previews .interaction-workshop.iw-workbench{padding:0}:is(.component-foundation-previews,.interaction-foundation-previews).foundation-previews .interaction-demo{--demo-ink:var(--foundation-subject-ink);--demo-muted:var(--foundation-subject-ink);--demo-line:var(--foundation-subject-line);--demo-soft:var(--foundation-subject-soft);--demo-accent:var(--foundation-subject-ink)}:is(.component-foundation-previews,.interaction-foundation-previews).foundation-previews .search-demo{--search-ink:var(--foundation-subject-ink);--search-muted:var(--foundation-subject-ink);--search-line:var(--foundation-subject-line);--search-soft:var(--foundation-subject-soft);--search-accent:var(--foundation-subject-ink);--search-tint:var(--foundation-subject-soft)}:is(.component-foundation-previews,.interaction-foundation-previews) .article-figure-body :is(.demo-shell,.demo-workspace,.response-list,.response-heading,.pattern-stage,.motion-player,.trigger-demo,.search-workspace,.canvas-demo){width:min(100%,720px);margin-inline:auto}:is(.component-foundation-previews,.interaction-foundation-previews) .article-figure-body :is(.demo-workspace,.demo-shell,.iw-box,.iw-stage,.trigger-demo,.player-stage){border-color:var(--foundation-subject-line);background:var(--foundation-subject-surface);border-radius:14px}:is(.component-foundation-previews,.interaction-foundation-previews) .article-figure-body :is(.iw-status,.trigger-sticky){background:var(--foundation-subject-soft)}.interaction-foundation-previews .article-figure-body :is(.trigger-demo,.player-stage,.trigger-scroll,.shared-stage){border-color:var(--foundation-subject-line);color:var(--foundation-subject-ink)}.interaction-foundation-previews .article-figure-body .shared-object{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-stage)}.interaction-foundation-previews .article-figure-body :is(.trigger-button,.spatial-trigger,.trigger-face.front){border-color:var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink)}@media (width<=640px){:is(.component-foundation-previews,.interaction-foundation-previews).foundation-previews .interaction-workshop{padding:16px}}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram){--subject-ink:var(--foundation-subject-ink);--subject-muted:oklch(57% .035 255);--subject-line:var(--foundation-subject-line);--subject-surface:var(--foundation-subject-surface);--subject-soft:var(--foundation-subject-soft);--subject-stage:var(--foundation-subject-stage);--subject-media:var(--foundation-subject-surface);--subject-accent:var(--foundation-subject-ink);--subject-accent-light:var(--foundation-subject-stage);--subject-accent-soft:var(--foundation-subject-soft);--component-accent:var(--foundation-subject-ink);--component-ink:var(--foundation-subject-ink);--component-soft:var(--foundation-subject-soft);--preview-accent:var(--foundation-subject-ink);--preview-accent-soft:var(--foundation-subject-soft);--preview-secondary:var(--foundation-subject-stage);--preview-ink:var(--foundation-subject-ink);--preview-muted:oklch(57% .035 255);--preview-line:var(--foundation-subject-line);--preview-soft:var(--foundation-subject-stage);--preview-paper:var(--foundation-subject-soft);--preview-glow:oklch(55% .07 255/.4);--preview-highlight:var(--foundation-subject-stage)}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) :is(.card-specimen,.card-h,.card-t,.card-s,.tabs-specimen,.component-scene,.demo-panel){border-radius:14px}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) :is(.input-specimen .field,.select-specimen .trigger,.select-specimen .options){border-radius:7px}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) .card-specimen{box-shadow:none;padding:12px}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) .card-specimen :is(.title,.body,.actions){margin-inline:0}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) .card-specimen .body{display:block}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) .card-h .h-body,:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) .ls-main{flex:1}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) .ds-value{width:55%;min-width:0;display:block}:is(.component-foundation-previews,.interaction-foundation-previews) .article-figure-body :is(.car-slide,.car-multi-card,.car-thumb){color:var(--foundation-subject-ink);border:1px solid var(--foundation-subject-line);position:relative}:is(.component-foundation-previews,.interaction-foundation-previews) :is(.article-figure-body,.article-diagram) .car-cap{color:var(--foundation-subject-ink);text-shadow:none}.component-foundation-previews :is(.article-figure-body,.article-diagram) .car-dots{left:auto;right:8px}.component-foundation-previews :is(.article-figure-body,.article-diagram) .car-dot{background:0 0;place-items:center;display:grid}.component-foundation-previews :is(.article-figure-body,.article-diagram) .car-dot:after{content:"";background:var(--foundation-subject-line);border-radius:4px;width:6px;height:6px}.component-foundation-previews :is(.article-figure-body,.article-diagram) .car-dot.on:after{background:var(--foundation-subject-ink);width:14px}.component-foundation-previews :is(.article-figure-body,.article-diagram) .car-thumb.on{border-color:var(--foundation-subject-ink)}.interaction-foundation-previews .article-figure-body .shared-object>.subject-placeholder{border-radius:inherit;width:100%;height:100%}.interaction-foundation-previews .article-figure-body .spatial-wireframe{gap:10px;width:100%;height:100%;padding:14px;display:grid}.interaction-foundation-previews .article-figure-body .spatial-wireframe>[data-kind=media]{min-height:40px}.foundation-previews .article-figure-body{color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body :is(.demo-sample,.reading-sample,.hierarchy-preview,.unit-comparison>div,.settings-preview,.language-preview,.shadow-ground>span,.icon-pair>div,.optical-pair>div,.meaning-examples>div,.target-comparison>div,.chain-step,.result-card,.semantic-scene,.scene-surface,.component-stage){border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink);border-radius:14px}.foundation-previews .article-figure-body :is(.radius-box,.pill-example){border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body .nested-outer{background:var(--foundation-subject-stage)}.foundation-previews .article-figure-body .nested-outer>div{border:1px solid var(--foundation-subject-line);color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body .outline-box{border-color:var(--foundation-subject-line);background:var(--foundation-subject-surface);color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body :is(.shadow-ground,.stack-scene,.chain-result,.scene-page){border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-stage);border-radius:20px}.foundation-previews .article-figure-body .stack-card{border:1px solid var(--foundation-subject-line);border-radius:14px}.foundation-previews .article-figure-body .stack-card.a{background:var(--foundation-subject-surface);color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body .stack-card.b{background:var(--foundation-subject-soft);color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body .local-overlay{border:1px solid var(--foundation-subject-line);color:var(--foundation-subject-ink);border-radius:14px}.foundation-previews .article-figure-body .material-panel.flat{border-color:var(--foundation-subject-line);color:var(--foundation-subject-ink);border-radius:14px}.foundation-previews .article-figure-body :is(.icon-pair>div,.play-circle,.icon-grid){color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body .play-circle{border-color:var(--foundation-subject-line)}.foundation-previews .article-figure-body .icon-grid{outline-color:var(--foundation-subject-line)}.foundation-previews .article-figure-body :is(.ratio-frame,.fit-frame,.resource-frame,.loader-frame,.lazy-frame){border:1px solid var(--foundation-subject-line);border-radius:14px}.foundation-previews .article-figure-body :is(.loader-frame,.lazy-frame){background:var(--foundation-subject-soft)}.foundation-previews .article-figure-body .skeleton-mountain{border:1px solid var(--foundation-subject-line);background:#d9e0eb}.foundation-previews .article-figure-body :is(.demo-button,.focus-save){background:var(--foundation-subject-surface);color:var(--foundation-subject-ink);border:1px solid #94a6c6;border-radius:7px}.foundation-previews .article-figure-body :is(.demo-button,.focus-save):hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.foundation-previews .article-figure-body :is(.demo-button,.focus-save):active:not(:disabled){color:#fff;background:#1e40af;border-color:#1e40af}.foundation-previews .article-figure-body :is(.demo-button,.focus-save):disabled{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.foundation-previews .article-figure-body .demo-button[aria-pressed=true]{color:#1e40af;background:#dbeafe;border-color:#2563eb}.foundation-previews .article-figure-body :is(.focus-demo input,.demo-field input:not([type=checkbox]),.demo-field select):not([aria-invalid=true]){background:var(--foundation-subject-surface);color:var(--foundation-subject-ink);border:1px solid #94a6c6;border-radius:7px}.foundation-previews .article-figure-body .language-preview>span{background:var(--foundation-subject-soft);color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body .language-preview .mock-action{color:var(--foundation-subject-ink);background:var(--foundation-subject-surface);border:1px solid #94a6c6}.foundation-previews .article-figure-body :is(.hierarchy-title,.hierarchy-section,.hierarchy-subsection,.scene-title){color:#405779}.foundation-previews .article-figure-body :is(.hierarchy-body,.result-card strong){color:var(--foundation-subject-ink)}.foundation-previews .article-figure-body :is(.theme-scene,.scene-card){border-radius:14px}.foundation-previews .article-figure-body :is(.scene-button,.scene-action,.stage-button,.result-button){border-radius:7px}.foundation-previews .foundation-preview-panel>.article-figure-body{padding-block:48px;padding-inline:clamp(24px,4vw,48px)}.foundation-previews .article-figure-body :is(.demo-comparison,.font-comparison,.unit-comparison,.radius-comparison,.nested-comparison,.icon-pair,.optical-pair,.meaning-examples,.target-comparison,.theme-layout,.token-chain,.naming-grid,.scale-layout){width:min(100%,720px);margin-inline:auto}.foundation-previews .article-figure-body :is(.hierarchy-preview,.stack-scene,.semantic-scene,.chain-result,.component-stage,.glass-scene,.material-ground){width:min(100%,560px);margin-inline:auto}.foundation-previews .article-figure-body :is(.settings-preview,.language-preview,.accessible-form,.focus-demo){width:min(100%,440px);margin-inline:auto}.foundation-previews .article-figure-body :is(.outline-box,.density-stage){width:min(100%,400px);margin-inline:auto}.foundation-previews .article-figure-body :is(.loader-frame,.lazy-frame){margin-inline:auto}@media (width<=640px){.foundation-previews .foundation-preview-panel>.article-figure-body{padding-block:32px}}.article-terms[data-v-fd55411a]{gap:12px;margin-bottom:20px;display:grid;container-type:inline-size}.concept-explanation[data-v-fd55411a]{grid-template-columns:max-content minmax(0,1fr) auto;align-items:start;gap:0 12px;min-width:0;display:grid}.concept-heading[data-v-fd55411a]{flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0;line-height:1.8;display:flex}.concept-heading strong[data-v-fd55411a]{color:#1e293b;flex-shrink:0;font-size:14px;font-weight:700}.concept-heading span[data-v-fd55411a]{color:#526175;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:500}.concept-description[data-v-fd55411a]{color:#475569;overflow-wrap:anywhere;min-width:0;margin:0;font-size:14px;line-height:1.8}.concept-copy[data-v-fd55411a]{place-self:start end}.is-dictionary[data-v-fd55411a]{gap:16px;margin-bottom:0}.is-dictionary .concept-explanation[data-v-fd55411a]{border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(180px,32%) minmax(0,1fr) auto;padding-bottom:16px}.is-dictionary .concept-explanation[data-v-fd55411a]:last-child{border-bottom:0;padding-bottom:0}.is-dictionary .concept-heading[data-v-fd55411a]{gap:2px;display:grid}.is-dictionary .concept-heading span[data-v-fd55411a]{font-size:12px}@container (width<=560px){.concept-explanation[data-v-fd55411a],.is-dictionary .concept-explanation[data-v-fd55411a]{grid-template-columns:minmax(0,1fr) auto}.concept-heading[data-v-fd55411a]{grid-area:1/1;align-items:center;min-height:44px}.concept-copy[data-v-fd55411a]{grid-area:1/2}.concept-description[data-v-fd55411a]{grid-area:2/1/auto/-1}}.has-visuals[data-v-fd55411a]{gap:0}.has-visuals .concept-explanation[data-v-fd55411a]{border-bottom:1px solid oklch(92% .008 255);grid-template-columns:minmax(0,1fr) 160px auto;gap:4px 24px;padding-block:12px}.has-visuals .concept-explanation[data-v-fd55411a]:first-child{padding-top:0}.has-visuals .concept-explanation[data-v-fd55411a]:last-child{border-bottom:0;padding-bottom:0}.has-visuals .concept-heading[data-v-fd55411a]{grid-area:1/1;align-self:end;align-items:baseline;gap:0 10px;display:flex}.has-visuals .concept-description[data-v-fd55411a]{grid-area:2/1}.has-visuals .concept-visual[data-v-fd55411a]{grid-area:1/2/3;align-self:center}.has-visuals .concept-copy[data-v-fd55411a]{grid-area:1/3/3;align-self:center}@container (width<=560px){.has-visuals .concept-explanation[data-v-fd55411a]{grid-template-columns:minmax(0,1fr) 96px auto;gap:8px 12px;padding-block:12px}.has-visuals .concept-heading[data-v-fd55411a]{align-self:center;gap:2px;display:grid}.has-visuals .concept-visual[data-v-fd55411a]{grid-area:1/2}.has-visuals .concept-copy[data-v-fd55411a]{grid-row:1;align-self:center}.has-visuals .concept-description[data-v-fd55411a]{grid-area:2/1/auto/-1}}@container (width<=340px){.has-visuals .concept-explanation[data-v-fd55411a]{-moz-column-gap:8px;grid-template-columns:minmax(0,1fr) 72px auto;column-gap:8px}}.mobile-article-nav[data-v-ddf37193]{display:none}.mobile-nav-trigger[data-v-ddf37193]{color:oklch(35% .03 255);width:100%;height:44px;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:oklch(98.4% .003 248);border:1px solid oklch(92.9% .013 255);border-radius:9px;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.mobile-nav-trigger span[data-v-ddf37193]{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mobile-nav-trigger svg[data-v-ddf37193]{color:oklch(55% .03 255);flex:none}.mobile-nav-trigger[data-v-ddf37193]:hover,.mobile-nav-trigger[aria-expanded=true][data-v-ddf37193]{color:oklch(25% .02 255);border-color:oklch(78% .02 255)}.mobile-nav-trigger[aria-expanded=true] .mobile-nav-chevron[data-v-ddf37193]{transform:rotate(180deg)}.mobile-nav-chapters[data-v-ddf37193]{z-index:1;overscroll-behavior:contain;background:oklch(100% 0 0);border:1px solid oklch(92.9% .013 255);border-radius:12px;width:max(100%,208px);max-width:calc(100vw - 32px);max-height:min(360px,60dvh);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 4px 12px oklch(20% .03 255/.06),0 12px 28px oklch(20% .03 255/.1)}.mobile-nav-link[data-v-ddf37193]{color:oklch(35% .03 255);touch-action:manipulation;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.5;text-decoration:none;display:flex}.mobile-nav-link svg[data-v-ddf37193]{flex:none}.mobile-nav-link[aria-current=location][data-v-ddf37193]{color:oklch(53% .18 36);background:oklch(96% .025 40);font-weight:600}.mobile-nav-link[data-v-ddf37193]:hover{color:oklch(25% .02 255);background:oklch(94% .01 255)}.mobile-nav-link[data-v-ddf37193]:focus-visible,.mobile-nav-trigger[data-v-ddf37193]:focus-visible{outline-offset:2px;outline:2px solid oklch(50% .16 255)}@media (width<=640px){.mobile-article-nav[data-v-ddf37193]{min-width:0;display:block;position:relative}}.article-paragraphs[data-v-56f7d6fe]{margin-block:16px}.reference-article[data-v-56f7d6fe]{--article-accent:#ff4d18;--article-navigation-height:0px;color:#1e293b;background:#fff;position:relative;container-type:inline-size}.article-layout[data-v-56f7d6fe]{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:24px;max-width:1164px;margin-inline:auto;padding:48px 24px 64px;display:grid}.article-index[data-v-56f7d6fe]{top:calc(24px + var(--detail-header-offset,0px));z-index:12;min-width:0;transition:top .26s cubic-bezier(.22,1,.36,1);position:sticky}.article-index nav[data-v-56f7d6fe]{isolation:isolate;width:132px;display:grid;position:relative}.index-entry[data-v-56f7d6fe]{text-align:left;color:#64748b;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;align-items:center;padding:0 12px;font-size:13px;line-height:1.6;display:flex;position:relative}.index-mark[data-v-56f7d6fe]{display:none}.index-mark[data-v-56f7d6fe]:before{content:"";width:var(--mark-width);background:#cbd5e1;border-radius:2px;height:2px;transition:width .16s ease-out,background-color .16s}.index-entry[aria-current=location][data-v-56f7d6fe]{color:var(--article-accent);font-weight:650}.index-entry.is-visible .index-mark[data-v-56f7d6fe]:before{background:var(--article-accent);height:3px}.index-entry[data-v-56f7d6fe]:hover{color:var(--article-accent)}.index-entry:hover .index-mark[data-v-56f7d6fe]:before{background:var(--article-accent)}.index-entry:hover .index-label[data-v-56f7d6fe],.index-entry[aria-current=location] .index-label[data-v-56f7d6fe]{color:var(--article-accent)}.index-label[data-v-56f7d6fe]{white-space:nowrap}.article-body[data-v-56f7d6fe]{width:100%;min-width:0;max-width:960px}.has-view-tabs .article-layout[data-v-56f7d6fe]{padding-top:16px}.article-header h2[data-v-56f7d6fe]{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(26px,3vw,36px);font-weight:650;line-height:1.4}.article-body p[data-v-56f7d6fe]{color:#475569;overflow-wrap:anywhere;margin:0 0 16px;font-size:14px;line-height:1.9}.article-section[data-v-56f7d6fe]{margin-top:44px}.article-section h3[data-v-56f7d6fe]{scroll-margin-top:calc(var(--detail-header-height,0px) + var(--article-navigation-height) + 24px);border-bottom:1px solid #e2e8f0;margin:0 0 28px;padding-bottom:14px;font-size:23px;font-weight:650;line-height:1.5}.article-section-heading.has-description[data-v-56f7d6fe]{border-bottom:1px solid oklch(92.9% .013 255);margin-bottom:20px;padding-bottom:14px}.article-section-heading.has-description h3[data-v-56f7d6fe]{border-bottom:0;margin-bottom:8px;padding-bottom:0}.article-body .article-section-description[data-v-56f7d6fe]{margin:0}a[data-v-56f7d6fe]:focus-visible,button[data-v-56f7d6fe]:focus-visible,h3[data-v-56f7d6fe]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=1000px){.article-layout[data-v-56f7d6fe]{grid-template-columns:minmax(0,1fr);gap:0;padding:32px 20px 48px 64px}.article-body[data-v-56f7d6fe]{grid-area:1/1}.article-index[data-v-56f7d6fe]{top:max(calc(16px + var(--detail-header-offset,0px)),calc((var(--article-viewport-height) - var(--article-index-height))/2));grid-area:1/1;width:24px;margin-left:-64px}.article-index nav[data-v-56f7d6fe]{width:24px}.index-entry[data-v-56f7d6fe]{min-height:var(--article-index-row-height);justify-content:flex-start;padding:0}.index-entry[data-v-56f7d6fe],.index-mark[data-v-56f7d6fe]{height:var(--article-index-row-height)}.index-mark[data-v-56f7d6fe]{flex:none;place-items:center start;width:24px;display:grid}.index-label[data-v-56f7d6fe]{z-index:1;color:#334155;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;top:50%;left:38px;transform:translateY(-50%);box-shadow:0 4px 12px #0f172a0c}.index-entry:focus-visible .index-label[data-v-56f7d6fe],.index-entry:hover .index-label[data-v-56f7d6fe]{opacity:1;visibility:visible}.article-index nav:has(.index-entry:hover) .index-entry:not(:hover) .index-label[data-v-56f7d6fe]{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.article-index[data-v-56f7d6fe]{transition:none}.index-mark[data-v-56f7d6fe]:before{transition:none;transform:none}}@media (width<=640px){.reference-article[data-v-56f7d6fe]{--article-navigation-height:44px}.reference-article.has-view-tabs[data-v-56f7d6fe]{--article-navigation-height:52px}.article-body>.article-standalone-navigation[data-v-56f7d6fe]{top:var(--detail-header-offset,0);z-index:14;margin-bottom:24px;position:sticky}.article-layout[data-v-56f7d6fe]{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 0 40px}.article-index[data-v-56f7d6fe]{display:none}.article-header h2[data-v-56f7d6fe]{font-size:26px}.article-section h3[data-v-56f7d6fe]{font-size:21px}}