.supporting-color-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--line, #ddd);background:#fff;color:#171717;text-align:left;cursor:pointer}.supporting-color-trigger code{font-size:12px}.supporting-color-swatch{width:22px;height:22px;flex-shrink:0;border:1px solid #ddd;border-radius:4px}.supporting-color-dialog{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:20px;border:1px solid #d8d8df;background:#fff;color:#171717;overflow:auto}.supporting-color-dialog::backdrop{background:#0003}.supporting-color-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.supporting-color-dialog h3{margin:0;font-size:18px}.supporting-color-dialog header button{padding:7px 10px;border:1px solid #d8d8df;background:#fff;color:#171717;font:inherit;font-size:12px;cursor:pointer}.supporting-color-dialog .cp-picker{gap:16px}.supporting-color-dialog .cp-picker .cp-mode{min-height:38px}.customization-color-field{display:grid;gap:8px;font-size:12px}.release-page{max-width:1200px}.release-kit-tabs{display:flex;gap:8px;margin:32px 0 48px}.release-kit-tabs a{padding:10px 16px;border:1px solid var(--line);font-size:13px}.release-kit-tabs a[aria-current=page]{color:var(--accent);border-color:var(--accent)}.release-entry{padding:36px 0 40px;border-top:1px solid var(--line);scroll-margin-top:24px}.release-entry>header{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:28px}.release-entry h2{display:inline;font-size:28px;letter-spacing:-.8px}.release-status{display:inline-block;margin-left:12px;padding:4px 7px;font-size:11px;border:1px solid var(--line);vertical-align:middle}.release-status[data-status=preview]{color:var(--accent);border-color:var(--accent)}.release-entry header p{font-size:12px;color:var(--muted);margin:10px 0 0}.release-entry header>a{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding-top:8px}.release-changes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}.release-changes h3{margin:0 0 12px;font-size:14px;font-weight:600}.release-changes ul{margin:0;padding-left:18px}.release-changes li{font-size:14px;line-height:1.7;margin-bottom:10px;color:#555}@media(max-width:760px){.release-changes{grid-template-columns:1fr;gap:20px}.release-entry>header{flex-direction:column;gap:12px}}.screen-picker{display:grid;gap:16px;max-width:360px}.screen-picker label{display:grid;gap:8px}.screen-picker p{margin:0;font-size:13px;line-height:1.6}.screen-picker input{width:100%;box-sizing:border-box;accent-color:#e4002b}.screen-picker input:not([type=range]){padding:10px 12px;border:1px solid #d8d8df;border-radius:4px}.screen-picker button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #d8d8df;background:#fff;color:#171717;font:inherit;cursor:pointer}.screen-picker button:disabled{opacity:.45;cursor:default}.screen-picker .pixel-button{border-color:#e4002b;background:#e4002b;color:#fff;border-radius:24px}.screen-picker [role=alert]:empty{display:none}.screen-picker .sampling-help{margin:0;font-size:12px;line-height:1.6;color:#666}:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;color:#171717;background:#fff;--ink: #171717;--muted: #626262;--line: #dedee1;--surface: #f7f7f8;--accent: #e4002b;font-weight:400;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,input:not([type=range]),select{border:1px solid var(--line);background:transparent;border-radius:0}button{padding:9px 13px}button:hover{border-color:currentColor}button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}a:hover{text-decoration:underline;text-underline-offset:5px}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}p{color:var(--muted);margin:0 0 20px;line-height:1.65}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 20px}h1{font-size:clamp(52px,7vw,96px)}h2{font-size:clamp(32px,4vw,48px)}h3{font-size:22px;letter-spacing:-.025em}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}main{max-width:1400px;margin:0 auto;padding:0 48px}.site-nav{padding:23px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:700;letter-spacing:-1.7px;white-space:nowrap;display:inline-flex;align-items:baseline}.brand span:first-child{color:var(--accent);padding:0 2px}.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:6px}.brand:hover{text-decoration:none}.site-nav nav{display:flex;gap:28px;align-items:center;font-size:13px}.site-nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--accent)}.skip-link{position:absolute;left:20px;top:-70px;background:var(--ink);color:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}.product-label{color:var(--ink);font-size:13px;margin-bottom:26px}.lead{font-size:18px;max-width:520px}.button{display:inline-flex;align-items:center;border:1px solid var(--ink);padding:12px 17px;font-size:13px;justify-content:center;gap:8px}.button:hover{background:var(--surface);text-decoration:none}.button.solid{background:var(--ink);color:#fff}.button.solid:hover{background:var(--accent);border-color:var(--accent)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.landing-hero{display:grid;grid-template-columns:1.05fr .8fr;gap:100px;align-items:center;padding:75px 0 72px}.hero-copy h1{font-size:clamp(72px,8.8vw,122px);letter-spacing:-.07em;line-height:.94;margin-bottom:32px}.hero-component{border:1px solid var(--line);padding:24px;background:var(--surface);max-width:460px;width:100%;justify-self:end}.preview-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink);gap:12px;margin-bottom:24px}.preview-label span{font-size:11px;color:var(--muted)}.hero-component .cp-area{min-height:225px!important}.hero-color-result{display:flex;gap:15px;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.hero-color-result>span{width:40px;height:40px}.hero-color-result strong,.hero-color-result code{display:block}.hero-color-result code{margin-top:3px;color:var(--muted)}.framework-strip{display:flex;gap:26px;justify-content:space-between;flex-wrap:wrap;border-block:1px solid var(--line);padding:22px 0;font-size:13px}.framework-strip>span:first-child{color:var(--muted)}.product-section{display:grid;grid-template-columns:130px 1.15fr 1fr;gap:28px;padding:64px 0;border-bottom:1px solid var(--line)}.section-number{font-size:86px;line-height:1;font-weight:500;letter-spacing:-6px;color:var(--accent)}.product-section h2{font-size:48px}.product-section p{max-width:430px}.format-index,.role-index{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;border-left:1px solid var(--line);padding-left:35px;gap:20px;font-size:18px}.role-index{grid-template-columns:1fr;font-size:26px;letter-spacing:-.03em}.landing-examples{padding-top:70px}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.section-heading h2{flex:1;margin-bottom:0}.section-heading p{max-width:460px;flex:1;font-size:15px;margin-top:5px}.feature-grid,.reference-band{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:55px 0;margin:55px 0 0;border-top:1px solid var(--line)}.feature-grid article+article,.reference-band article+article{border-left:1px solid var(--line);padding-left:32px}.feature-grid h3,.reference-band h3{font-size:20px}.feature-grid p,.reference-band p{font-size:14px}.catalog-page .page-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:62px 0 56px;border-bottom:1px solid var(--line);margin-bottom:52px}.page-heading h1{font-size:clamp(55px,7.2vw,100px);letter-spacing:-.065em;margin:0}.page-heading h1 span{color:var(--accent)}.page-heading .product-label{margin-bottom:16px}.page-intro{max-width:490px;margin-bottom:6px}.page-intro p{font-size:16px}.examples-section{margin-bottom:65px}.example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.example-select{display:flex;align-items:center;gap:14px;min-width:0;font-size:12px;color:var(--muted)}.example-select select{min-width:0;width:240px;max-width:100%;padding:10px 34px 10px 12px;border:1px solid var(--line);border-radius:0;background-color:#fff;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.example-select select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.example-toolbar .view-tabs{margin:0}.example-toolbar .view-tabs button{padding:10px 14px;font-size:12px}.example-description{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0}.example-description p{font-size:13px;max-width:680px;margin:0}.view-tabs{display:flex;flex-shrink:0}.view-tabs button{font-size:11px;padding:6px 10px;margin-left:-1px}.example-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);border:1px solid var(--line);align-items:stretch}.example-preview{padding:24px;min-width:0}.example-body>.code-panel{border:0;border-left:1px solid var(--line)}.example-body[data-display=preview]{grid-template-columns:1fr}.example-body[data-display=preview]>.code-panel{display:none}.example-body[data-display=preview]>.example-preview{max-width:900px;width:100%;margin:auto}.example-body[data-display=code]{grid-template-columns:1fr}.example-body[data-display=code]>.example-preview{display:none}.example-body[data-display=code]>.code-panel{border-left:0}.code-panel{min-width:0;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);gap:12px;font-size:12px}.code-toolbar label{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.code-toolbar select{padding:6px 8px;background:#fff;font-size:12px;max-width:130px}.copy-button{font-size:11px;padding:7px 10px;background:#fff;white-space:nowrap}.code-panel pre{padding:20px;margin:0;overflow:auto;line-height:1.8;max-height:690px;-moz-tab-size:2;tab-size:2;white-space:pre;flex:1}.copy-status{font-size:11px;margin:0;padding:0 16px;min-height:0}.copy-status:not(:empty){padding:10px 16px;border-top:1px solid var(--line)}.color-demo{max-width:360px;margin:auto}.picker-parts{display:grid;gap:var(--cp-gap, 16px)}.cp-area{--cp-area-height: 195px;border-radius:0}.cp-wheel{max-width:260px}.cp-slider{font-size:12px;gap:8px}.cp-slider input{accent-color:var(--cp-controls-color, var(--accent));padding:0}.cp-format{font-size:12px;gap:12px}.cp-format select{border:1px solid var(--line);border-radius:0;padding:7px 10px;font-size:12px;background:transparent}.cp-channels{gap:9px}.cp-channel{font-size:11px;gap:8px}.cp-channel-field{border-color:var(--line);border-radius:0;padding-inline:8px}.cp-channel-field input{border:0;border-radius:0;outline:0;font-family:inherit;font-size:13px;padding:10px 0}.cp-input input{border:1px solid var(--line);border-radius:0;padding:10px;font-size:13px;font-family:inherit}.cp-channel>input{padding:8px 10px;width:100%}.picker-parts cp-mode button{font-size:12px;justify-self:start}.color-result{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding:24px 0 5px;margin-top:22px}.color-result h3{font-size:20px;margin-bottom:5px}.color-result p{font-size:11px;margin:0 0 5px}.color-result code{color:var(--muted);font-size:12px}.swatch-checker{background:repeating-conic-gradient(#dedee1,#dedee1 25%,#fff 0%,#fff 50%) 0/14px 14px;width:62px;height:62px;flex-shrink:0}.swatch-checker>div{height:100%;width:100%}.color-values,.configuration{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;font-size:12px}summary{cursor:pointer;font-size:12px}.color-values dl{margin:18px 0 0}.color-values dl>div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.color-values dt{font-size:11px;font-weight:500}.color-values dd{margin:0;font-family:monospace;font-size:11px;overflow-wrap:anywhere}.theme-demo{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}.theme-controls{max-width:390px;width:100%;margin:auto}.theme-controls tk-provider{background:transparent;color:var(--ink);display:block}.tk-generator{gap:15px}.tk-generator .tk-generator{gap:12px}.tk-name{font-size:12px;gap:7px;margin:0}.tk-name input{border-color:var(--line);border-radius:0;padding:10px}.tk-name small{font-size:10px}.tk-role-tabs{gap:5px}.tk-role-tabs button{border:1px solid var(--line);border-radius:0;padding:7px 9px;font-size:11px;color:inherit;background:transparent}.tk-role-tabs button[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.tk-role-options{font-size:11px;gap:12px}.tk-role-options legend{font-size:11px}.tk-harmony label,.tk-border,.tk-background{font-size:12px}.tk-harmony select,.tk-border-field{border-color:var(--line);border-radius:0;padding:8px}.tk-border-field{padding:0 8px}.tk-border-field input{border:0;padding:8px 0}.tk-harmony button,.theme-controls cp-mode button{font-size:11px}.tk-generator .tk-export{font-size:10px;border-radius:0;max-height:180px}.tk-editing{font-size:11px}.theme-sample{background:hsl(var(--background));color:hsl(var(--foreground));padding:20px;border:1px solid hsl(var(--foreground) / .15);font-size:13px}.sample-header{display:flex;justify-content:space-between;font-size:10px;gap:15px;margin-bottom:22px;color:hsl(var(--foreground) / .7)}.sample-card{border:var(--border-width-card, 1px) solid hsl(var(--foreground) / .16);border-radius:var(--border-radius-card, .5rem);padding:20px}.sample-name{color:hsl(var(--primary));font-size:11px;display:block;margin-bottom:9px}.sample-card h3{font-size:25px;margin-bottom:10px}.sample-card p{font-size:12px;color:hsl(var(--foreground) / .65);margin-bottom:18px}.sample-card label{display:grid;gap:7px;font-size:11px}.sample-card input{padding:10px;background:transparent;color:inherit;border:var(--border-width-input, 1px) solid hsl(var(--foreground) / .25);border-radius:var(--border-radius-input, .5rem);width:100%;font-size:12px}.sample-actions{display:flex;gap:8px;margin:15px 0}.sample-actions button{padding:10px 13px;font-size:11px;border-radius:var(--border-radius-button, .5rem);border:var(--border-width-button, 1px) solid transparent}.sample-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.sample-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.sample-note{padding:11px;background:hsl(var(--accent) / .12);border-left:2px solid hsl(var(--accent));color:hsl(var(--foreground));font-size:11px}.sample-colors{display:flex;gap:20px;margin-top:18px;font-size:10px;flex-wrap:wrap}.sample-colors span{display:flex;align-items:center;gap:6px}.sample-colors i{width:10px;height:10px;background:hsl(var(--role))}.configuration pre{max-height:240px;overflow:auto;background:var(--surface);padding:15px;font-size:10px;line-height:1.7}.output-actions{display:flex;gap:8px;margin-top:15px}.output-actions button,.configuration p{font-size:11px}.mode-buttons{display:flex;gap:8px;margin-top:16px}.mode-buttons button{font-size:12px}.lab-controls{display:flex;flex-wrap:wrap;gap:8px}.lab-controls button{font-size:12px}.lab-description{padding:18px 0}.lab-description p{font-size:13px;margin:0 0 5px}.lab-description .muted{font-size:11px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);gap:0}.lab-grid>.code-panel{border:0;border-left:1px solid var(--line)}.lab-preview{padding:24px}.request-status{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding-bottom:18px}.request-status [data-status]{font-weight:600}.loading-example{background:var(--surface);padding:32px 24px;min-height:365px}.loading-example h3{font-size:22px}.loading-example p{font-size:12px}.loading-bar{height:3px;width:80px;background:var(--accent);margin:10px 0 30px;animation:loading 1s ease-in-out infinite alternate}@keyframes loading{to{width:180px;opacity:.3}}.error-example{padding:18px 0;border-bottom:1px solid var(--line)}.error-example p{font-size:12px;color:var(--accent);margin-bottom:12px}.error-example button{font-size:12px}.lab-replay{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}.lab-replay button{font-size:11px}.install-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:55px 0;margin-top:55px}.install-section h2{font-size:36px}.install-section p{font-size:14px}.release-note{font-size:12px!important;border-left:2px solid var(--accent);padding:10px 15px;background:var(--surface);color:var(--muted)}footer{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:30px 48px;border-top:1px solid var(--line);margin-top:35px}footer>span{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:24px;font-size:12px}.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1500px;margin:auto;padding:0 48px}.docs-sidebar{border-right:1px solid var(--line);padding:36px 24px 0 0;position:sticky;top:0;align-self:start;min-height:90vh}.docs-kit-tabs{display:grid;gap:5px;margin-bottom:28px}.docs-kit-tabs a{padding:9px 12px;font-size:13px;border:1px solid var(--line)}.docs-kit-tabs [aria-current=page]{color:var(--accent);border-color:var(--accent)}.docs-sidebar nav{display:grid;gap:15px;padding-left:12px}.docs-sidebar nav a{font-size:12px;color:var(--muted)}.docs-content{max-width:none;width:100%;padding:45px 0 0 45px;min-width:0}.docs-content section{border-bottom:1px solid var(--line);padding:0 0 40px;margin-bottom:40px;scroll-margin-top:25px}.docs-content h1{font-size:62px;letter-spacing:-3px}.docs-content h2{font-size:31px;letter-spacing:-1px}.docs-content h3{font-size:21px;margin-top:32px}.docs-content p{font-size:14px;max-width:880px}.docs-content .lead{font-size:17px}.docs-content .product-label{font-size:12px}.docs-callout{padding:17px 20px;border-left:2px solid var(--accent);background:var(--surface);font-size:13px}.docs-content .code-panel{margin-top:20px}.asset-downloads{margin:18px 0;overflow-x:auto}.asset-downloads table{min-width:470px}.asset-downloads tbody th{font-size:13px;font-weight:500;background:transparent}.asset-downloads a{display:inline-block;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.asset-downloads a:hover{color:var(--accent)}.docs-diagram{border:1px solid var(--line);padding:20px;margin:22px 0;font-size:13px}.docs-diagram strong{font-weight:500}.docs-diagram>div{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;border-left:2px solid var(--accent);padding-left:16px}.docs-diagram span{border:1px solid var(--line);padding:8px;font-size:11px}.docs-content .example-body{grid-template-columns:1fr}.docs-content .example-body>.code-panel{border-left:0;border-top:1px solid var(--line);margin:0}.docs-content .code-panel pre{max-height:460px}.docs-content .theme-demo{grid-template-columns:1fr 1fr}.docs-content .color-demo{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:none;align-items:center}.docs-content .color-result{border:0;margin:50px 0 0;padding:0;align-self:start}.docs-content .color-values{max-width:100%}.docs-content .lab-grid{grid-template-columns:1fr}.docs-content .lab-grid>.code-panel{border-left:0;border-top:1px solid var(--line);margin:0}.docs-content .lab-preview [data-lab-content]{max-width:480px;margin:auto}table{border-collapse:collapse;width:100%;font-size:12px;margin:24px 0}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 12px;line-height:1.6}th{font-weight:500;background:var(--surface)}td:first-child{width:40%}td code{font-size:11px}.muted{color:var(--muted)}.custom-picker{--cp-thumb-size: 22px;--cp-thumb-radius: 0;--cp-track-height: 12px;--cp-track-radius: 0;--cp-controls-color: #e4002b}.custom-picker [data-cp-part=thumb-text]{font-size:10px;color:#fff}.custom-picker cp-mode button{border-color:var(--cp-controls-color);color:var(--cp-controls-color)}.customization-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:var(--surface);margin-bottom:22px;font-size:11px}.customization-form label{display:grid;gap:6px}.customization-form input{width:100%;padding:7px;min-width:0}.customization-form input[type=color]{height:35px;padding:3px}.customization-form .customization-title{grid-column:1/-1;font-weight:500;margin:0}.custom-theme{--cp-thumb-size: 26px;--cp-thumb-radius: 0;--cp-track-height: 12px;--cp-track-radius: 0}.custom-theme .generator-title{font-size:14px;margin:0 0 16px;color:var(--ink)}.custom-theme [data-cp-part=thumb-text]{font-size:10px;color:#fff}.custom-theme .custom-mode-bar{display:flex;gap:8px;margin:20px 0}.custom-theme .custom-mode-bar button{border-color:var(--cp-controls-color, var(--accent));font-size:11px}.custom-theme .custom-mode-bar button[aria-pressed=true]{background:var(--cp-controls-color, var(--accent));color:#fff}.custom-theme cp-mode button{color:var(--cp-controls-color, var(--accent));border-color:var(--cp-controls-color, var(--accent))}@media(min-width:1550px){.example-body{grid-template-columns:1fr 1fr}.theme-demo{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}@media(max-width:1100px){main{padding-inline:30px}.site-nav{padding-inline:30px}.landing-hero{gap:50px}.example-body{grid-template-columns:1fr}.example-body>.code-panel{border-left:0;border-top:1px solid var(--line)}.example-body .code-panel pre{max-height:390px}.theme-demo{grid-template-columns:1fr 1fr}.theme-controls{max-width:none}.docs-layout{padding-inline:30px;grid-template-columns:185px minmax(0,1fr)}.docs-content{padding-left:30px}.docs-content .theme-demo,.docs-content .color-demo{grid-template-columns:1fr}.docs-content .color-demo{max-width:350px}.docs-content .color-result{margin-top:0;border-top:1px solid var(--line);padding-top:18px}.lab-grid{grid-template-columns:1fr}.lab-grid>.code-panel{border-left:0;border-top:1px solid var(--line)}.lab-preview [data-lab-content]{max-width:500px;margin:auto}.catalog-page .page-heading{gap:30px}.install-section{gap:35px}.product-section{grid-template-columns:100px 1fr 1fr}.section-number{font-size:70px}.format-index{gap:10px;font-size:16px}}@media(max-width:760px){main{padding-inline:20px}.site-nav{padding:20px;align-items:flex-start;flex-wrap:wrap}.site-nav nav{gap:18px;font-size:11px;flex-wrap:wrap}.brand{font-size:25px}.landing-hero{grid-template-columns:1fr;gap:35px;padding:45px 0}.hero-copy h1{font-size:clamp(52px,14vw,74px)}.hero-component{justify-self:start;max-width:none}.lead{font-size:16px}.framework-strip{gap:15px;padding:20px 0;font-size:12px;justify-content:flex-start}.product-section{grid-template-columns:58px 1fr;gap:15px;padding:40px 0}.section-number{font-size:50px;letter-spacing:-3px}.product-section h2{font-size:35px}.format-index,.role-index{grid-column:2;border:0;padding:0;grid-template-columns:repeat(3,1fr);font-size:14px}.feature-grid,.reference-band{grid-template-columns:1fr;gap:22px;padding:30px 0;margin-top:35px}.feature-grid article+article,.reference-band article+article{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:22px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:32px;margin-bottom:15px}.section-heading p{font-size:13px}.catalog-page .page-heading{grid-template-columns:1fr;padding:38px 0;margin-bottom:32px;gap:25px}.page-heading h1{font-size:65px}.page-heading .product-label{font-size:12px}.page-intro p{font-size:14px}.example-description{display:block;padding:15px 0}.view-tabs{margin-top:14px}.example-preview{padding:18px}.preview-label{font-size:11px;margin-bottom:20px}.theme-demo{grid-template-columns:1fr}.theme-controls{max-width:360px}.sample-card,.theme-sample{padding:16px}.code-toolbar{padding:11px;font-size:11px}.code-toolbar label{gap:8px}.code-panel pre{padding:15px;font-size:11px;max-height:420px}.code-panel code{font-size:11px}.install-section{grid-template-columns:1fr;gap:15px;padding-top:35px}.install-section h2{font-size:30px}.lab-controls{gap:5px}.lab-controls button{padding:8px;font-size:11px}.lab-preview{padding:18px}.request-status{font-size:10px}.lab-description p{font-size:12px}.docs-layout{display:block;padding:0 20px}.docs-sidebar{min-height:0;position:static;border:0;padding:22px 0;border-bottom:1px solid var(--line)}.docs-kit-tabs{display:flex;margin-bottom:16px}.docs-kit-tabs a{flex:1}.docs-sidebar nav{display:flex;gap:14px;overflow:auto;padding:0 0 8px;white-space:nowrap}.docs-sidebar nav a{font-size:11px}.docs-content{padding:30px 0 0}.docs-content h1{font-size:48px}.docs-content h2{font-size:28px}.docs-content .theme-demo{grid-template-columns:1fr}.docs-content p{font-size:13px}.docs-content .color-demo{display:block}.docs-content .color-result{margin-top:22px}.example-body[data-display=code]>.code-panel{border-top:0}footer{padding:25px 20px;align-items:flex-start;flex-wrap:wrap;gap:18px}footer>span{display:none}footer>div{flex-direction:column;gap:8px;font-size:11px;margin-left:auto}td,th{padding:10px 7px;font-size:11px}td code{font-size:10px}.docs-content .example-description p{font-size:12px}.docs-content section{scroll-margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading-bar{animation:none}}.code-toolbar{flex-wrap:wrap}.source-file-label{font-size:11px}.source-file-label select{max-width:190px}.custom-theme>label{display:grid;font-size:12px;gap:7px;margin-bottom:18px}.custom-theme>label input{padding:10px}.custom-theme .brand-thumb{border-radius:0}.output-actions{flex-wrap:wrap;align-items:center}.output-actions label{display:flex;align-items:center;gap:7px;font-size:11px}.output-actions select{padding:7px;font-size:11px}.code-toolbar{padding:0;align-items:stretch;flex-wrap:nowrap;gap:0}.framework-tabs{display:flex;align-items:stretch;min-width:0;overflow-x:auto;flex:1}.framework-tabs button,.source-file-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}.framework-tabs button{padding:15px 12px;border-bottom:2px solid transparent}.framework-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink);background:#fff}.code-toolbar .copy-button{margin:9px;align-self:center}.source-file-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:#fff;overflow:auto}.source-file-tabs button{padding:10px 16px;border-right:1px solid var(--line)}.source-file-tabs button[aria-selected=true]{color:var(--ink);background:var(--surface)}.fixed-source-file{padding:16px}.code-panel [hidden]{display:none}.docs-content h3{margin-top:28px}.adapter-notes{padding:18px 20px;border-left:2px solid var(--accent);margin:24px 0;background:var(--surface)}.adapter-notes p:last-child{margin-bottom:0}@media(max-width:600px){.framework-tabs button{padding:14px 10px;font-size:11px}.code-toolbar .copy-button{margin:8px 6px;padding:7px 8px;font-size:10px}}.geometry-config{padding:20px 0;display:grid;gap:18px;border-bottom:1px solid #dcdce1;margin-bottom:24px}.geometry-config fieldset{border:0;padding:0;min-width:0;margin:0}.geometry-config legend{font-weight:600;font-size:13px;margin-bottom:12px}.geometry-config table{width:100%;border-collapse:collapse;font-size:12px}.geometry-config th,.geometry-config td{border-bottom:1px solid #e8e8ec;padding:9px 6px;text-align:left}.geometry-config th small{display:block;font-weight:400;color:#6b6b73}.geometry-config input[type=checkbox]{width:15px;height:15px;padding:0;accent-color:#E4002B}.geometry-modes label{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px}.tk-picker [hidden],.tk-generator [hidden]{display:none!important}.generated-palettes{padding-top:24px;display:grid;gap:10px}.generated-palettes h3{font-size:14px;margin:0}.generated-palettes h4{font-size:12px;font-weight:500;margin:12px 0 0}.example-body[data-display=preview]>.example-preview{width:100%;max-width:none}.example-body[data-display=preview] .theme-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:760px){.example-body[data-display=preview] .theme-demo{grid-template-columns:minmax(0,1fr)}}.swatch-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:32px}.swatch-settings label{display:grid;gap:8px;font-size:12px}.palette-example{padding:24px 0}@media(max-width:480px){.swatch-settings{grid-template-columns:minmax(0,1fr)}}.lab-view-tabs{justify-content:flex-end;margin-bottom:16px}.lab-grid[data-lab-display=preview],.lab-grid[data-lab-display=code]{grid-template-columns:minmax(0,1fr)}.lab-grid[data-lab-display=preview]>.code-panel{display:none}.lab-grid[data-lab-display=code]>.lab-preview{display:none}.api-reference-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:28px;align-items:start;margin:20px 0}.api-reference-intro>p{margin:0}.api-search{display:grid;gap:8px;font-size:12px}.api-search input{min-width:0;width:100%;padding:11px 12px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;color:var(--ink);border-radius:0}.api-search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.docs-content .api-conventions{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 24px}.api-entry{margin-bottom:48px;scroll-margin-top:28px}.api-entry-heading{display:flex;justify-content:space-between;gap:16px;border-top:2px solid var(--ink);padding-top:16px}.docs-content .api-entry-heading h3{margin:4px 0 12px;font-size:24px;line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere}.docs-content .api-kind{margin:0;font-size:11px;color:var(--muted)}.api-entry-heading>a{color:var(--muted);font-size:18px}.api-entry-heading>a:hover{color:var(--accent)}.docs-content .api-purpose{margin:0 0 12px;line-height:1.65}.docs-content .api-note{margin:12px 0 20px;color:var(--muted);font-size:12px;line-height:1.65}.api-properties{width:100%;table-layout:fixed;border-collapse:collapse;margin:20px 0 0}.api-properties caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.api-properties thead th{font-size:11px;font-weight:500;text-align:left;background:var(--surface);padding:12px;border-top:1px solid var(--line)}.api-properties thead th:nth-child(1){width:19%}.api-properties thead th:nth-child(2){width:23%}.api-properties thead th:nth-child(3){width:17%}.api-properties thead th:nth-child(4){width:41%}.api-properties tbody th,.api-properties tbody td{vertical-align:top;text-align:left;padding:16px 12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:400;overflow-wrap:anywhere}.api-properties code{font-size:11px;line-height:1.7;white-space:normal}.api-properties tbody th{background:#fff}.api-properties tbody th>code{color:var(--ink);font-weight:600}.api-requirement{display:block;color:var(--muted);font-size:10px;margin-top:5px}.docs-content .api-properties p{margin:0 0 10px;font-size:12px;line-height:1.65}.api-inline-example{display:block;background:var(--surface);padding:7px 9px;border-left:2px solid var(--line)}.api-usage{border-bottom:1px solid var(--line)}.api-usage>summary{padding:14px 12px;font-size:12px;cursor:pointer}.api-usage>summary span{color:var(--muted);margin-left:12px;font-size:11px}.api-usage[open]>summary{color:var(--accent)}.docs-content .api-usage .code-panel{margin:0 0 16px}.api-search-status{color:var(--muted);font-size:12px}.api-reference [hidden]{display:none!important}@media(max-width:1000px){.api-reference-intro{grid-template-columns:minmax(0,1fr);gap:16px}.api-properties{display:block}.api-properties thead{display:none}.api-properties tbody{display:block}.api-properties tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line);padding:14px 0}.api-properties tbody th,.api-properties tbody td{display:block;padding:7px 12px;border:0}.api-properties tbody th{grid-column:1 / -1}.api-properties td:last-child{grid-column:1 / -1}.api-properties td:before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.api-requirement{display:inline;margin-left:12px}}.api-type a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.example-toolbar{flex-wrap:wrap;gap:12px}.example-select{flex:1 1 100%;justify-content:space-between}.example-select select{flex:1;width:auto;max-width:280px}.example-toolbar .view-tabs{margin-left:auto}}.editing-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.editing-lab h3{margin:0 0 20px}.lab-applied{position:sticky;top:24px;align-self:start;border-left:1px solid var(--line, #ddd);padding-left:32px}.recipe-preview{background:hsl(var(--background));color:hsl(var(--foreground));padding:24px;border-radius:var(--border-radius-card);border:var(--border-width-card) solid currentColor}.recipe-preview h4{margin-top:0;font-size:24px}.recipe-preview button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:10px 16px;border:0}.recipe-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.recipe-actions button,.download-button{border:1px solid var(--line, #ddd);padding:9px 13px;background:#fff;color:#171717;cursor:pointer;font:inherit}.recipe-actions button:disabled{opacity:.45;cursor:default}.recipe-actions [data-apply]{background:#171717;color:#fff}.lab-options{display:grid;gap:12px;margin:20px 0}.lab-options label{display:flex;align-items:center;gap:8px}.recipe-output{max-height:300px;overflow:auto;white-space:pre-wrap;display:block}.color-form-lab{display:grid;gap:20px}.color-form-lab p{margin:0}@media(max-width:800px){.editing-lab{grid-template-columns:minmax(0,1fr)}.lab-applied{position:sticky;top:24px;align-self:start;border-left:0;border-top:1px solid #ddd;padding:24px 0 0}}.lab-options label:has(select){display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,220px)}.lab-options select{min-width:0;width:100%;height:38px;border:1px solid var(--line);border-radius:0;background:#fff;color:#171717;padding:6px 12px;font:inherit}@media(max-width:800px){.lab-applied{position:static}}.code-actions{display:flex;align-items:center;gap:6px;padding:8px;margin-left:auto;flex-shrink:0}.code-toolbar .code-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;margin:0;padding:0 10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:11px;line-height:1;white-space:nowrap}.code-toolbar .code-actions button:hover{border-color:var(--ink)}.code-toolbar .code-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.code-toolbar .fixed-source-file{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.code-toolbar{flex-wrap:wrap}.code-toolbar .framework-tabs{flex-basis:100%;border-bottom:1px solid var(--line)}.code-actions{padding:8px}}.workflow-gallery{border:1px solid var(--line)}.workflow-selector{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;border-bottom:1px solid var(--line)}.workflow-selector>label{display:flex;align-items:center;gap:16px;font-size:12px}.workflow-selector select{padding:10px 12px;background:#fff;max-width:100%}.workflow-summary{padding:24px}.workflow-summary h3{margin:0 0 10px;font-size:23px;letter-spacing:-.04em}.workflow-summary p{margin:0 0 12px;max-width:640px;font-size:14px;line-height:1.7}.workflow-summary>span{font-size:11px;color:var(--muted)}.workflow-preview{padding:0 24px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.workflow-preview>[data-picker]{grid-row:span 3;min-width:0}.workflow-preview>[data-controls]{display:grid;gap:16px;min-width:0}.workflow-preview>pre{margin:0;padding:18px;background:var(--surface);border:1px solid var(--line);overflow:auto;max-height:400px;font-size:12px;white-space:pre-wrap;word-break:break-word}.workflow-preview>.recipe-actions,.workflow-preview>.workflow-field{grid-column:1 / -1}.workflow-preview .workflow-field{display:grid;gap:8px;font-size:12px}.workflow-preview input[type=color]{width:48px;height:36px;padding:3px}.workflow-preview select{padding:8px 10px;background:#fff;max-width:100%}.workflow-preview [data-controls]>label{display:flex;gap:12px;align-items:center;font-size:12px}.workflow-preview [data-text-sample]{padding:24px;font-size:24px;border:1px solid var(--line)}.workflow-locks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--line);font-size:12px}.workflow-locks legend{padding:0 4px}.workflow-locks label{display:flex;align-items:center;gap:8px}.workflow-pairs{display:grid;gap:8px}.workflow-pairs article{padding:16px;font-size:14px}.workflow-preview textarea{padding:12px;width:100%;font:12px/1.7 monospace}.workflow-gallery [hidden]{display:none}.workflow-preview .recipe-actions{margin:0}@media(max-width:800px){.workflow-preview{grid-template-columns:minmax(0,1fr);padding:0 16px 16px}.workflow-preview>[data-picker]{grid-row:auto}.workflow-summary{padding:20px 16px}.workflow-selector{flex-wrap:wrap;padding:12px 16px}.workflow-selector>label{flex-wrap:wrap;min-width:0}}.workflow-preview .recipe-preview button{border:var(--border-width-button) solid currentColor}