.design-preview{background:var(--color-canvas)}.ds-header nav{gap:var(--space-24);font-size:var(--text-1);font-weight:var(--weight-700);flex-wrap:wrap;display:flex}.ds-header nav a{padding-block:var(--space-12)}.ds-header nav a:hover{color:var(--color-accent)}.ds-main{padding-top:var(--space-48)}.ds-intro{gap:var(--space-80);padding-bottom:var(--space-64);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.ds-intro-copy{min-width:0}#ds-title{font-size:clamp(var(--text-2_25),4.5vw,var(--text-3_75));font-weight:var(--weight-800);line-height:var(--leading-1_11)}#ds-title>span{color:var(--color-heading-accent)}#ds-title>.ds-title-brand{font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;display:inline}.ds-lead{max-width:var(--measure-48);font-size:var(--text-1_25);margin-top:var(--space-24)}.ds-caption{color:var(--color-text-secondary);font-size:var(--text-0_875);line-height:var(--leading-1_6)}.ds-intro-copy>.ds-caption{margin-top:var(--space-16);max-width:var(--measure-48)}.ds-brand-strip{gap:var(--space-32);margin-top:var(--space-32);display:flex}.ds-brand-strip>div{gap:var(--space-4);font-size:var(--text-0_875);display:grid}.ds-brand-strip>div>span{width:var(--size-48);height:var(--size-8);background:var(--swatch-color);border-radius:var(--radius-4);margin-bottom:var(--space-8);display:block}.ds-brand-strip small{color:var(--color-text-secondary)}.ds-settings{padding:var(--space-24);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.ds-settings fieldset{border:0;min-width:0;margin:0;padding:0}.ds-settings legend{font-weight:var(--weight-800);font-size:var(--text-1);margin-bottom:var(--space-12);padding:0}.ds-segmented{padding:var(--space-4);gap:var(--space-4);background:var(--color-surface-soft);border-radius:var(--radius-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-settings input[type=radio]{opacity:0;width:var(--stroke-1);height:var(--stroke-1);position:absolute}.ds-segmented label{cursor:pointer;min-width:0;position:relative}.ds-segmented label>span{min-height:var(--control-height);padding:var(--space-8);border-radius:var(--radius-8);font-size:var(--text-0_875);font-weight:var(--weight-700);text-align:center;place-items:center;display:grid}.ds-segmented input:checked+span{background:var(--color-action-bg);color:var(--color-action-ink)}.ds-settings label:has(input:focus-visible){outline:var(--stroke-3) solid var(--color-focus);outline-offset:var(--space-4);border-radius:var(--radius-control)}.ds-palettes{margin-top:var(--space-24)!important}.ds-palette-options{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-palette-options label{cursor:pointer;align-items:center;gap:var(--space-8);padding:var(--space-8);min-height:var(--control-height);border:var(--stroke-1) solid transparent;border-radius:var(--radius-control);font-size:var(--text-0_875);font-weight:var(--weight-700);display:flex;position:relative}.ds-palette-options label:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.ds-palette-options label:hover{background:var(--color-surface-soft)}.ds-palette-swatch{flex:0 0 var(--size-24);width:var(--size-24);height:var(--size-24);border-radius:var(--radius-round);background:var(--swatch-color);display:block}.ds-settings>.ds-caption{margin-top:var(--space-16)}.ds-settings>.text-link{font-size:var(--text-0_875);margin-top:var(--space-8);text-align:start;background:0 0;border:0}.ds-section{padding-block:var(--space-64);border-top:var(--stroke-1) solid var(--color-border)}.ds-section h2{font-size:clamp(var(--text-2),3vw,var(--text-2_5));font-weight:var(--weight-800);max-width:var(--measure-28)}.ds-section h3{font-size:var(--text-1_25);font-weight:var(--weight-800)}.ds-section-heading{justify-content:space-between;align-items:center;gap:var(--space-24);margin-bottom:var(--space-32);display:flex}.ds-section-heading p,.ds-section-note{color:var(--color-text-secondary);margin-top:var(--space-12);max-width:var(--measure-58)}.ds-tag{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);background:var(--color-surface-soft);color:var(--color-text-secondary);font-size:var(--text-0_875);font-weight:var(--weight-700);white-space:nowrap;display:inline-flex}.ds-tag-success{background:var(--color-success-soft);color:var(--color-success)}.ds-tag-warning{background:var(--color-gold-soft);color:var(--color-warning)}.ds-tag i{width:var(--size-16);height:var(--size-16);flex-basis:var(--size-16)}.ds-component-layout{gap:var(--space-64);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.ds-component-layout>div{min-width:0}.ds-action-demo{margin-top:var(--space-32)}.ds-button-row,.ds-status-row{gap:var(--space-12);margin-top:var(--space-16);flex-wrap:wrap;display:flex}.ds-button-row .button{min-height:var(--control-height);padding:var(--space-12) var(--space-16);font-size:var(--text-0_875)}.ds-form{gap:var(--space-12);margin-top:var(--space-48);display:grid}.ds-form label{font-weight:var(--weight-700)}.ds-form input{min-height:var(--control-height);width:100%;min-width:0;padding:var(--space-12) var(--space-16);background:var(--color-surface);color:var(--color-text);border:var(--stroke-1) solid var(--color-control-border);border-radius:var(--radius-control);font:inherit}.ds-form input::placeholder{color:var(--color-text-secondary)}.ds-form input[aria-invalid=true]{border-color:var(--color-danger)}.ds-form button{justify-self:start}.ds-error{color:var(--color-danger);font-size:var(--text-0_875)}.ds-form li{overflow-wrap:anywhere}.ds-form ul{margin:0;padding-inline-start:var(--space-24)}.ds-chat-heading{margin-bottom:var(--space-24)}.ds-foundations{gap:var(--space-64);margin-top:var(--space-32);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.ds-type-sample>.brand-wordmark{margin-top:var(--space-24);font-size:var(--text-2_25);display:block}.ds-type-sample>.ds-caption{margin-top:var(--space-8)}.ds-type-heading{font-weight:var(--weight-800);font-size:var(--text-2);line-height:var(--leading-1_2);margin-block:var(--space-32) var(--space-16)}.ds-type-heading>span{color:var(--color-heading-accent)}.ds-type-sample>p{max-width:var(--measure-48)}.ds-language-sample{gap:var(--space-16);margin-top:var(--space-24);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.ds-token-list{margin-top:var(--space-24)}.ds-token-list>div{grid-template-columns:var(--size-24) minmax(0,1fr);column-gap:var(--space-12);padding-block:var(--space-12);border-bottom:var(--stroke-1) solid var(--color-border);display:grid}.ds-token-dot{width:var(--size-24);height:var(--size-24);border-radius:var(--radius-8);background:var(--swatch-color);border:var(--stroke-1) solid var(--color-border);grid-row:span 2;display:block}.ds-token-list code{font-size:var(--text-0_875);color:var(--color-text-secondary);overflow-wrap:anywhere}.ds-guidelines{margin-top:var(--space-24)}.ds-guidelines summary{min-height:var(--control-height);cursor:pointer;font-weight:var(--weight-700)}.ds-guidelines p{margin-top:var(--space-12);color:var(--color-text-secondary)}.ds-launch{margin:var(--space-32) 0 var(--space-64);padding:var(--space-48)}.ds-launch>.wrap{width:100%}.ds-launch h2{max-width:var(--measure-28);font-size:clamp(var(--text-2),3vw,var(--text-2_5));font-weight:var(--weight-800)}.ds-launch p{max-width:var(--measure-48);margin-top:var(--space-24)}.ds-footer{justify-content:space-between;align-items:center;gap:var(--space-24);padding-bottom:var(--space-32);flex-wrap:wrap;display:flex}.ds-footer>.brand-wordmark{font-size:var(--text-1_5)}.ds-footer p{color:var(--color-text-secondary);font-size:var(--text-0_875)}#design-example p{margin-block:var(--space-24)}@media (width<=1000px){.ds-intro{gap:var(--space-40)}.ds-header nav{order:3;justify-content:center;width:100%}.ds-header>.text-link{margin-inline-start:auto}}@media (width<=750px){.ds-main{padding-top:var(--space-32)}.ds-intro,.ds-component-layout,.ds-foundations{gap:var(--space-40);grid-template-columns:minmax(0,1fr)}.ds-section{padding-block:var(--space-48)}.ds-section-heading{align-items:start}.ds-section-heading>.ds-tag{display:none}.ds-launch{padding:var(--space-24)}.ds-settings{padding:var(--space-16)}.ds-header nav{gap:var(--space-16);font-size:var(--text-0_875)}.ds-header>.text-link{font-size:var(--text-0_875)}}@media (width<=380px){.ds-palette-options{grid-template-columns:minmax(0,1fr)}.ds-brand-strip{gap:var(--space-16)}}@media (width<=950px){.ds-intro,.ds-component-layout,.ds-foundations{grid-template-columns:minmax(0,1fr)}}@media (width<=750px){.ds-header nav,.ds-header>.text-link i{display:none}}