.foundation-section,.radius-grid,.type-category{max-width:720px;margin-left:auto;margin-right:auto}.foundation-section{margin-bottom:38px}.foundation-section h2,.type-section h3{margin:0 0 16px;color:var(--color-foreground);font:500 14.5px/1.5 var(--track-font-ui)}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}.swatch{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;height:auto;padding:0;border:0;background:transparent;color:var(--color-text-tertiary);text-align:left;white-space:normal;cursor:pointer;border-radius:8px}.swatch:focus-visible{outline:3px solid var(--track-focus);outline-offset:4px}.swatch-sample{display:block;width:100%;height:96px;border:1px solid rgb(255 255 255/8%);border-radius:10px}.light .swatch-sample{border-color:rgb(0 0 0/9%)}.swatch-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:9px;color:var(--color-foreground);font:400 13.5px/18px var(--track-font-ui)}.swatch-label svg{flex:none;width:14px;height:14px;opacity:0;color:var(--color-text-tertiary)}.swatch:focus-visible svg,.swatch:hover svg,.swatch[data-copied] svg{opacity:1}.swatch-token{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--color-text-tertiary) 68%,var(--color-background));font:400 12.5px/18px ui-monospace,SFMono-Regular,monospace;text-transform:lowercase}.type-category{margin-bottom:44px}.type-category>h2{margin:0 0 32px;padding:0 0 24px;border-bottom:1px solid rgb(255 255 255/4%);color:var(--color-foreground);font:500 20.5px/1.5 var(--track-font-ui)}.type-section{margin-bottom:36px}.type-table{overflow:hidden;border:1px solid rgb(255 255 255/4%);border-radius:14px;background:color-mix(in srgb,var(--color-foreground) 3%,var(--color-background))}.type-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:51px;padding:14px 16px}.type-row+.type-row{border-top:1px solid rgb(255 255 255/4%)}.type-row>:first-child{min-width:0;overflow-wrap:anywhere;font-family:var(--track-font-ui)}.type-meta{display:flex;gap:10px;flex:none;color:color-mix(in srgb,var(--color-text-tertiary) 68%,var(--color-background));font:400 11.5px/1.4 ui-monospace,SFMono-Regular,monospace;white-space:nowrap;text-transform:lowercase}.type-caption{text-transform:uppercase;color:var(--color-text-tertiary);text-box:trim-both cap alphabetic}.light .type-category>h2,.light .type-row+.type-row,.light .type-table{border-color:rgb(0 0 0/5%)}.radius-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.radius-grid>div{min-width:0}.foundation-shadow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;max-width:720px;margin:0 auto}.foundation-shadow-grid>div{min-width:0}.foundation-shadow-sample{width:100%;height:116px;padding:0}.foundation-shadow-copy .swatch-label{margin-top:12px}.foundation-shadow-copy[aria-busy=true] svg,.foundation-shadow-item:hover .foundation-shadow-copy svg{opacity:1}.foundation-shadow-copy:disabled{cursor:default}.foundation-copy-spinner{animation:track-button-spin 1s linear infinite}@media(prefers-reduced-motion:reduce){.foundation-copy-spinner{animation:none}}.radius-label{margin-top:12px;color:var(--color-foreground);font:400 13.5px/18px var(--track-font-ui)}.radius-value{margin-top:3px;color:color-mix(in srgb,var(--color-text-tertiary) 68%,var(--color-background));font:400 12.5px/18px ui-monospace,SFMono-Regular,monospace;text-transform:lowercase}@media(max-width:900px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.radius-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}@media(max-width:480px){.foundation-shadow-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:520px){.type-row{gap:12px}.type-meta{gap:5px;font-size:10.5px}}.track-ds-introduction{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,270px);gap:4px;width:100%}.track-ds-intro-panel{position:relative;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid color-mix(in srgb,var(--color-foreground) 7%,transparent);border-radius:12px;background:color-mix(in srgb,var(--color-background) 97%,var(--color-foreground))}.track-ds-intro-hero{grid-column:2;grid-row:2}.track-ds-intro-hero h1{position:absolute;z-index:3;top:12px;left:0;right:0;margin:0;text-align:center;color:var(--color-foreground);font:400 clamp(20.5px,calc(round(nearest, calc(2.2vw - .5px), 1px) + .5px),27.5px)/1.5 var(--track-font-ui);letter-spacing:-.04em}.track-ds-intro-hero .intro-agent-fragment{position:absolute;z-index:1;top:24px;left:24px;width:520px}.intro-agent-fragment .tap-heading{grid-template-columns:40px minmax(0,1fr)}.intro-title-line{display:block;white-space:nowrap}.intro-guides{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.intro-guide-h,.intro-guide-v{position:absolute;display:block;opacity:.12}.intro-guide-h{left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,var(--color-muted-foreground) 0 2px,transparent 2px 5px)}.intro-guide-v{top:0;bottom:0;width:1px;background:repeating-linear-gradient(0deg,var(--color-muted-foreground) 0 2px,transparent 2px 5px)}.intro-metrics{grid-column:1;grid-row:1;justify-content:center}.track-release-panel.intro-metric-row{position:relative;display:flex;flex:0 1 auto;flex-direction:row;align-items:center;justify-content:center;width:100%}.intro-metric-row .track-metric-box{box-sizing:border-box;width:min(190px,100%);height:160px;min-height:160px;flex:none}.intro-metric-main{position:relative;z-index:1}.intro-metric-main .track-metric-progress-track{--metric-tone:var(--metric-muted)!important}.intro-metric-neighbor{position:absolute;top:0;left:50%;pointer-events:none}.intro-metric-neighbor-left{transform:translateX(calc(-150% - 12px))}.intro-metric-neighbor-right{transform:translateX(calc(50% + 12px))}.intro-field{grid-column:2;grid-row:1;flex-direction:column;align-items:stretch;gap:8px}.intro-field label{font:400 13.5px/1.5 var(--track-font-ui);color:var(--color-muted-foreground)}.intro-input{width:100%;height:34px;padding:0 11px;border:0;border-radius:8px;outline:none;background:var(--color-background);box-shadow:inset 0 0 0 .5px rgb(255 255 255/13%),inset 0 1px 3px rgb(0 0 0/17%);color:var(--color-foreground);cursor:text}.intro-input::-moz-placeholder{color:var(--color-muted-foreground)}.intro-input::placeholder{color:var(--color-muted-foreground)}.intro-field .intro-input::-moz-placeholder{color:var(--color-muted-foreground)}.intro-field .intro-input::placeholder{color:var(--color-muted-foreground)}.intro-field .intro-input:hover:not(:disabled){background-color:var(--color-background)}.intro-field .intro-input:focus:not(:focus-visible){outline:none}.intro-input:focus-visible{outline:2px solid #519fff;outline-offset:2px}.intro-toggle{grid-column:3;grid-row:1;flex-direction:column;gap:20px}.intro-toggle label{display:flex;align-items:center;gap:12px;color:var(--color-foreground);font:400 13.5px/1.5 var(--track-font-ui);cursor:pointer}.intro-status{grid-column:1;grid-row:2;justify-content:flex-start}.intro-task{width:450px;flex:none;transform:translateX(8px);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 80%);mask-image:linear-gradient(90deg,#000 50%,transparent 80%)}.intro-badges{grid-column:3;grid-row:2;flex-direction:column;gap:12px}.intro-feature{grid-column:1/span 2;grid-row:3;justify-content:flex-start}.intro-feature .track-release-panel{width:620px;flex:none;transform:translateX(12px) scale(1.06);transform-origin:left center;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent 95%);mask-image:linear-gradient(90deg,#000 60%,transparent 95%)}.intro-notification{grid-column:3;grid-row:3}.intro-notification button{padding:0 12px;cursor:pointer}@container intro-content (max-width: 900px){.track-ds-introduction{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(240px,auto)}.track-ds-introduction>.track-ds-intro-panel{grid-column:auto;grid-row:auto}}@container intro-content (max-width: 520px){.track-ds-introduction{grid-template-columns:minmax(0,1fr)}}.intro-agent-fragment .tap-box{min-height:300px}.intro-agent-fragment .tap-segment[data-state=current] .tap-segment-fill{animation:intro-agent-progress 18s cubic-bezier(.2,.65,.35,1) infinite}@keyframes intro-agent-progress{0%{transform:scaleX(.12)}to{transform:scaleX(.94)}}@media (prefers-reduced-motion:reduce){.intro-agent-fragment .tap-segment[data-state=current] .tap-segment-fill{animation:none;transform:scaleX(.6)!important}}