.system-module__ZGvwkG__root{background:var(--ds-canvas);color:var(--ds-ink);font-family:var(--font-inter), Arial, "PingFang SC", "Microsoft YaHei", sans-serif;font-size:var(--ds-type-body);padding:0 var(--ds-page-gutter);min-height:100vh;line-height:1.8}.system-module__ZGvwkG__root *,.system-module__ZGvwkG__root :before,.system-module__ZGvwkG__root :after{box-sizing:border-box}.system-module__ZGvwkG__root h1,.system-module__ZGvwkG__root h2,.system-module__ZGvwkG__root h3,.system-module__ZGvwkG__root p{margin:0}.system-module__ZGvwkG__root p{text-wrap:pretty;max-width:65ch}.system-module__ZGvwkG__root h1,.system-module__ZGvwkG__root h2,.system-module__ZGvwkG__root h3{color:inherit!important;font-weight:600!important}.system-module__ZGvwkG__root h1{letter-spacing:var(--ds-tracking-display)!important}.system-module__ZGvwkG__root h2{font-size:var(--ds-type-h2);line-height:var(--ds-leading-h2);font-weight:var(--ds-weight-h2);text-wrap:balance;letter-spacing:var(--ds-tracking-h2)!important}.system-module__ZGvwkG__root h3{font-size:var(--ds-type-h3);font-weight:600;line-height:1.25;letter-spacing:var(--ds-tracking-h3)!important}.system-module__ZGvwkG__root a{color:inherit;text-decoration:none}.system-module__ZGvwkG__root button,.system-module__ZGvwkG__root input{font-family:inherit}.system-module__ZGvwkG__root button,.system-module__ZGvwkG__root summary{cursor:pointer}.system-module__ZGvwkG__root code,.system-module__ZGvwkG__meta,.system-module__ZGvwkG__measure{font-family:var(--font-jetbrains-mono), monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.75rem}.system-module__ZGvwkG__root :focus-visible{outline:3px solid var(--ds-focus);outline-offset:4px}.system-module__ZGvwkG__root svg{stroke-width:1.5px;flex-shrink:0}.system-module__ZGvwkG__root small{color:var(--ds-muted);font-size:.75rem;line-height:1.6}.system-module__ZGvwkG__header,.system-module__ZGvwkG__hero,.system-module__ZGvwkG__directions,.system-module__ZGvwkG__workspace,.system-module__ZGvwkG__footer{max-width:var(--ds-content-max);margin-inline:auto}.system-module__ZGvwkG__header{justify-content:space-between;gap:var(--ds-space-6);padding-block:var(--ds-space-6);align-items:center;display:flex}.system-module__ZGvwkG__wordmark{letter-spacing:-.04em;gap:var(--ds-space-2);flex-direction:column;font-size:1.25rem;font-weight:600;line-height:1.1;display:flex}.system-module__ZGvwkG__wordmark span{letter-spacing:0;color:var(--ds-muted);font-size:.75rem;font-weight:400}.system-module__ZGvwkG__headerLink{align-items:center;gap:var(--ds-space-2);min-height:44px;font-size:.875rem;display:inline-flex}.system-module__ZGvwkG__hero{padding-block:clamp(64px, 8vw, 120px) var(--ds-space-8)}.system-module__ZGvwkG__hero h1{font-size:var(--ds-type-display);line-height:var(--ds-leading-display);letter-spacing:var(--ds-tracking-display);max-width:13ch;font-weight:600}.system-module__ZGvwkG__hero h1 span{display:block}.system-module__ZGvwkG__heroBottom{justify-content:space-between;align-items:flex-end;gap:var(--ds-space-8);margin-block:var(--ds-space-12) var(--ds-space-16);display:flex}.system-module__ZGvwkG__heroBottom p{max-width:42ch;font-size:1.125rem}.system-module__ZGvwkG__heroStrip{justify-content:space-between;gap:var(--ds-space-4);padding-block:var(--ds-space-4);border-block:1px solid var(--ds-line);color:var(--ds-muted);flex-wrap:wrap;font-size:.75rem;display:flex}.system-module__ZGvwkG__directions{gap:var(--ds-space-2);padding-block:var(--ds-space-4);flex-wrap:wrap;display:flex}.system-module__ZGvwkG__directions a{padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-pill);align-items:center;min-height:44px;font-size:.875rem;display:flex}.system-module__ZGvwkG__directions a[aria-current]{background:var(--ds-ink);color:var(--ds-inverse)}.system-module__ZGvwkG__workspace{gap:var(--ds-space-16);padding-top:var(--ds-space-12);grid-template-columns:180px minmax(0,1fr);display:grid}.system-module__ZGvwkG__index{z-index:20;height:fit-content;max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow:auto}.system-module__ZGvwkG__index nav{flex-direction:column;display:flex}.system-module__ZGvwkG__index a{align-items:center;gap:var(--ds-space-3);min-height:44px;font-size:.875rem;display:flex}.system-module__ZGvwkG__index a span{color:var(--ds-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.system-module__ZGvwkG__index p{color:var(--ds-muted);margin-top:var(--ds-space-6);font-size:.75rem}.system-module__ZGvwkG__content{min-width:0}.system-module__ZGvwkG__section{padding-block:0 var(--ds-section-gap);scroll-margin-top:32px}.system-module__ZGvwkG__section>h2{padding-top:var(--ds-space-6);border-top:1px solid var(--ds-line);margin-bottom:var(--ds-space-8)}.system-module__ZGvwkG__section>p{margin-bottom:var(--ds-space-8);color:var(--ds-muted)}.system-module__ZGvwkG__section .system-module__ZGvwkG__lead{color:var(--ds-ink);font-size:1.125rem}.system-module__ZGvwkG__principles{gap:var(--ds-space-8);display:grid}.system-module__ZGvwkG__principles article{gap:var(--ds-space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.system-module__ZGvwkG__principles p{color:var(--ds-muted)}.system-module__ZGvwkG__palette{gap:var(--ds-space-8) var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.system-module__ZGvwkG__palette article{min-width:0}.system-module__ZGvwkG__swatch{padding:var(--ds-space-4);border:1px solid var(--ds-line);border-radius:var(--ds-radius-control);flex-direction:column;justify-content:space-between;min-height:132px;display:flex}.system-module__ZGvwkG__swatch span{letter-spacing:-.04em;font-size:2.5rem;line-height:1}.system-module__ZGvwkG__palette h3{margin-top:var(--ds-space-3);font-size:1rem}.system-module__ZGvwkG__palette p{margin-block:var(--ds-space-2);font-size:.875rem}.system-module__ZGvwkG__palette small{display:block}.system-module__ZGvwkG__section .system-module__ZGvwkG__note{padding-top:var(--ds-space-6);margin-bottom:0;font-size:.875rem}.system-module__ZGvwkG__typeList{margin-top:var(--ds-space-8)}.system-module__ZGvwkG__typeRow{gap:var(--ds-space-6);padding-block:var(--ds-space-6);border-bottom:1px solid var(--ds-line);grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;display:grid}.system-module__ZGvwkG__typeRow>div{overflow-wrap:anywhere;min-width:0}.system-module__ZGvwkG__typeRow p{color:var(--ds-muted);margin-top:var(--ds-space-2);font-size:.875rem}.system-module__ZGvwkG__rulers{gap:var(--ds-space-3) var(--ds-space-8);margin-bottom:var(--ds-space-8);grid-template-columns:1fr 1fr;display:grid}.system-module__ZGvwkG__rulers>div{align-items:center;gap:var(--ds-space-3);min-height:28px;display:flex}.system-module__ZGvwkG__rulers code{flex-shrink:0;width:64px}.system-module__ZGvwkG__rulers span{background:var(--ds-ink);max-width:40%;height:8px}.system-module__ZGvwkG__rulers b{color:var(--ds-muted);font-size:.75rem;font-weight:400}.system-module__ZGvwkG__rules{margin:0}.system-module__ZGvwkG__rules>div{gap:var(--ds-space-8);padding-block:var(--ds-space-6);border-bottom:1px solid var(--ds-line);grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);display:grid}.system-module__ZGvwkG__rules dt{font-weight:600}.system-module__ZGvwkG__rules dd{color:var(--ds-muted);margin:0}.system-module__ZGvwkG__rules strong{color:var(--ds-ink);font-weight:500}.system-module__ZGvwkG__rules dd p{margin-top:var(--ds-space-2)}.system-module__ZGvwkG__gridDemo{gap:var(--ds-space-2);margin-block:var(--ds-space-8);grid-template-columns:repeat(12,1fr);display:grid}.system-module__ZGvwkG__gridDemo span{padding-block:var(--ds-space-5);background:var(--ds-disabled-bg);text-align:center;font-size:.75rem}.system-module__ZGvwkG__anatomy{gap:var(--ds-space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.system-module__ZGvwkG__anatomy>div{align-items:flex-start;gap:var(--ds-space-4);padding:var(--ds-space-6);border:1px dashed var(--ds-control-line);flex-direction:column;display:flex}.system-module__ZGvwkG__anatomy p{color:var(--ds-muted);font-size:.875rem}.system-module__ZGvwkG__measure{color:var(--ds-muted)}.system-module__ZGvwkG__iconStrip{gap:var(--ds-space-6);padding-block:var(--ds-space-6);flex-wrap:wrap;display:flex}.system-module__ZGvwkG__surfaceSamples{gap:var(--ds-space-4);padding-top:var(--ds-space-8);flex-wrap:wrap;display:flex}.system-module__ZGvwkG__surfaceSamples>div{padding:var(--ds-space-6);background:var(--ds-surface);flex-direction:column;min-width:120px;display:flex}.system-module__ZGvwkG__button{justify-content:center;align-items:center;gap:var(--ds-control-gap);background:var(--ds-ink);border-radius:var(--ds-radius-pill);padding:var(--ds-space-3) var(--ds-control-padding);min-height:var(--ds-control-height);line-height:var(--ds-leading-label);font-weight:var(--ds-weight-label);text-align:center;transition:background-color var(--ds-motion-fast) ease-out, transform var(--ds-motion-fast) ease-out;border:1px solid #0000;text-decoration:none;display:inline-flex;color:var(--ds-inverse)!important;font-size:var(--ds-type-label)!important}.system-module__ZGvwkG__button[data-variant=secondary]{border-color:var(--ds-control-line);background:0 0;color:var(--ds-ink)!important}.system-module__ZGvwkG__button[data-variant=quiet]{background:0 0;color:var(--ds-ink)!important}.system-module__ZGvwkG__button[data-variant=inverse]{background:var(--ds-surface);color:var(--ds-ink)!important}.system-module__ZGvwkG__button[data-state=hover],.system-module__ZGvwkG__button[data-state=pressed]{background:color-mix(in oklch, var(--ds-ink), white 16%)}.system-module__ZGvwkG__button:is([data-variant=secondary],[data-variant=quiet]):is([data-state=hover],[data-state=pressed]){background:var(--ds-disabled-bg)}.system-module__ZGvwkG__button[data-state=focus]{outline:3px solid var(--ds-focus);outline-offset:4px}.system-module__ZGvwkG__button:active:not(:disabled):not([aria-disabled=true]),.system-module__ZGvwkG__button[data-state=pressed]{transform:scale(.98)}.system-module__ZGvwkG__button:disabled{background:var(--ds-disabled-bg);cursor:not-allowed;border-color:#0000;color:var(--ds-muted)!important}.system-module__ZGvwkG__button[aria-disabled=true]{cursor:wait}.system-module__ZGvwkG__buttonMatrix{gap:var(--ds-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.system-module__ZGvwkG__buttonMatrix h3{margin-bottom:var(--ds-space-6);font-size:1rem}.system-module__ZGvwkG__stateRow{gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);display:grid}.system-module__ZGvwkG__stateRow code{color:var(--ds-muted)}.system-module__ZGvwkG__stateRow .system-module__ZGvwkG__button{width:100%}.system-module__ZGvwkG__demoBar{align-items:center;gap:var(--ds-space-4);margin-top:var(--ds-space-8);flex-wrap:wrap;display:flex}.system-module__ZGvwkG__demoBar>.system-module__ZGvwkG__button{min-width:172px}.system-module__ZGvwkG__demoBar p{color:var(--ds-muted);font-size:.875rem}.system-module__ZGvwkG__root .system-module__ZGvwkG__subheading{margin-block:var(--ds-space-12) var(--ds-space-6)}.system-module__ZGvwkG__inputGrid{gap:var(--ds-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.system-module__ZGvwkG__field{gap:var(--ds-space-2);flex-direction:column;min-width:0;display:flex}.system-module__ZGvwkG__field label{font-size:var(--ds-type-label);font-weight:500}.system-module__ZGvwkG__input{width:100%;min-width:0;min-height:var(--ds-control-height);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-surface);color:var(--ds-ink);border:1px solid var(--ds-control-line);border-radius:var(--ds-radius-control);line-height:1.5;font-size:1rem!important}.system-module__ZGvwkG__input::placeholder{color:var(--ds-muted);opacity:1}.system-module__ZGvwkG__input[data-state=hover]{border-color:var(--ds-ink)}.system-module__ZGvwkG__input[data-state=focus]{outline:3px solid var(--ds-focus);outline-offset:3px}.system-module__ZGvwkG__input[aria-invalid=true]{border-color:var(--ds-error);border-width:2px;padding:11px 15px}.system-module__ZGvwkG__input:disabled{background:var(--ds-disabled-bg);color:var(--ds-muted);cursor:not-allowed}.system-module__ZGvwkG__error,.system-module__ZGvwkG__helper{font-size:.875rem;line-height:1.5}.system-module__ZGvwkG__error{color:var(--ds-error);gap:var(--ds-space-2);align-items:flex-start;display:flex}.system-module__ZGvwkG__error svg{margin-top:3px}.system-module__ZGvwkG__helper{color:var(--ds-muted)}.system-module__ZGvwkG__selection{gap:var(--ds-space-4);margin:var(--ds-space-4) 0;border:0;flex-wrap:wrap;padding:0;display:flex}.system-module__ZGvwkG__selection legend{margin-bottom:var(--ds-space-2);font-size:.875rem}.system-module__ZGvwkG__selection label,.system-module__ZGvwkG__testControls label,.system-module__ZGvwkG__switch{align-items:center;gap:var(--ds-space-3);cursor:pointer;min-height:44px;font-size:.875rem;display:inline-flex}.system-module__ZGvwkG__selection input,.system-module__ZGvwkG__testControls input,.system-module__ZGvwkG__switch input{width:20px;height:20px;accent-color:var(--ds-ink);flex-shrink:0}.system-module__ZGvwkG__projectGrid{gap:var(--ds-space-2);grid-template-columns:1fr 1fr;display:grid}.system-module__ZGvwkG__projectCard{background:var(--ds-surface);border-radius:var(--ds-radius-card);min-width:0}.system-module__ZGvwkG__projectMedia{aspect-ratio:4/3;border-radius:var(--ds-radius-card) var(--ds-radius-card) 0 0;position:relative;overflow:hidden}.system-module__ZGvwkG__projectMedia img{object-fit:cover;width:100%;height:100%;transition:transform var(--ds-motion-editorial) var(--ds-ease-out)}.system-module__ZGvwkG__cardBody{align-items:flex-start;gap:var(--ds-space-2);padding:var(--ds-space-5) var(--ds-card-padding);overflow-wrap:anywhere;flex-direction:column;display:flex}.system-module__ZGvwkG__root .system-module__ZGvwkG__cardBody h3,.system-module__ZGvwkG__root .system-module__ZGvwkG__empty h3{letter-spacing:normal!important}.system-module__ZGvwkG__cardBody p{color:var(--ds-muted);font-size:.875rem}.system-module__ZGvwkG__meta{color:var(--ds-muted)}.system-module__ZGvwkG__tags{gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.system-module__ZGvwkG__tags span{background:var(--ds-canvas);border-radius:4px;padding:4px 8px;font-size:.75rem}.system-module__ZGvwkG__projectLink{justify-content:space-between;align-items:center;gap:var(--ds-space-4);border-top:1px solid var(--ds-line);width:100%;min-height:44px;padding-top:var(--ds-space-3);font-size:.875rem;display:flex}.system-module__ZGvwkG__patternGrid{gap:var(--ds-space-8);margin-top:var(--ds-space-12);grid-template-columns:1fr 1fr;display:grid}.system-module__ZGvwkG__patternGrid h3{margin-bottom:var(--ds-space-6)}.system-module__ZGvwkG__patternGrid form{gap:var(--ds-space-6);flex-direction:column;align-items:flex-start;display:flex}.system-module__ZGvwkG__patternGrid .system-module__ZGvwkG__field{width:100%}.system-module__ZGvwkG__disclosure{border-bottom:1px solid var(--ds-line)}.system-module__ZGvwkG__disclosure summary{padding-block:var(--ds-space-5);justify-content:space-between;align-items:center;gap:var(--ds-space-4);min-height:56px;font-weight:500;list-style:none;display:flex}.system-module__ZGvwkG__disclosure summary::-webkit-details-marker{display:none}.system-module__ZGvwkG__disclosure[open] summary svg{transform:rotate(45deg)}.system-module__ZGvwkG__disclosure p{padding-bottom:var(--ds-space-6);color:var(--ds-muted);font-size:.875rem}.system-module__ZGvwkG__textLink{gap:var(--ds-space-2);min-height:44px;margin-top:var(--ds-space-6);background:0 0;border:0;border-bottom:1px solid;align-items:center;padding:0;display:inline-flex;font-size:.875rem!important}.system-module__ZGvwkG__motionStage{background:var(--ds-ink);color:var(--ds-inverse);border-radius:var(--ds-radius-panel);align-items:flex-start;gap:var(--ds-space-12);flex-direction:column;padding:clamp(24px,4vw,48px);display:flex}.system-module__ZGvwkG__motionWords{letter-spacing:-.04em;flex-direction:column;font-size:clamp(2rem,4.6vw,4.5rem);font-weight:600;line-height:1.05;display:flex}.system-module__ZGvwkG__motionWords[data-play=true] span{animation:system-module__ZGvwkG__reveal var(--ds-motion-editorial) var(--ds-ease-out) backwards}.system-module__ZGvwkG__switch{margin-block:var(--ds-space-4)}.system-module__ZGvwkG__testControls{gap:var(--ds-space-6);margin-bottom:var(--ds-space-4);flex-wrap:wrap;display:flex}.system-module__ZGvwkG__stress{gap:var(--ds-space-6);grid-template-columns:1fr 1fr;max-width:100%;display:grid}.system-module__ZGvwkG__stress[data-narrow=true]{grid-template-columns:1fr;width:320px}.system-module__ZGvwkG__stress[data-large=true] :is(p,h3,a,.system-module__ZGvwkG__tags span,.system-module__ZGvwkG__meta,.system-module__ZGvwkG__button){line-height:1.5}.system-module__ZGvwkG__stress[data-large=true] p{font-size:2rem!important}.system-module__ZGvwkG__stress[data-large=true] :is(.system-module__ZGvwkG__cardBody p,a,.system-module__ZGvwkG__button){font-size:1.75rem!important}.system-module__ZGvwkG__stress[data-large=true] :is(.system-module__ZGvwkG__tags span,.system-module__ZGvwkG__meta){font-size:1.5rem!important}.system-module__ZGvwkG__stress[data-large=true] h3{font-size:3rem!important}.system-module__ZGvwkG__empty{padding:var(--ds-space-6);border:1px dashed var(--ds-control-line);border-radius:var(--ds-radius-card);align-items:flex-start;gap:var(--ds-space-4);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.system-module__ZGvwkG__empty h3{letter-spacing:normal}.system-module__ZGvwkG__empty p{color:var(--ds-muted)}.system-module__ZGvwkG__code{padding:var(--ds-space-6);background:var(--ds-ink);color:var(--ds-inverse);border-radius:var(--ds-radius-control);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.system-module__ZGvwkG__footer{border-top:1px solid var(--ds-line);padding-block:var(--ds-space-8) var(--ds-space-16);justify-content:space-between;align-items:center;gap:var(--ds-space-6);flex-wrap:wrap;display:flex}.system-module__ZGvwkG__footer>span{letter-spacing:-.04em;font-size:1.5rem;font-weight:600}.system-module__ZGvwkG__footer p{color:var(--ds-muted);font-size:.875rem}.system-module__ZGvwkG__footer a{align-items:center;gap:var(--ds-space-2);min-height:44px;display:flex}.system-module__ZGvwkG__toast:empty{display:none}.system-module__ZGvwkG__toast{bottom:max(24px, env(safe-area-inset-bottom));z-index:40;align-items:center;gap:var(--ds-space-3);width:max-content;max-width:calc(100% - 32px);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-ink);color:var(--ds-inverse);border-radius:var(--ds-radius-control);font-size:.875rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.system-module__ZGvwkG__toast button,.system-module__ZGvwkG__iconButton{color:inherit;background:0 0;border:0;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.system-module__ZGvwkG__dialog{background:var(--ds-surface);color:var(--ds-ink);padding:var(--ds-space-8);border-radius:var(--ds-radius-panel);max-width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--ds-shadow-overlay);border:0;margin:auto}.system-module__ZGvwkG__dialog::backdrop{background:var(--ds-backdrop)}.system-module__ZGvwkG__dialogHeading{justify-content:space-between;align-items:flex-start;gap:var(--ds-space-4);display:flex}.system-module__ZGvwkG__dialog h2{font-size:var(--ds-type-h3)}.system-module__ZGvwkG__dialog p{margin-block:var(--ds-space-6)}.system-module__ZGvwkG__skip{background:var(--ds-surface);z-index:50;padding:12px 16px;position:absolute;top:-100px;left:16px}.system-module__ZGvwkG__skip:focus{top:12px}.system-module__ZGvwkG__spinner{animation:.9s linear infinite system-module__ZGvwkG__spin}.system-module__ZGvwkG__root :focus-visible,.system-module__ZGvwkG__button[data-state=focus],.system-module__ZGvwkG__input[data-state=focus]{outline:2px solid var(--ds-focus);outline-offset:3px}.system-module__ZGvwkG__input:focus{border-color:var(--ds-ink)}.system-module__ZGvwkG__input:focus:not(:focus-visible):not([data-state=focus]){outline:none}.system-module__ZGvwkG__meta,.system-module__ZGvwkG__measure,.system-module__ZGvwkG__dataLabel{color:var(--component-label-text)}.system-module__ZGvwkG__meta{letter-spacing:.04em;font-weight:500;line-height:1.6}.system-module__ZGvwkG__dataLabel{font:500 .75rem/1.6 var(--font-jetbrains-mono), monospace;letter-spacing:.04em;overflow-wrap:anywhere}.system-module__ZGvwkG__ratioBar{border:1px solid var(--ds-line);border-radius:var(--ds-radius-control);min-height:72px;font:500 .75rem/1.4 var(--font-jetbrains-mono), monospace;grid-template-columns:6fr 3fr 1fr;margin-block:24px 32px;display:grid;overflow:hidden}.system-module__ZGvwkG__ratioBar span{background:var(--ds-surface);place-items:center;padding:8px;display:grid}.system-module__ZGvwkG__ratioBar span:nth-child(2){background:var(--ds-ink);color:var(--ds-surface)}.system-module__ZGvwkG__ratioBar span:nth-child(3){background:var(--ds-accent)}.system-module__ZGvwkG__gradientSample{border-radius:var(--ds-radius-card);background:var(--ds-hero-gradient);min-height:220px;color:var(--ds-surface);align-items:flex-end;padding:24px;display:flex}.system-module__ZGvwkG__gradientSample span{font:.75rem var(--font-jetbrains-mono), monospace}.system-module__ZGvwkG__gradientStops{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.system-module__ZGvwkG__gradientStops>div{align-content:start;gap:8px;display:grid}.system-module__ZGvwkG__gradientStops i{border:1px solid var(--ds-line);border-radius:8px;height:64px}.system-module__ZGvwkG__gradientStops strong{font-size:.875rem}.system-module__ZGvwkG__labelSamples{grid-template-columns:1fr 1fr;gap:8px;margin-top:32px;display:grid}.system-module__ZGvwkG__labelSamples>div{background:var(--ds-surface);border-radius:8px;gap:16px;padding:24px;display:grid}.system-module__ZGvwkG__labelSamples>div:last-child{background:var(--ds-ink);--component-label-text:var(--ds-accent)}.system-module__ZGvwkG__labelSamples>div:last-child small{color:var(--ds-inverse)}.system-module__ZGvwkG__spaceCards{grid-template-columns:1fr 1fr;gap:24px;margin-block:24px 32px;display:grid}.system-module__ZGvwkG__spaceCards article{flex-direction:column;gap:20px;min-width:0;display:flex}.system-module__ZGvwkG__spaceCards h3{font-size:1rem}.system-module__ZGvwkG__spaceCards p{color:var(--ds-muted);margin-top:8px;font-size:.875rem}.system-module__ZGvwkG__thumbnail{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:12px;place-items:center;min-height:200px;padding:20px;display:grid}.system-module__ZGvwkG__thumbnail code{color:var(--ds-accent-ink)}.system-module__ZGvwkG__miniPage{text-align:center;width:100%;color:var(--ds-accent-ink);grid-template-columns:1fr 2fr 1fr;align-items:center;gap:8px;font-size:11px;display:grid}.system-module__ZGvwkG__miniPage>div{background:var(--ds-canvas);border-inline:1px dashed var(--ds-accent-ink);min-height:120px;color:var(--ds-ink);align-content:center;gap:8px;display:grid}.system-module__ZGvwkG__miniSections{text-align:center;width:100%;font-size:12px}.system-module__ZGvwkG__miniSections b{background:var(--ds-canvas);padding:12px;display:block}.system-module__ZGvwkG__miniSections span{color:var(--ds-accent-ink);padding:18px;display:block}.system-module__ZGvwkG__miniGrids{gap:16px;width:100%;display:grid}.system-module__ZGvwkG__miniGrids>div>div{gap:4px;display:grid}.system-module__ZGvwkG__miniGrids i{background:var(--ds-accent);min-height:16px}.system-module__ZGvwkG__miniProjects{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.system-module__ZGvwkG__miniProjects>div{border:1px solid var(--ds-line);border-radius:8px;overflow:hidden}.system-module__ZGvwkG__miniProjects>div>div{aspect-ratio:4/3;background:var(--ds-hero-gradient)}.system-module__ZGvwkG__miniProjects b{padding:8px;font-size:12px;display:block}.system-module__ZGvwkG__miniProjects code{text-align:center;grid-column:1/-1}.system-module__ZGvwkG__miniControl{outline:1px dashed var(--ds-accent-ink);flex-direction:column;align-items:center;gap:16px;padding:12px;display:flex}.system-module__ZGvwkG__miniReading{border-inline:1px dashed var(--ds-accent-ink);padding:12px}.system-module__ZGvwkG__miniReading p{color:var(--ds-ink);font-size:14px;line-height:1.8}.system-module__ZGvwkG__miniResponsive{align-items:flex-start;gap:16px;display:flex}.system-module__ZGvwkG__miniResponsive>div{border:1px solid var(--ds-line);border-radius:8px;gap:8px;width:88px;padding:12px;display:grid}.system-module__ZGvwkG__miniResponsive span{font-size:16px}.system-module__ZGvwkG__miniResponsive strong{font-size:32px;line-height:1.8}.system-module__ZGvwkG__miniResponsive i{background:var(--ds-accent);height:8px}.system-module__ZGvwkG__contextSamples{gap:16px;margin-top:40px;display:grid}.system-module__ZGvwkG__contextSamples>article{border:1px solid var(--ds-line);border-radius:var(--ds-radius-panel);padding:24px}.system-module__ZGvwkG__contextSamples>article:last-child{background:var(--ds-ink);color:var(--ds-surface);--component-label-text:var(--ds-accent)}.system-module__ZGvwkG__contextSamples p{margin-top:24px;font-size:.875rem}.system-module__ZGvwkG__lightSurfaces{grid-template-columns:6fr 3fr 1fr;gap:8px;margin-top:20px;display:grid}.system-module__ZGvwkG__lightSurfaces>span{background:var(--ds-surface);border-radius:var(--ds-radius-card);min-height:120px;padding:16px;font-size:.75rem}.system-module__ZGvwkG__lightSurfaces>span:nth-child(2){background:var(--ds-ink);color:var(--ds-surface)}.system-module__ZGvwkG__lightSurfaces>span:nth-child(3){background:var(--ds-accent);writing-mode:vertical-rl}.system-module__ZGvwkG__darkSurfaces{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.system-module__ZGvwkG__darkSurfaces>div{background:var(--ds-surface-dark);border-radius:var(--ds-radius-card);flex-direction:column;justify-content:space-between;gap:32px;min-height:180px;padding:22px;display:flex}.system-module__ZGvwkG__darkSurfaces strong{font-size:1.25rem;line-height:1.25}.system-module__ZGvwkG__radiusGuide{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.system-module__ZGvwkG__radiusGuide article>div{background:var(--ds-surface);align-content:center;min-height:112px;padding:24px;display:grid}.system-module__ZGvwkG__radiusGuide p{color:var(--ds-muted);margin-top:16px;font-size:.875rem}.system-module__ZGvwkG__elevationGuide{grid-template-columns:1fr 1.4fr;align-items:center;gap:32px;margin-top:48px;display:grid}.system-module__ZGvwkG__elevationGuide h3{font-size:1.25rem}.system-module__ZGvwkG__elevationGuide p{color:var(--ds-muted);margin-block:16px 24px;font-size:.875rem}.system-module__ZGvwkG__depthPreview{border:1px solid var(--ds-line);min-height:260px;font:12px/1.5 var(--font-jetbrains-mono),monospace;border-radius:18px;gap:8px;padding:24px;display:grid}.system-module__ZGvwkG__depthPreview span{background:var(--ds-surface);border:1px solid var(--ds-line);padding:12px}.system-module__ZGvwkG__depthPreview span:nth-child(2){margin-left:12px}.system-module__ZGvwkG__depthPreview span:nth-child(3){background:var(--ds-ink);color:var(--ds-surface);margin-left:24px}.system-module__ZGvwkG__depthPreview strong{background:var(--ds-surface);box-shadow:var(--ds-shadow-overlay);border-radius:8px;padding:24px 16px}.system-module__ZGvwkG__button{background:var(--component-button-bg);color:var(--component-button-text)!important}.system-module__ZGvwkG__button svg:not(.system-module__ZGvwkG__spinner),.system-module__ZGvwkG__quietUnderline svg{transition:transform .32s var(--ds-ease-out)}.system-module__ZGvwkG__button[data-state=hover] svg:not(.system-module__ZGvwkG__spinner){transform:translate(3px,-3px)}.system-module__ZGvwkG__quietUnderline{color:var(--ds-ink);background:0 0;border:0;align-items:center;gap:8px;min-height:48px;padding:8px 0;font-size:.875rem;display:inline-flex;position:relative}.system-module__ZGvwkG__quietUnderline:after{content:"";bottom:4px;transform-origin:0;height:1px;transition:transform var(--ds-motion-enter) var(--ds-ease-out);background:currentColor;position:absolute;inset-inline:0;transform:scaleX(0)}.system-module__ZGvwkG__quietUnderline:focus-visible:after{transition:none;transform:none}.system-module__ZGvwkG__projectCard{background:var(--component-card-bg)}.system-module__ZGvwkG__cardLink{border-radius:inherit;display:block}.system-module__ZGvwkG__projectGrid>div{min-width:0}.system-module__ZGvwkG__projectGrid .system-module__ZGvwkG__sampleCaption{font:500 .75rem/1.6 var(--font-jetbrains-mono),monospace;color:var(--ds-accent-ink);margin-bottom:12px}.system-module__ZGvwkG__projectCard[data-preview=true] .system-module__ZGvwkG__coverOverlay,.system-module__ZGvwkG__projectCard[data-preview=true] .system-module__ZGvwkG__coverArrow{opacity:1;transform:none}.system-module__ZGvwkG__root .system-module__ZGvwkG__cardBody h3{font-size:18px;line-height:1.25}.system-module__ZGvwkG__coverOverlay{opacity:0;transition:opacity var(--ds-motion-enter) ease-out, transform var(--ds-motion-enter) var(--ds-ease-out);justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;inset:auto 16px 16px;transform:translateY(8px)}.system-module__ZGvwkG__coverOverlay .system-module__ZGvwkG__tags{flex:1;min-width:0}.system-module__ZGvwkG__tags span{background:var(--component-tag-bg);color:var(--component-tag-text);border-radius:999px;padding:6px 10px;font-size:11px;line-height:1.4}.system-module__ZGvwkG__coverArrow{background:var(--ds-surface);width:52px;height:52px;color:var(--ds-ink);transition:transform .5s var(--ds-ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid;transform:scale(.75)rotate(-20deg)}.system-module__ZGvwkG__cardLink:focus-visible .system-module__ZGvwkG__coverOverlay,.system-module__ZGvwkG__cardLink:focus-visible .system-module__ZGvwkG__coverArrow{opacity:1;transition:none;transform:none}.system-module__ZGvwkG__projectCard:focus-within .system-module__ZGvwkG__projectMedia img{transform:none}.system-module__ZGvwkG__motionGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:24px 40px;display:grid}.system-module__ZGvwkG__motionGallery>article{border:1px solid var(--ds-line);border-radius:18px;min-width:0;padding:24px}.system-module__ZGvwkG__motionGallery>article:nth-child(3){grid-row:span 2}.system-module__ZGvwkG__motionGallery h3{margin-top:8px;font-size:1.125rem}.system-module__ZGvwkG__motionGallery>article>p{color:var(--ds-muted);margin-top:20px;font-size:.875rem}.system-module__ZGvwkG__motionPreview{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;min-height:160px;padding-top:24px;display:flex}.system-module__ZGvwkG__motionPreview .system-module__ZGvwkG__projectCard{width:100%}.system-module__ZGvwkG__motionPreview .system-module__ZGvwkG__cardBody{padding:16px}.system-module__ZGvwkG__maskTitle{letter-spacing:-.04em;font-size:clamp(1.5rem,2.5vw,2.75rem);font-weight:600;line-height:1.1;overflow:hidden}.system-module__ZGvwkG__maskTitle>span{display:block}.system-module__ZGvwkG__maskTitle[data-play=true]>span{animation:1.05s cubic-bezier(.16,1,.3,1) backwards system-module__ZGvwkG__masked-title}.system-module__ZGvwkG__staggerCards{gap:8px;width:100%;display:grid}.system-module__ZGvwkG__staggerCards>div{background:var(--ds-surface-dark);color:var(--ds-accent);font:12px var(--font-jetbrains-mono),monospace;border-radius:8px;padding:16px}.system-module__ZGvwkG__staggerCards[data-play=true]>div{animation:system-module__ZGvwkG__stagger-card .24s var(--ds-ease-out) backwards}.system-module__ZGvwkG__replayButton{min-height:44px;color:var(--ds-ink);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:inline-flex}.system-module__ZGvwkG__architectureLayers{grid-template-columns:1fr 1fr;gap:24px;margin-block:32px;display:grid}.system-module__ZGvwkG__architectureLayers article{background:var(--ds-surface);border-radius:18px;min-width:0;padding:24px}.system-module__ZGvwkG__architectureLayers h3{margin-block:8px 16px;font-size:1.125rem}.system-module__ZGvwkG__architectureLayers p{color:var(--ds-muted);font-size:.875rem}.system-module__ZGvwkG__architectureLayers ul{gap:10px;margin:16px 0 0;padding-left:18px;display:grid}.system-module__ZGvwkG__architectureLayers li{color:var(--ds-muted);font-size:.8125rem;line-height:1.7}.system-module__ZGvwkG__tokenExplanation{background:var(--ds-ink);color:var(--ds-surface);border-radius:28px;margin-block:40px 24px;padding:clamp(24px,4vw,48px)}.system-module__ZGvwkG__tokenExplanation .system-module__ZGvwkG__dataLabel{color:var(--ds-accent)}.system-module__ZGvwkG__tokenExplanation h3{max-width:22ch;margin-block:12px 24px;font-size:clamp(1.5rem,3vw,2.75rem);line-height:1.08}.system-module__ZGvwkG__tokenExplanation p{max-width:72ch;color:var(--ds-inverse)}.system-module__ZGvwkG__tokenExplanation p+p{margin-top:12px}.system-module__ZGvwkG__modeContexts{grid-template-columns:1fr 1fr;gap:24px;margin-block:24px 48px;display:grid}.system-module__ZGvwkG__modeContexts article{border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:260px;padding:24px;display:flex}.system-module__ZGvwkG__modeContexts article[data-mode=light]{background:var(--ds-canvas);border:1px solid var(--ds-line);color:var(--ds-ink)}.system-module__ZGvwkG__modeContexts article[data-mode=inverse]{background:var(--ds-ink);color:var(--ds-surface)}.system-module__ZGvwkG__modeContexts article[data-mode=inverse] .system-module__ZGvwkG__dataLabel{color:var(--ds-accent)}.system-module__ZGvwkG__modeContexts h3{margin-block:10px 8px;font-size:2rem}.system-module__ZGvwkG__modeContexts p{color:inherit;opacity:.74;margin-top:20px;font-size:.875rem}.system-module__ZGvwkG__semanticTable{border-top:1px solid var(--ds-line);margin-block:24px 48px}.system-module__ZGvwkG__semanticTable>div{border-bottom:1px solid var(--ds-line);grid-template-columns:minmax(170px,1.2fr) minmax(90px,.55fr) minmax(155px,1fr) minmax(180px,1.15fr) minmax(180px,1.15fr) minmax(240px,1.6fr);display:grid}.system-module__ZGvwkG__semanticTable span{overflow-wrap:anywhere;min-width:0;padding:16px 12px;font-size:.8125rem;line-height:1.6}.system-module__ZGvwkG__semanticTable [role=rowheader]{font-family:var(--font-jetbrains-mono),monospace;color:var(--ds-accent-ink)}.system-module__ZGvwkG__semanticTable .system-module__ZGvwkG__semanticHeader{background:var(--ds-ink);color:var(--ds-surface)}.system-module__ZGvwkG__semanticTable .system-module__ZGvwkG__semanticHeader span{font-weight:600}.system-module__ZGvwkG__manualBinding{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;margin-block:40px 56px;display:grid}.system-module__ZGvwkG__manualBinding>div{min-width:0;position:sticky;top:24px}.system-module__ZGvwkG__manualBinding>div h3{margin-block:8px 16px;font-size:1.25rem}.system-module__ZGvwkG__manualBinding ol{gap:16px;margin:0;padding-left:24px;display:grid}.system-module__ZGvwkG__manualBinding li{background:var(--ds-surface);border-radius:18px;padding:20px}.system-module__ZGvwkG__manualBinding li h3{font-size:1rem}.system-module__ZGvwkG__manualBinding li p{color:var(--ds-muted);margin-top:8px;font-size:.875rem}.system-module__ZGvwkG__modeTable{margin-block:32px}.system-module__ZGvwkG__modeTable>div{border-bottom:1px solid var(--ds-line);grid-template-columns:1fr 1fr 1fr;display:grid}.system-module__ZGvwkG__modeTable span{overflow-wrap:anywhere;padding:16px 12px;font-size:.875rem}.system-module__ZGvwkG__modeTable>div:first-child{background:var(--ds-ink);color:var(--ds-surface)}.system-module__ZGvwkG__specimenSpecs{gap:32px;margin-top:48px;display:grid}.system-module__ZGvwkG__specimenSpecs>article{border:1px solid var(--ds-line);border-radius:18px;padding:24px}.system-module__ZGvwkG__specimenSpecs h3{margin-block:8px 12px}.system-module__ZGvwkG__specimenSpecs dl{margin-bottom:0}.system-module__ZGvwkG__specimenSpecs dl>div{border-top:1px solid var(--ds-line);grid-template-columns:100px 1fr;gap:16px;padding-block:20px;font-size:.875rem;display:grid}.system-module__ZGvwkG__specimenSpecs dt{font-weight:600}.system-module__ZGvwkG__specimenSpecs dd{margin:0}.system-module__ZGvwkG__specimenSpecs .system-module__ZGvwkG__mapping{border-left:2px solid var(--ds-accent);color:var(--ds-accent-ink);margin-top:16px;padding-left:16px}.system-module__ZGvwkG__adoption{gap:24px;margin-block:40px;padding-left:24px;display:grid}.system-module__ZGvwkG__adoption h3{font-size:1.125rem}.system-module__ZGvwkG__adoption p{color:var(--ds-muted);margin-top:8px;font-size:.875rem}.system-module__ZGvwkG__sourceLinks{flex-wrap:wrap;gap:16px;display:flex}.system-module__ZGvwkG__sourceLinks a{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-size:.75rem;text-decoration:underline;display:inline-flex}.system-module__ZGvwkG__exportAudit{border-left:4px solid var(--ds-accent-ink);background:var(--ds-surface);border-radius:0 8px 8px 0;gap:8px;margin-block:24px;padding:20px;display:grid}.system-module__ZGvwkG__exportAudit p{color:var(--ds-muted);font-size:.875rem}.system-module__ZGvwkG__stress[data-large=true] .system-module__ZGvwkG__projectMedia{aspect-ratio:auto}.system-module__ZGvwkG__stress[data-large=true] .system-module__ZGvwkG__projectMedia img{aspect-ratio:4/3;height:auto}.system-module__ZGvwkG__stress[data-large=true] .system-module__ZGvwkG__coverOverlay{opacity:1;align-items:flex-start;padding:16px;position:static;transform:none}.system-module__ZGvwkG__stress[data-large=true] .system-module__ZGvwkG__coverArrow{transform:none}@keyframes system-module__ZGvwkG__masked-title{0%{transform:translateY(110%)}to{transform:none}}@keyframes system-module__ZGvwkG__stagger-card{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.system-module__ZGvwkG__button:hover:not(:disabled):not([aria-disabled=true]) svg:not(.system-module__ZGvwkG__spinner),.system-module__ZGvwkG__quietUnderline:hover svg{transform:translate(3px,-3px)}.system-module__ZGvwkG__quietUnderline:hover:after{transform:none}.system-module__ZGvwkG__cardLink:hover .system-module__ZGvwkG__coverOverlay,.system-module__ZGvwkG__cardLink:hover .system-module__ZGvwkG__coverArrow{opacity:1;transform:none}}@media (hover:none),(pointer:coarse){.system-module__ZGvwkG__coverOverlay,.system-module__ZGvwkG__coverArrow,.system-module__ZGvwkG__quietUnderline:after{opacity:1;transform:none}}@media (max-width:1199px){.system-module__ZGvwkG__radiusGuide{grid-template-columns:1fr 1fr}.system-module__ZGvwkG__darkSurfaces{grid-template-columns:1fr}.system-module__ZGvwkG__darkSurfaces>div{min-height:132px}.system-module__ZGvwkG__elevationGuide{grid-template-columns:1fr}}@media (max-width:899px){.system-module__ZGvwkG__modeContexts,.system-module__ZGvwkG__manualBinding{grid-template-columns:1fr}.system-module__ZGvwkG__manualBinding>div{position:static}.system-module__ZGvwkG__semanticTable{border-top:0;gap:16px;display:grid}.system-module__ZGvwkG__semanticTable .system-module__ZGvwkG__semanticHeader{display:none}.system-module__ZGvwkG__semanticTable>div:not(.system-module__ZGvwkG__semanticHeader){background:var(--ds-surface);border:0;border-radius:18px;grid-template-columns:1fr;padding:16px;display:grid}.system-module__ZGvwkG__semanticTable span{padding:8px 4px}.system-module__ZGvwkG__semanticTable span:before{content:attr(data-label);color:var(--ds-muted);font:500 .6875rem/1.4 var(--font-jetbrains-mono),monospace;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;display:block}}@media (max-width:699px){.system-module__ZGvwkG__spaceCards,.system-module__ZGvwkG__labelSamples,.system-module__ZGvwkG__motionGallery,.system-module__ZGvwkG__architectureLayers{grid-template-columns:1fr}.system-module__ZGvwkG__gradientStops{grid-template-columns:repeat(3,minmax(0,1fr))}.system-module__ZGvwkG__specimenSpecs dl>div{grid-template-columns:1fr;gap:8px}.system-module__ZGvwkG__modeTable>div{grid-template-columns:1fr;padding-block:12px}.system-module__ZGvwkG__modeTable span{padding-block:4px}.system-module__ZGvwkG__modeTable [role=cell]:nth-child(2):before{content:"Light · "}.system-module__ZGvwkG__modeTable [role=cell]:nth-child(3):before{content:"Inverse · "}.system-module__ZGvwkG__motionGallery>article{padding:20px}.system-module__ZGvwkG__coverOverlay{inset-inline:12px;bottom:12px}.system-module__ZGvwkG__coverArrow{width:44px;height:44px}.system-module__ZGvwkG__tags{gap:4px}.system-module__ZGvwkG__tags span{padding:5px 8px}.system-module__ZGvwkG__contextSamples>article{padding:20px}.system-module__ZGvwkG__radiusGuide{gap:16px}.system-module__ZGvwkG__radiusGuide article>div{padding:20px}}.system-module__ZGvwkG__root[data-reduced=true] :is(.system-module__ZGvwkG__coverOverlay,.system-module__ZGvwkG__coverArrow,.system-module__ZGvwkG__maskTitle span,.system-module__ZGvwkG__staggerCards>div,.system-module__ZGvwkG__button svg,.system-module__ZGvwkG__quietUnderline svg){opacity:1;transform:none!important}@media (prefers-reduced-motion:reduce){.system-module__ZGvwkG__root :is(.system-module__ZGvwkG__coverOverlay,.system-module__ZGvwkG__coverArrow,.system-module__ZGvwkG__maskTitle span,.system-module__ZGvwkG__staggerCards>div,.system-module__ZGvwkG__button svg,.system-module__ZGvwkG__quietUnderline svg){opacity:1;transform:none!important}}@keyframes system-module__ZGvwkG__reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes system-module__ZGvwkG__spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.system-module__ZGvwkG__button:hover:not(:disabled):not([aria-disabled=true]){background:color-mix(in oklch, var(--ds-ink), white 16%)}.system-module__ZGvwkG__button:is([data-variant=secondary],[data-variant=quiet],[data-variant=inverse]):hover:not(:disabled){background:var(--ds-disabled-bg)}.system-module__ZGvwkG__projectCard:hover .system-module__ZGvwkG__projectMedia img{transform:scale(1.04)}.system-module__ZGvwkG__input:hover:not(:disabled){border-color:var(--ds-ink)}.system-module__ZGvwkG__index a:hover,.system-module__ZGvwkG__headerLink:hover,.system-module__ZGvwkG__projectLink:hover{text-underline-offset:4px;text-decoration:underline}}@media (max-width:1199px){.system-module__ZGvwkG__workspace{gap:var(--ds-space-8);grid-template-columns:148px minmax(0,1fr)}.system-module__ZGvwkG__gridDemo{grid-template-columns:repeat(6,1fr)}.system-module__ZGvwkG__palette,.system-module__ZGvwkG__inputGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-module__ZGvwkG__principles article,.system-module__ZGvwkG__anatomy,.system-module__ZGvwkG__patternGrid,.system-module__ZGvwkG__rulers{grid-template-columns:1fr}}@media (max-width:899px){.system-module__ZGvwkG__workspace{padding-top:var(--ds-space-6);grid-template-columns:1fr}.system-module__ZGvwkG__index{max-height:none;position:static}.system-module__ZGvwkG__index nav{gap:0 var(--ds-space-6);flex-flow:wrap}.system-module__ZGvwkG__index p{display:none}}@media (max-width:699px){.system-module__ZGvwkG__heroBottom{margin-bottom:var(--ds-space-8);flex-direction:column;align-items:flex-start}.system-module__ZGvwkG__hero{padding-top:var(--ds-space-12)}.system-module__ZGvwkG__hero h1{font-size:clamp(2.75rem,11vw,4.8rem)}.system-module__ZGvwkG__headerLink{max-width:128px;font-size:.75rem}.system-module__ZGvwkG__typeRow,.system-module__ZGvwkG__rules>div{gap:var(--ds-space-3);grid-template-columns:1fr}.system-module__ZGvwkG__buttonMatrix,.system-module__ZGvwkG__inputGrid,.system-module__ZGvwkG__projectGrid,.system-module__ZGvwkG__stress{grid-template-columns:1fr}.system-module__ZGvwkG__buttonMatrix{gap:var(--ds-space-8)}.system-module__ZGvwkG__stateRow{grid-template-columns:80px minmax(0,1fr);align-items:center}.system-module__ZGvwkG__gridDemo{grid-template-columns:1fr}.system-module__ZGvwkG__gridDemo span{padding-block:4px}.system-module__ZGvwkG__palette{gap:var(--ds-space-6) var(--ds-space-3)}.system-module__ZGvwkG__swatch{padding:var(--ds-space-3)}.system-module__ZGvwkG__palette h3{font-size:.875rem}.system-module__ZGvwkG__motionWords{font-size:clamp(1.8rem,8vw,3.2rem)}.system-module__ZGvwkG__cardBody{padding:var(--ds-space-5)}.system-module__ZGvwkG__dialog{padding:var(--ds-space-6)}}.system-module__ZGvwkG__root[data-reduced=true] *,.system-module__ZGvwkG__root[data-reduced=true] :before,.system-module__ZGvwkG__root[data-reduced=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.system-module__ZGvwkG__root[data-reduced=true] :is(.system-module__ZGvwkG__button,.system-module__ZGvwkG__projectMedia img,.system-module__ZGvwkG__motionWords span){transform:none!important}@media (prefers-reduced-motion:reduce){.system-module__ZGvwkG__root *,.system-module__ZGvwkG__root :before,.system-module__ZGvwkG__root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.system-module__ZGvwkG__root :is(.system-module__ZGvwkG__button,.system-module__ZGvwkG__projectMedia img,.system-module__ZGvwkG__motionWords span){transform:none!important}}
.CaseStudyPrimitives-module__H5qz8a__button{cursor:pointer;width:fit-content;font-family:inherit;}.CaseStudyPrimitives-module__H5qz8a__button:focus-visible{outline:var(--focus-width) solid var(--ds-focus);outline-offset:var(--ds-space-1)}.CaseStudyPrimitives-module__H5qz8a__button svg{width:var(--icon-size);height:var(--icon-size);stroke-width:var(--icon-stroke)}.CaseStudyPrimitives-module__H5qz8a__decision{min-width:0;padding:var(--ds-card-padding);border-radius:var(--ds-radius-card);background:var(--component-card-bg);transition:box-shadow var(--ds-motion-fast) var(--ds-ease-out)}@media (hover:hover) and (pointer:fine){.CaseStudyPrimitives-module__H5qz8a__decision:hover{box-shadow:var(--ds-shadow-overlay)}}@media (prefers-reduced-motion:reduce){.CaseStudyPrimitives-module__H5qz8a__button,.CaseStudyPrimitives-module__H5qz8a__button svg,.CaseStudyPrimitives-module__H5qz8a__decision{transition:none!important;transform:none!important}}
.SystemCoverage-module__ffJ_Ma__root{gap:var(--ds-space-6);min-width:0;display:grid}.SystemCoverage-module__ffJ_Ma__root p{line-height:var(--ds-leading-body);margin:0}.SystemCoverage-module__ffJ_Ma__root h3{font-size:var(--ds-type-h3);margin-block-start:var(--ds-space-8)}.SystemCoverage-module__ffJ_Ma__patterns{grid-template-columns:var(--grid-two);gap:var(--ds-space-6);display:grid}.SystemCoverage-module__ffJ_Ma__patterns article{align-content:start;gap:var(--ds-space-4);min-width:0;display:grid}.SystemCoverage-module__ffJ_Ma__patterns code{font-size:var(--ds-type-caption);overflow-wrap:anywhere}.SystemCoverage-module__ffJ_Ma__controls,.SystemCoverage-module__ffJ_Ma__chain{gap:var(--ds-space-4);flex-wrap:wrap;align-items:center;display:flex}.SystemCoverage-module__ffJ_Ma__chain{margin:0;padding:0;list-style:none}.SystemCoverage-module__ffJ_Ma__chain li{gap:var(--ds-space-3);align-items:center;display:flex}.SystemCoverage-module__ffJ_Ma__chain svg{width:var(--icon-size);height:var(--icon-size);color:var(--ds-accent-ink)}.SystemCoverage-module__ffJ_Ma__extensions{gap:var(--ds-space-6);margin:0;display:grid}.SystemCoverage-module__ffJ_Ma__extensions>div{grid-template-columns:var(--grid-key-value);gap:var(--ds-space-4);padding-block:var(--ds-space-4);border-block-start:var(--stroke-1) solid var(--ds-border-subtle);display:grid}.SystemCoverage-module__ffJ_Ma__extensions dd{gap:var(--ds-space-3);min-width:0;margin:0;display:grid}.SystemCoverage-module__ffJ_Ma__extensions code,.SystemCoverage-module__ffJ_Ma__extensions small{overflow-wrap:anywhere}.SystemCoverage-module__ffJ_Ma__extensions strong{color:var(--ds-accent-ink);font-size:var(--ds-type-label)}.SystemCoverage-module__ffJ_Ma__evidenceSample{padding:var(--ds-space-6);border-radius:var(--home-evidence-radius);background:var(--home-evidence-canvas);color:var(--home-evidence-text)}.SystemCoverage-module__ffJ_Ma__evidenceSample h4{color:var(--home-evidence-text)!important}.SystemCoverage-module__ffJ_Ma__evidenceSample>div{grid-template-columns:var(--grid-two);gap:var(--home-evidence-card-gap);margin-block-start:var(--ds-space-6);display:grid}.SystemCoverage-module__ffJ_Ma__evidenceSample article{min-height:var(--home-evidence-card-height);padding:var(--home-evidence-card-padding);border-radius:var(--home-evidence-card-radius);background:var(--home-evidence-card)}.SystemCoverage-module__ffJ_Ma__evidenceSample span{color:var(--home-evidence-label);font-size:var(--ds-type-caption)}.SystemCoverage-module__ffJ_Ma__evidenceSample p{color:var(--home-evidence-muted);margin-block-start:var(--ds-space-6)}.SystemCoverage-module__ffJ_Ma__contactSample{padding:var(--home-contact-padding);border-radius:var(--home-contact-radius);background:var(--home-contact-canvas);color:var(--home-evidence-text)}.SystemCoverage-module__ffJ_Ma__contactSample h4{font-size:var(--ds-type-h2);color:var(--home-evidence-text)!important}.SystemCoverage-module__ffJ_Ma__contactSample p{color:var(--home-contact-muted);margin-block-start:var(--ds-space-6)}