*{box-sizing:border-box;min-width:0}:root{--color-primary-1:#fbfdfa;--color-primary-2:#f3f7f1;--color-primary-3:#e7f0e3;--color-primary-9:#9fe870;--color-primary-9-rgb:159, 232, 112;--color-primary-9-hover:#92d26a;--color-primary-10:#85bc64;--color-primary-11:#3d7500;--color-primary-12:#334927;--color-primary-on-9:#334927;--color-primary-on-9-rgb:51, 73, 39;--color-neutral-1:#fcfcfc;--color-neutral-2:#f5f6f5;--color-neutral-3:#ecedec;--color-neutral-6:#b5b8b4;--color-neutral-7:#9ca09a;--color-neutral-9:#71766e;--color-neutral-10:#50544e;--color-neutral-11:#222521;--color-neutral-12:#010201;--color-neutral-12-rgb:1, 2, 1;--color-accent-9:#00c895;--color-accent-9-rgb:0, 200, 149;--color-accent-11:#066147;color:var(--color-neutral-12);background:var(--color-neutral-2);font-synthesis:none;text-rendering:optimizelegibility;font-family:Tahoma,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button{background:var(--color-primary-9);color:var(--color-primary-on-9);font:inherit;cursor:pointer;box-shadow:0 10px 24px rgba(var(--color-primary-9-rgb), .18);border:0;border-radius:999px;padding:12px 16px;font-weight:700}button:hover{background:var(--color-primary-9-hover);transform:translateY(-1px)}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}button:disabled:hover{background:var(--color-primary-9);transform:none}.app-shell{min-height:100vh;display:grid}.sidebar{height:100vh;position:sticky;top:0}.brand-mark{background:var(--color-primary-9);color:var(--color-primary-on-9);place-items:center;margin-bottom:20px;font-weight:700;display:grid}.main-content{display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-11);font-size:12px;font-weight:700}.step-section{scroll-snap-align:start;scroll-snap-stop:normal;isolation:isolate;display:grid;position:relative}.step-section__backdrop{background-repeat:no-repeat}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}.step-section__backdrop{transform:none!important}.step-section__reveal{opacity:1;transition:none;transform:none}}.step-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.step-bar__item{text-align:left;color:var(--color-primary-11);justify-items:start;transform:none}.step-bar__item:hover{transform:none}.step-bar__index{border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.step-bar__label{font-weight:700}.step-bar__item--current{background:var(--color-primary-9);border-color:var(--color-primary-9);color:var(--color-primary-on-9)}.health-bar{z-index:5;align-items:center;display:flex;top:16px}.health-bar__pill,.health-bar__ready{font-variant-numeric:tabular-nums;box-shadow:none;color:var(--color-primary-11);background:rgba(var(--color-primary-9-rgb), .08);border-radius:999px;font-weight:700;transform:none}.health-bar__pill:hover,.health-bar__ready:hover{background:rgba(var(--color-primary-9-rgb), .14);transform:none}.health-bar__pill--danger,.health-bar__ready--danger{color:#8a1f1f;background:#ffe8e8}.health-bar__pill--danger:hover,.health-bar__ready--danger:hover{background:#ffdada}.health-bar__pill--success,.health-bar__ready--success{color:#0f6a36;background:#e6f7ee}.health-bar__pill--success:hover,.health-bar__ready--success:hover{background:#d8f2e3}.health-bar__pill--warning{color:#7a4a04;background:#fff1d6}.health-bar__pill--warning:hover{background:#ffe9bd}.section-card{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:#fff}.section-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-card h2{margin:0 0 8px}.section-card p{color:var(--color-neutral-10);text-wrap:pretty;margin:0}.section-card h2{text-wrap:balance}.component-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.component-preview__theme{border-radius:20px;gap:10px;padding:20px;display:grid}.component-preview__theme-label{text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:11px;font-weight:700}.component-preview__density{background:rgba(var(--color-primary-9-rgb), .08);border-radius:999px;gap:2px;padding:3px;display:flex}.component-preview__density-option{box-shadow:none;color:var(--color-neutral-10);background:0 0;padding:6px 12px;font-size:12px}.component-preview__density-option:hover{background:rgba(var(--color-primary-9-rgb), .08);transform:none}.component-preview__density-option--active,.component-preview__density-option--active:hover{background:var(--color-primary-9);color:var(--color-primary-on-9)}.component-preview__card{border:1px solid;border-radius:16px;gap:12px;padding:20px;transition-property:padding,gap,border-radius;transition-duration:.2s;transition-timing-function:ease-out;display:grid}.component-preview__input{transition-property:border-radius,height;transition-duration:.2s;transition-timing-function:ease-out}.component-preview__demo-action{transition-property:background,border-radius,height;transition-duration:.16s,.2s,.2s;transition-timing-function:ease-out}.component-preview__card h4{margin:0;font-size:16px}.component-preview__card p{margin:0;font-size:13px;line-height:1.6}.component-preview__input{font:inherit;border:1px solid;border-radius:10px;align-items:center;width:100%;padding:8px 12px;font-size:13px;display:flex}.component-preview__badge{border:1px solid;border-radius:999px;justify-self:start;padding:4px 10px;font-size:11px;font-weight:700}.component-preview__actions{gap:10px;display:flex}.component-preview__demo-action{box-shadow:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.component-preview__demo-link{text-underline-offset:2px;font-weight:600;text-decoration:underline}@media (width<=900px){.component-preview{grid-template-columns:1fr}}.layer-diagram{gap:12px;margin:10px 0 18px;display:grid}.layer-diagram__row{flex-wrap:wrap;align-items:stretch;gap:4px;display:flex}.layer-diagram__step{align-items:center;gap:4px;display:flex}.layer-diagram__arrow{color:#b5abd0;padding:0 2px;font-size:18px;font-weight:700}.layer-diagram__box{border:1px solid rgba(var(--color-primary-9-rgb), .14);background:var(--color-neutral-1);border-radius:14px;gap:2px;min-width:128px;padding:10px 14px;display:grid}.layer-diagram__box strong{color:var(--color-primary-11)}.layer-diagram__box span{color:var(--color-neutral-10);font-size:12px}.layer-diagram__box--absent{opacity:.7;background:0 0;border-style:dashed}.layer-diagram__caption{color:var(--color-neutral-10);margin:0;font-size:12px}.layer-diagram__legend{flex-wrap:wrap;gap:8px;display:flex}.layer-diagram__legend span{color:var(--color-neutral-11);background:#f0eef7;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}@media (width<=900px){.layer-diagram__row,.layer-diagram__step{flex-direction:column;align-items:stretch}.layer-diagram__arrow{align-self:center;transform:rotate(90deg)}}.count-pill,.mode-pills span,.type-badge,.value-chip{background:rgba(var(--color-primary-9-rgb), .08);color:var(--color-primary-11);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.collection-list{gap:16px;display:grid}.collection-card{border:1px solid rgba(var(--color-primary-9-rgb), .1);border-radius:18px;overflow:hidden}.collection-card__title{background:var(--color-neutral-1);justify-content:space-between;gap:16px;padding:18px;display:flex}.collection-card h3,.style-column h3{margin:0 0 6px}.collection-card span,.style-item small,.binding-table small{color:var(--color-neutral-10)}.mode-pills{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.token-table,.binding-table{display:grid}.token-table__row{border-top:1px solid rgba(var(--color-primary-9-rgb), .08);grid-template-columns:minmax(180px,1.2fr) 120px minmax(220px,2fr);align-items:center;gap:16px;display:grid}.binding-table__row{border-top:1px solid rgba(var(--color-primary-9-rgb), .08);grid-template-columns:minmax(180px,1.2fr) minmax(140px,1fr) minmax(220px,1.4fr) minmax(220px,1.4fr);align-items:center;gap:16px;padding:14px 0;display:grid}.token-table__row--head,.binding-table__row--head{color:var(--color-neutral-10);text-transform:uppercase;font-size:12px;font-weight:700}.value-list{flex-wrap:wrap;gap:8px;display:flex}.value-chip{background:var(--color-neutral-2);align-items:center;gap:6px;display:inline-flex}.value-chip i,.paint-dot,.effect-dot,.text-dot,.grid-dot{width:18px;height:18px;box-shadow:inset 0 0 0 1px rgba(var(--color-neutral-12-rgb), .12);border-radius:999px;display:inline-block}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.style-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.style-column{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:var(--color-neutral-1);border-radius:18px;padding:16px}.style-item{border-top:1px solid rgba(var(--color-primary-9-rgb), .08);gap:12px;padding:12px 0;display:flex}.style-item:first-of-type{border-top:0}.style-item div{gap:4px;display:grid}.text-dot,.grid-dot{color:var(--color-primary-11);background:#fff;place-items:center;font-weight:700;display:grid}.effect-dot{box-shadow:0 8px 20px rgba(var(--color-neutral-12-rgb), .2);background:#fff}.button-grid{flex-wrap:wrap;gap:12px;display:flex}.payload-stack{display:grid}.code-preview{color:#ebe7f5;background:#171321;border-radius:16px;max-height:480px;overflow:auto}.code-preview__title{color:#b69df8;border-bottom:1px solid #ffffff1f;padding:10px 14px;font-weight:700}.code-preview pre{margin:0;padding:16px;font-size:12px;line-height:1.6}@media (width<=1180px){.style-grid--four,.payload-stack,.step-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-shell,.style-grid,.style-grid--four,.payload-stack,.step-bar{grid-template-columns:1fr}.health-bar{position:static}.health-bar__ready{margin-left:0}.token-table__row,.binding-table__row{grid-template-columns:1fr}}.meta-line{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.meta-line span,.scope-list{color:var(--color-neutral-11);background:#f0eef7;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.primitive-setup{gap:18px;margin-bottom:20px;display:grid}.brand-list{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:var(--color-neutral-1);border-radius:16px;gap:10px;padding:14px;display:grid}.brand-list__row{grid-template-columns:minmax(200px,1.4fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.brand-list__row label{gap:4px;min-width:0;display:grid}.brand-list__row label span{color:var(--color-neutral-10);text-transform:uppercase;font-size:11px;font-weight:700}.brand-list__row input,.brand-list__row select{border:1px solid rgba(var(--color-primary-9-rgb), .14);width:100%;min-width:0;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:10px;padding:8px 10px}.brand-list>button{justify-self:start}.primitive-setup__sync{justify-items:end;gap:8px;display:grid}.primitive-setup__blocked{color:#8a1f1f;text-align:right;max-width:420px;margin:0;font-size:12px}.primitive-setup__sync button:disabled{cursor:not-allowed;opacity:.5}.primitive-setup__intro{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:#fff;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.primitive-setup__intro h3,.primitive-step h4,.primitive-group-card h4{color:var(--color-neutral-12);margin:0 0 6px}.primitive-step{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;display:grid}.primitive-step>span{background:var(--color-primary-9);width:42px;height:42px;color:var(--color-primary-on-9);border-radius:999px;place-items:center;font-weight:800;display:grid}.ramp-generator{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:var(--color-neutral-1);border-radius:18px;gap:18px;padding:18px;display:grid}.ramp-generator__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ramp-generator__header h3,.ramp-card__title strong{color:var(--color-neutral-12);margin:0}.ramp-generator__header p{max-width:740px;margin-top:6px}.seed-generator{border:1px solid rgba(var(--color-primary-9-rgb), .12);background:var(--color-neutral-2);border-radius:16px;gap:14px;padding:16px;display:grid}.seed-generator__modes{flex-wrap:wrap;gap:16px;display:flex}.seed-generator__mode{color:var(--color-primary-11);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.seed-generator__body{gap:12px;display:grid}.seed-generator__body h4{color:var(--color-neutral-12);margin:0}.seed-generator__body>p{max-width:760px;margin:0}.seed-generator__controls{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.seed-generator__controls>label{min-width:240px;color:var(--color-neutral-11);flex:240px;gap:6px;font-size:12px;font-weight:700;display:grid}.seed-generator__controls input[type=text],.seed-generator__controls>label input{border:1px solid rgba(var(--color-primary-9-rgb), .14);width:100%;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:12px;padding:10px 12px}.seed-generator__controls>label input[aria-invalid=true]{border-color:#8a1f1f}.seed-generator__strategy{border:0;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:0;display:flex}.seed-generator__strategy legend{color:var(--color-neutral-11);padding:0 0 6px;font-size:12px;font-weight:700}.seed-generator__strategy label{color:var(--color-primary-11);align-items:center;gap:6px;font-size:12px;display:flex}.seed-generator__strategy>small{color:var(--color-neutral-10);flex-basis:100%;font-size:11px}.seed-generator__collision{color:#8a1f1f;background:#fdf4f4;border:1px solid #8a1f1f40;border-radius:12px;margin:0;padding:10px 12px;font-size:12px}.seed-generator__note{color:var(--color-neutral-10);margin:0;font-size:12px}.seed-preview{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.seed-preview__item{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:#fff;border-radius:12px;gap:4px;padding:8px;display:grid}.seed-preview__item span{border:1px solid rgba(var(--color-primary-9-rgb), .08);border-radius:8px;height:34px;display:block}.seed-preview__item strong{color:var(--color-neutral-12);font-size:12px}.seed-preview__item code{color:var(--color-neutral-11);font-size:11px}.base-color-list,.ramp-list{gap:12px;display:grid}.base-color-row{border:1px solid rgba(var(--color-primary-9-rgb), .08);background:#fff;border-radius:14px;grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) minmax(140px,.8fr) minmax(220px,1.4fr);align-items:stretch;gap:12px;padding:12px;display:grid}.base-color-row label{color:var(--color-neutral-11);gap:6px;font-size:12px;font-weight:700;display:grid}.system-color-role{align-content:start;gap:6px;display:grid}.system-color-role strong{color:var(--color-neutral-12)}.system-color-role__badge{border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700}.system-color-role__badge--core{background:rgba(var(--color-primary-9-rgb), .1);color:var(--color-primary-11)}.system-color-role__badge--conditional{color:#7a4b00;background:#fff4dc}.system-color-role__badge--optional{color:#1f646a;background:#eef7f8}.system-color-role small{color:var(--color-neutral-10);line-height:1.45}.base-color-row input{border:1px solid rgba(var(--color-primary-9-rgb), .14);width:100%;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:12px;padding:10px 12px}.semantic-targets{flex-wrap:wrap;align-content:start;gap:6px;display:flex}.semantic-targets code{color:var(--color-neutral-11);background:var(--color-neutral-2);border-radius:8px;padding:5px 7px;font-size:11px}.ramp-card{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:#fff;border-radius:16px;overflow:hidden}.ramp-card__title{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ramp-card__title code,.ramp-swatch code{color:var(--color-primary-11);background:var(--color-neutral-2);border-radius:8px;padding:4px 7px}.ramp-swatches{grid-template-columns:repeat(12,minmax(84px,1fr));display:grid;overflow-x:auto}.ramp-swatch{border-top:1px solid rgba(var(--color-primary-9-rgb), .08);border-right:1px solid rgba(var(--color-primary-9-rgb), .08);background:#fff;align-content:start;min-height:200px;display:grid}.ramp-swatch:last-child{border-right:0}.ramp-swatch__pair{grid-template-rows:1fr 1fr;min-height:72px;display:grid}.ramp-swatch__pair span{display:block}.ramp-swatch strong,.ramp-swatch code,.ramp-swatch small{margin:6px 8px 0}.ramp-swatch code{gap:1px;line-height:1.3;display:grid}.ramp-swatch code em{color:var(--color-neutral-10);font-size:10px;font-style:normal}.ramp-swatch code em.is-pass{color:#1f6b3a;font-weight:700}.ramp-swatch code em.is-fail{color:#8a1f1f;font-weight:700}.ramp-swatch small{margin-bottom:8px}.ramp-swatch strong{color:var(--color-neutral-12);font-size:12px}.ramp-swatch small{color:var(--color-neutral-10);line-height:1.35}.notation-toggle{border:1px solid rgba(var(--color-primary-9-rgb), .14);background:var(--color-neutral-2);color:var(--color-primary-11);cursor:pointer;border-radius:999px;justify-self:start;padding:4px 10px;font-size:11px;font-weight:700}.notation-toggle:hover{background:#efeaf8}.ramp-card__readout{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ramp-card__readout em{color:#8a5a1f;font-size:11px;font-style:normal;font-weight:700}.styles-setup{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:var(--color-neutral-1);border-radius:18px;gap:16px;margin-bottom:20px;padding:18px;display:grid}.styles-setup__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.styles-setup__intro p{max-width:720px;margin:6px 0 0}.styles-setup__sync{justify-items:end;gap:8px;display:grid}.styles-setup__counts{color:var(--color-neutral-11);font-size:12px}.styles-setup__note{color:var(--color-neutral-10);margin:0;font-size:12px}.family-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.family-toggle{border:1px solid rgba(var(--color-primary-9-rgb), .12);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.family-toggle strong{color:var(--color-neutral-12);text-transform:capitalize;font-size:13px;display:block}.family-toggle small{color:var(--color-neutral-10);font-size:11px}.restore-bar{border:1px solid rgba(var(--color-primary-9-rgb), .14);color:var(--color-primary-11);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.restore-bar button{border:1px solid rgba(var(--color-primary-9-rgb), .18);color:var(--color-primary-11);font:inherit;cursor:pointer;background:#fff;border-radius:999px;font-weight:700}.ramp-card__footer{border-top:1px solid rgba(var(--color-primary-9-rgb), .08);background:var(--color-neutral-1);flex-wrap:wrap;align-items:center;gap:20px;padding:14px 16px;display:flex}.ramp-oncolor{align-items:center;gap:10px;display:flex}.ramp-oncolor span{border:1px solid rgba(var(--color-primary-9-rgb), .12);border-radius:10px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.ramp-oncolor strong,.ramp-alpha>strong{color:var(--color-neutral-12);font-size:12px;display:block}.ramp-oncolor small{color:var(--color-neutral-10);font-size:11px}.ramp-alpha__steps{gap:8px;margin-top:6px;display:flex}.ramp-alpha__step{justify-items:center;gap:2px;display:grid}.ramp-alpha__chip{width:30px;height:15px;display:block}.ramp-alpha__chip i{width:100%;height:100%;display:block}.ramp-alpha__chip--light{border:1px solid rgba(var(--color-primary-9-rgb), .12);background:#fff;border-bottom:0}.ramp-alpha__chip--dark{border:1px solid rgba(var(--color-primary-9-rgb), .12);background:#16121f;border-top:0}.ramp-alpha__step small{color:var(--color-neutral-10);font-size:10px}.ramp-error{color:#8a1f1f;padding:0 16px 16px}.primitive-value-editor{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:var(--color-neutral-1);border-radius:18px;gap:18px;padding:18px;display:grid}.primitive-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.primitive-group-card{border:1px solid rgba(var(--color-primary-9-rgb), .08);background:#fff;border-radius:14px;gap:14px;padding:14px;display:grid}.primitive-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.primitive-token-grid label{gap:5px;display:grid}.primitive-token-grid span{color:var(--color-neutral-11);font-size:11px;font-weight:700}.primitive-token-grid small{color:var(--color-neutral-10);font-size:11px}.primitive-token-grid input{border:1px solid rgba(var(--color-primary-9-rgb), .14);width:100%;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:10px;padding:8px 10px}.semantic-setup{gap:18px;margin-bottom:20px;display:grid}.semantic-table{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:#fff;border-radius:18px;display:grid;overflow:hidden}.semantic-table__row{border-top:1px solid rgba(var(--color-primary-9-rgb), .08);grid-template-columns:minmax(220px,1.2fr) minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr);align-items:center;gap:12px;display:grid}.semantic-table__row--single{grid-template-columns:minmax(220px,1.2fr) minmax(220px,1.4fr) minmax(180px,1fr)}.semantic-table--spacing .semantic-table__row{grid-template-columns:minmax(220px,1.2fr) minmax(150px,1fr) minmax(110px,.7fr) minmax(110px,.7fr) minmax(150px,1fr)}.semantic-table input[type=number]{border:1px solid rgba(var(--color-primary-9-rgb), .14);width:100%;min-width:0;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:10px;padding:8px 10px}.semantic-table__row:first-child{border-top:0}.semantic-table__row--head{color:var(--color-neutral-10);background:var(--color-neutral-1);text-transform:uppercase;font-size:12px;font-weight:700}.semantic-table strong{color:var(--color-neutral-12);font-size:13px}.semantic-table select{border:1px solid rgba(var(--color-primary-9-rgb), .14);width:100%;min-width:0;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:10px;padding:8px 10px}.component-coverage{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:var(--color-neutral-1);border-radius:18px;gap:14px;padding:18px;display:grid}.component-coverage h4{color:var(--color-neutral-12);margin:0 0 6px}.component-coverage__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.component-coverage__card{border:1px solid rgba(var(--color-primary-9-rgb), .08);background:#fff;border-radius:14px;gap:12px;padding:14px;display:grid}.component-coverage__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.component-coverage__header strong{color:var(--color-neutral-12)}.semantic-targets__missing{color:#8a1f1f!important;background:#fff0f0!important}.semantic-targets__unused{color:#7a4a04!important;background:#fff1d6!important}.component-coverage__dimension{gap:6px;display:grid}.component-coverage__dimension-label{color:#6b6280;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.token-table--extended .token-table__row{grid-template-columns:minmax(180px,1.1fr) 90px minmax(180px,1fr) minmax(180px,1fr) minmax(260px,1.6fr)}.token-table code{color:var(--color-primary-11);background:var(--color-neutral-2);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:6px 8px;display:inline-block;overflow:hidden}.count-pill--danger{color:#8a1f1f;background:#ffe8e8}.count-pill--success{color:#0f6a36;background:#e6f7ee}.rule-item{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:var(--color-neutral-1);border-radius:14px;gap:4px;display:grid}.rule-item span{color:var(--color-neutral-10);line-height:1.5}.rule-item--error{background:#fff7f7;border-color:#f53d3d4d}.rule-item--warning{background:#fff9ef;border-color:#ee982f59}.rule-item--pass{background:#f2fbf5;border-color:#23b12f40}.rule-item__locate{box-shadow:none;background:rgba(var(--color-primary-9-rgb), .1);color:var(--color-primary-11);justify-self:start;padding:6px 12px;font-size:12px}.rule-item__locate:hover{background:rgba(var(--color-primary-9-rgb), .18)}@keyframes locate-flash{0%{background-color:#fff1d6;box-shadow:0 0 0 3px #ee982fa6}to{background-color:#0000;box-shadow:0 0 0 3px #ee982f00}}.locate-highlight{border-radius:10px;animation:2.2s ease-out locate-flash}@media (width<=1180px){.token-table--extended .token-table__row{grid-template-columns:1fr}.ramp-generator__header,.primitive-setup__intro,.base-color-row{grid-template-columns:1fr;display:grid}.primitive-step,.primitive-group-grid,.primitive-token-grid,.semantic-table__row,.component-coverage__grid{grid-template-columns:1fr}}.language-switch{background:rgba(var(--color-primary-9-rgb), .06);border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;margin:0 0 24px;padding:8px}.language-switch span{color:var(--color-neutral-10);font-size:12px;font-weight:700}.language-switch__button:hover,.language-switch__button--active{background:var(--color-primary-9);color:var(--color-primary-on-9);transform:none}.check-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.count-pill--warning{color:#7a4a04;background:#fff1d6}.count-pill--review{color:#155d72;background:#e4f7fb}.rule-item__title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.severity-pill{border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:700}.severity-pill--error{color:#8a1f1f;background:#ffe8e8}.severity-pill--warning{color:#7a4a04;background:#fff1d6}.severity-pill--review{color:#155d72;background:#e4f7fb}.severity-pill--pass{color:#0f6a36;background:#e6f7ee}.rule-item--review{border-color:rgba(var(--color-accent-9-rgb), .28);background:#f3fbfb}.disclosure{border:1px solid rgba(var(--color-primary-9-rgb), .1);background:#fff;border-radius:14px;overflow:hidden}.disclosure+.disclosure{margin-top:10px}.disclosure__summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-neutral-1);align-items:center;gap:10px;padding:11px 14px;list-style:none;display:flex}.disclosure__summary::-webkit-details-marker{display:none}.disclosure__summary:hover{background:rgba(var(--color-primary-9-rgb), .08)}.disclosure__summary:focus-visible{outline:2px solid var(--color-primary-11);outline-offset:-2px}.disclosure__chevron{border-right:1.5px solid var(--color-neutral-9);border-bottom:1.5px solid var(--color-neutral-9);flex:none;width:7px;height:7px;transition:transform .12s;transform:rotate(-45deg)}.disclosure[open]>.disclosure__summary .disclosure__chevron{transform:rotate(45deg)}.disclosure__title{min-width:0;color:var(--color-neutral-12);flex:1;font-size:13px;font-weight:600}.disclosure__meta{color:var(--color-neutral-10);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.disclosure__body{border-top:1px solid rgba(var(--color-primary-9-rgb), .08);padding:14px}.disclosure--success>.disclosure__summary{background:#f3faf6}.disclosure--success>.disclosure__summary:hover{background:#e9f6ef}.verdict{border-radius:14px;align-items:baseline;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.verdict strong{font-size:17px}.verdict span{color:var(--color-neutral-10);font-size:12px}.verdict--success{background:#e6f7ee}.verdict--success strong{color:#0f6a36}.verdict--danger{background:#ffe8e8}.verdict--danger strong{color:#8a1f1f}.semantic-table__row{padding:8px 12px}.token-table__row{padding:7px 10px}.rule-item{padding:10px 12px}[id]{scroll-margin-top:24px}.font-family-editor{gap:12px;display:grid}.font-family-editor__controls{flex-wrap:wrap;gap:12px;display:flex}.font-family-editor__controls label{gap:4px;min-width:200px;display:grid}.font-family-editor__preview{border:1px solid rgba(var(--color-primary-9-rgb), .12);border-radius:12px;margin:0;padding:12px 16px;font-size:22px;line-height:1.3}.font-family-editor__note{opacity:.72;margin:0;font-size:12px}.icon-library-editor{gap:12px;display:grid}.icon-library-editor__preview{border:1px solid rgba(var(--color-primary-9-rgb), .12);border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;min-height:30px;padding:14px 16px;font-size:28px;line-height:1;display:flex}.icon-library-editor__note{opacity:.72;margin:0;font-size:12px}.icon-library-editor__sets{gap:12px;display:grid}.icon-library-set{border:1px solid rgba(var(--color-primary-9-rgb), .12);opacity:.66;border-radius:12px;gap:10px;padding:12px 14px;display:grid}.icon-library-set--on{opacity:1;border-color:rgba(var(--color-primary-9-rgb), .28)}.icon-library-set__head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.icon-library-set__toggle{align-items:center;gap:8px;font-weight:600;display:flex}.icon-library-set__badge{background:rgba(var(--color-primary-9-rgb), .1);border-radius:999px;padding:1px 8px;font-size:11px}.icon-library-set__weight{align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.icon-library-set__facts{opacity:.72;margin:0;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{scroll-snap-type:none;scroll-behavior:smooth}body{background:#f7f8f7}.sidebar{border-right:1px solid var(--color-neutral-3);background:#fff;flex-direction:column;gap:28px;padding:24px 18px;display:flex}.sidebar__brand{gap:12px;display:grid}.brand-mark{width:40px;height:40px;box-shadow:none;border-radius:12px;margin:0}.sidebar h1{margin:0 0 4px;font-size:18px}.sidebar p{color:var(--color-neutral-9);margin:0;font-size:12px;line-height:1.55}.language-switch{gap:8px;margin-top:auto;display:grid}.language-switch>span{color:var(--color-neutral-9);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.language-switch__options{background:var(--color-neutral-2);border-radius:12px;gap:4px;padding:3px;display:flex}.language-switch__button{color:var(--color-neutral-10);box-shadow:none;background:0 0;border-radius:9px;flex:1;padding:7px 10px;font-size:12px}.language-switch__button:hover,.language-switch__button--active,.language-switch__button--active:hover{color:var(--color-neutral-12);box-shadow:0 1px 4px rgba(var(--color-neutral-12-rgb), .08);background:#fff;transform:none}.main-content{gap:0;width:100%;max-width:1480px;margin:0 auto;padding:20px 28px 72px}.workspace-toolbar{z-index:20;border:1px solid rgba(var(--color-neutral-12-rgb), .06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;grid-template-columns:minmax(420px,1fr) auto;align-items:center;gap:8px;padding:6px;display:grid;position:sticky;top:12px}.step-bar{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.step-bar::-webkit-scrollbar{display:none}.step-bar__item{min-width:112px;box-shadow:none;background:0 0;border:0;border-radius:11px;flex:1 0 auto;align-items:center;gap:8px;padding:8px 10px;display:flex}.step-bar__item:hover{background:var(--color-neutral-2)}.step-bar__item--current,.step-bar__item--current:hover{background:var(--color-primary-3);color:var(--color-neutral-12)}.step-bar__index{background:var(--color-neutral-3);width:22px;height:22px;color:var(--color-neutral-10);flex:none}.step-bar__item--current .step-bar__index{background:var(--color-primary-9);color:var(--color-primary-on-9)}.step-bar__label{white-space:nowrap;font-size:12px}.step-bar__dot{background:var(--color-neutral-6);border-radius:999px;width:7px;height:7px;margin-left:auto}.step-bar__item--done .step-bar__dot{background:#23b12f}.step-bar__item--visited .step-bar__dot{background:var(--color-primary-9)}.step-bar__item--inProgress .step-bar__dot,.step-bar__item--current .step-bar__dot{background:#ee982f}.health-bar{box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;gap:4px;padding:0;position:static}.health-bar__pill,.health-bar__ready{white-space:nowrap;padding:8px 10px;font-size:11px}.health-bar__ready{margin-left:2px}.step-section{align-content:start;gap:18px;min-height:0;padding-block:42px 16px;scroll-margin-top:118px;overflow:visible}.step-section__reveal{opacity:1;transition:none;transform:none}.step-intro{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;max-width:880px;padding:4px 2px 8px;display:grid}.step-intro__index{background:var(--color-neutral-12);color:#fff;font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.step-intro__eyebrow{color:var(--color-neutral-9);text-transform:uppercase;letter-spacing:.07em;margin:1px 0 4px;font-size:11px;font-weight:700}.step-intro h2{letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.6vw,34px);line-height:1.16}.step-intro p:last-child{max-width:720px;color:var(--color-neutral-10);margin:7px 0 0;font-size:14px;line-height:1.55}.section-jump-nav{flex-wrap:wrap;gap:8px;padding:4px 0 2px 60px;display:flex}.section-jump-nav a{border:1px solid var(--color-neutral-3);color:var(--color-neutral-11);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none}.section-jump-nav a:hover,.section-jump-nav a:focus-visible{border-color:var(--color-primary-9);background:var(--color-primary-1);outline:none}.workspace-module{scroll-margin-top:122px}.section-card{border-color:var(--color-neutral-3);box-shadow:0 8px 24px rgba(var(--color-neutral-12-rgb), .045);border-radius:18px;padding:20px}.section-card__header{margin-bottom:16px}.section-card h2{margin-bottom:5px;font-size:19px}.section-card p{font-size:13px;line-height:1.5}.restore-bar{border-color:var(--color-neutral-3);background:#fff;max-width:calc(100% - 60px);margin-left:60px;padding:9px 12px;font-size:12px}.restore-bar button{padding:5px 10px;font-size:11px}.ramp-generator,.styles-setup,.primitive-value-editor,.component-coverage{border-color:var(--color-neutral-3);background:#fafbfa}.disclosure{border-color:var(--color-neutral-3)}.disclosure__summary{min-height:44px}.payload-stack{grid-template-columns:1fr;gap:12px}#export>.step-section__reveal>.section-card:first-of-type .button-grid>button:first-child{min-height:44px;padding-inline:20px}@media (width<=1180px){.workspace-toolbar{grid-template-columns:1fr}.health-bar{padding-inline:2px;overflow-x:auto}}@media (width<=900px){.sidebar{border-right:0;border-bottom:1px solid var(--color-neutral-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;height:auto;padding:14px 16px;display:grid;position:static}.sidebar__brand{align-items:center;display:flex}.sidebar__brand p,.language-switch>span{display:none}.language-switch{margin:0}.main-content{padding:12px 14px 48px}.workspace-toolbar{gap:6px;padding:5px;position:sticky;top:8px}.step-bar__item{min-width:96px}.health-bar__pill,.health-bar__ready{flex:none}.step-section{padding-block:30px 8px;scroll-margin-top:136px}.step-intro{grid-template-columns:36px minmax(0,1fr);gap:12px}.step-intro__index{border-radius:10px;width:34px;height:34px}.section-jump-nav,.restore-bar{max-width:100%;margin-left:0;padding-left:0}.section-card{border-radius:16px;padding:16px}}.step-section__reveal{gap:18px;display:grid}.app-shell{grid-template-columns:196px minmax(0,1fr)}@media (width<=900px){.app-shell{grid-template-columns:1fr}}.variable-workspace-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.variable-workspace-nav button{border:1px solid var(--color-neutral-3);min-width:0;color:var(--color-neutral-12);text-align:left;box-shadow:none;background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"index title""index meta";align-items:center;gap:2px 9px;padding:10px 11px;display:grid}.variable-workspace-nav button:hover,.variable-workspace-nav button:focus-visible{border-color:var(--color-primary-9);background:var(--color-primary-1);outline:none;transform:none}.variable-workspace-nav button>span{background:var(--color-neutral-2);width:28px;height:28px;color:var(--color-neutral-10);font-variant-numeric:tabular-nums;border-radius:8px;grid-area:index;place-items:center;font-size:10px;display:grid}.variable-workspace-nav button>strong{text-overflow:ellipsis;white-space:nowrap;grid-area:title;font-size:12px;overflow:hidden}.variable-workspace-nav button>small{color:var(--color-neutral-9);text-overflow:ellipsis;white-space:nowrap;grid-area:meta;font-size:10px;font-weight:500;overflow:hidden}.variable-workspaces{gap:8px;display:grid}.variable-workspaces>.disclosure{scroll-margin-top:128px}.variable-workspaces>.disclosure>.disclosure__summary{background:#fff;min-height:50px}.variable-workspaces>.disclosure[open]>.disclosure__summary{border-bottom:1px solid var(--color-neutral-3);background:var(--color-neutral-1)}.variable-workspace{gap:12px;display:grid}.variable-workspace--stack{gap:20px}.variable-workspace--inspect .layer-diagram{margin-top:0}.variable-workspace .primitive-setup,.variable-workspace .semantic-setup{margin-bottom:0}.variable-workspace .primitive-setup__intro{background:var(--color-neutral-1);border-radius:14px;padding:14px}.variable-workspace .primitive-setup__intro .eyebrow{display:none}.variable-workspace .primitive-setup__intro h3{margin-bottom:4px;font-size:15px}.variable-workspace .primitive-setup__intro p{font-size:12px;line-height:1.45}@media (width<=1180px){.variable-workspace-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.variable-workspace-nav{scroll-snap-type:x proximity;padding-bottom:4px;display:flex;overflow-x:auto}.variable-workspace-nav button{scroll-snap-align:start;flex:0 0 158px}.variable-workspaces>.disclosure{scroll-margin-top:142px}.variable-workspace .primitive-setup__intro{display:grid}.variable-workspace .primitive-setup__sync{justify-items:stretch}.variable-workspace .primitive-setup__blocked{text-align:left;max-width:none}}.token-browser{gap:10px;display:grid}.token-filter{border:1px solid var(--color-neutral-3);background:var(--color-neutral-1);border-radius:12px;gap:8px;padding:10px;display:grid}.token-filter__primary,.token-filter__secondary{justify-content:space-between;align-items:center;gap:8px;display:flex}.token-filter__search{border:1px solid var(--color-neutral-6);min-width:180px;height:36px;color:var(--color-neutral-9);background:#fff;border-radius:9px;flex:320px;align-items:center;gap:8px;padding:0 10px;display:flex}.token-filter__search:focus-within{border-color:var(--color-primary-9);box-shadow:0 0 0 3px rgba(var(--color-primary-9-rgb), .14)}.token-filter__search input{width:100%;color:var(--color-neutral-12);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.token-filter__category{color:var(--color-neutral-10);flex:0 260px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.token-filter__category select{border:1px solid var(--color-neutral-6);min-width:130px;height:36px;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:9px;flex:1;padding:0 30px 0 10px;font-size:12px}.token-filter__toggles,.token-filter__results{align-items:center;gap:6px;display:flex}.filter-chip{border:1px solid var(--color-neutral-6);min-height:30px;color:var(--color-neutral-10);cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.filter-chip:hover{border-color:var(--color-primary-9);color:var(--color-neutral-12)}.filter-chip input{opacity:0;pointer-events:none;position:absolute}.filter-chip:focus-within{outline:2px solid var(--color-primary-9);outline-offset:2px}.filter-chip--active{border-color:var(--color-primary-9);background:var(--color-primary-2);color:var(--color-primary-12)}.filter-chip--issue.filter-chip--active{color:#72420b;background:#fff7e8;border-color:#d38b26}.token-filter__results{color:var(--color-neutral-9);white-space:nowrap;font-size:11px}.token-filter__results button{color:var(--color-neutral-10);box-shadow:none;background:0 0;border-radius:7px;padding:4px 7px;font-size:11px}.token-filter__results button:hover{background:var(--color-neutral-2);transform:none}.semantic-table__row>strong{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.semantic-table__row--issue{background:#fffaf1}.token-state{white-space:nowrap;border-radius:999px;align-items:center;min-height:18px;padding:0 6px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.token-state--modified{background:var(--color-primary-2);color:var(--color-primary-12)}.token-state--issue{color:#72420b;background:#ffe8c2}.token-filter-empty{border:1px dashed var(--color-neutral-6);text-align:center;background:#fff;border-radius:12px;justify-items:center;gap:4px;padding:30px 18px;display:grid}.token-filter-empty strong{font-size:13px}.token-filter-empty span{color:var(--color-neutral-9);font-size:11px}@media (width<=820px){.token-filter__primary,.token-filter__secondary{flex-direction:column;align-items:stretch}.token-filter__search,.token-filter__category{flex:none;width:100%}.token-filter__category{justify-content:space-between}.token-filter__secondary{gap:9px}.token-filter__results{justify-content:space-between}}.style-browser,.binding-browser{gap:12px;display:grid}.style-column__heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.style-column__heading h3{margin:0}.style-column__heading>span{background:var(--color-neutral-3);min-width:24px;color:var(--color-neutral-10);text-align:center;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.style-item{align-items:flex-start}.style-item--issue{background:#fffaf1;border-radius:10px;margin-inline:-8px;padding-inline:8px}.style-item__copy{flex:1;min-width:0}.style-item__copy>strong,.style-item__copy>small{overflow-wrap:anywhere}.style-item__states{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.token-state--bound{background:var(--color-primary-2);color:var(--color-primary-12)}.token-state--neutral{background:var(--color-neutral-3);color:var(--color-neutral-10)}.token-state--valid{color:#176a21;background:#23b12f1a}.binding-browser__layout{grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);align-items:start;gap:12px;display:grid}.binding-table--compact{border:1px solid var(--color-neutral-4);background:#fff;border-radius:12px;overflow:hidden}.binding-table--compact .binding-table__row{border-top:1px solid var(--color-neutral-3);grid-template-columns:minmax(180px,1.25fr) minmax(130px,.8fr) minmax(220px,1.5fr);gap:12px;padding:11px 12px}.binding-table--compact .binding-table__row:first-child{border-top:0}.binding-table__row--selectable{width:100%;color:var(--color-neutral-12);box-shadow:none;text-align:left;background:#fff;border-radius:0;font-weight:400;transition:background .14s,box-shadow .14s}.binding-table__row--selectable:hover{background:var(--color-neutral-2);box-shadow:none;transform:none}.binding-table__row--selectable:active{transform:none}.binding-table__row--selectable:focus-visible{z-index:1;outline:2px solid var(--color-primary-9);outline-offset:-2px;position:relative}.binding-table__row--active{background:var(--color-primary-2);box-shadow:inset 3px 0 0 var(--color-primary-9)}.binding-table__row--issue:not(.binding-table__row--active){background:#fffaf1}.binding-table__row--selectable>strong{align-items:center;gap:7px;min-width:0;display:flex}.binding-table__row--selectable>strong>span:last-child,.binding-table__row--selectable>span{overflow-wrap:anywhere}.binding-kind{background:var(--color-neutral-3);color:var(--color-neutral-10);border-radius:5px;flex:none;padding:3px 5px;font-size:9px;line-height:1}.binding-target{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.binding-target>span:first-child{overflow-wrap:anywhere;min-width:0}.binding-inspector{border:1px solid var(--color-neutral-4);background:var(--color-neutral-1);border-radius:12px;gap:14px;padding:14px;display:grid;position:sticky;top:104px}.binding-inspector__heading{justify-items:start;gap:6px;display:grid}.binding-inspector__heading h3{overflow-wrap:anywhere;margin:0;font-size:15px}.binding-inspector__heading .eyebrow{margin:0}.binding-inspector__list{gap:0;margin:0;display:grid}.binding-inspector__list>div{border-top:1px solid var(--color-neutral-4);gap:4px;padding:10px 0;display:grid}.binding-inspector__list dt{color:var(--color-neutral-9);text-transform:uppercase;font-size:10px;font-weight:700}.binding-inspector__list dd{color:var(--color-neutral-12);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}@media (width<=1040px){.binding-browser__layout{grid-template-columns:1fr}.binding-inspector{position:static}}@media (width<=760px){.binding-table--compact .binding-table__row--head{display:none}.binding-table--compact .binding-table__row{grid-template-columns:1fr;gap:6px}.binding-target{flex-wrap:wrap;justify-content:flex-start}}.check-filter-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.check-filter-tab{border:1px solid var(--color-neutral-5);min-height:44px;color:var(--color-neutral-10);box-shadow:none;text-align:left;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.check-filter-tab:hover{border-color:var(--color-primary-7);background:var(--color-neutral-1);transform:none}.check-filter-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.check-filter-tab strong{background:var(--color-neutral-3);min-width:24px;color:var(--color-neutral-11);text-align:center;border-radius:999px;padding:3px 7px;font-size:10px}.check-filter-tab--active{border-color:var(--color-primary-9);box-shadow:0 0 0 2px rgba(var(--color-primary-9-rgb), .1);color:var(--color-primary-12)}.check-filter-tab--danger.check-filter-tab--active{background:#fff7f7;border-color:#f53d3d73}.check-filter-tab--warning.check-filter-tab--active{background:#fff9ef;border-color:#ee982f80}.check-filter-tab--review.check-filter-tab--active{border-color:rgba(var(--color-accent-9-rgb), .35);background:#f3fbfb}.check-filter-tab--success.check-filter-tab--active{background:#f2fbf5;border-color:#23b12f59}.check-toolbar{border:1px solid var(--color-neutral-3);background:var(--color-neutral-1);border-radius:12px;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto auto;align-items:center;gap:8px;margin-bottom:14px;padding:10px;display:grid}.check-toolbar__search input,.check-toolbar__section select{border:1px solid var(--color-neutral-6);width:100%;height:36px;color:var(--color-neutral-12);font:inherit;background:#fff;border-radius:9px;font-size:12px}.check-toolbar__search input{padding:0 10px}.check-toolbar__section select{padding:0 30px 0 10px}.check-toolbar__search input:focus,.check-toolbar__section select:focus{border-color:var(--color-primary-9);box-shadow:0 0 0 3px rgba(var(--color-primary-9-rgb), .14);outline:0}.check-toolbar__results{color:var(--color-neutral-9);white-space:nowrap;font-size:11px}.check-toolbar__clear{color:var(--color-neutral-10);box-shadow:none;background:0 0;border-radius:8px;padding:7px 9px;font-size:11px}.check-toolbar__clear:hover{background:var(--color-neutral-3);transform:none}.check-workbench{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:start;gap:14px;display:grid}.check-queue{gap:12px;min-width:0;display:grid}.check-queue__group{border:1px solid var(--color-neutral-4);background:#fff;border-radius:12px;overflow:hidden}.check-queue__group-heading{border-bottom:1px solid var(--color-neutral-3);background:var(--color-neutral-1);justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:8px 10px;display:flex}.check-queue__group-heading h4{color:var(--color-neutral-11);margin:0;font-size:11px}.check-queue__group-heading span{background:var(--color-neutral-3);min-width:22px;color:var(--color-neutral-10);text-align:center;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.check-queue__items{display:grid}.check-queue-item{border:0;border-bottom:1px solid var(--color-neutral-3);width:100%;min-height:42px;color:var(--color-neutral-12);box-shadow:none;text-align:left;background:#fff;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;display:grid}.check-queue-item:last-child{border-bottom:0}.check-queue-item:hover{background:var(--color-neutral-1);transform:none}.check-queue-item:focus-visible{z-index:1;outline:2px solid var(--color-primary-9);outline-offset:-2px;position:relative}.check-queue-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.check-queue-item--selected{background:var(--color-primary-2)}.check-queue-item--error.check-queue-item--selected{background:#fff2f2}.check-queue-item--warning.check-queue-item--selected{background:#fff7e8}.check-queue-item--review.check-queue-item--selected{background:#eefafa}.check-detail{border:1px solid var(--color-neutral-4);background:#fff;border-radius:14px;gap:14px;padding:16px;display:grid;position:sticky;top:82px;box-shadow:0 10px 28px #1a16250f}.check-detail__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.check-detail__header h3{color:var(--color-primary-12);margin:4px 0 0;font-size:16px;line-height:1.35}.check-detail__eyebrow,.check-detail__section{color:var(--color-neutral-9);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.check-detail__section{background:var(--color-neutral-2);letter-spacing:0;text-transform:none;border-radius:7px;width:fit-content;padding:4px 7px}.check-detail__block{gap:5px;display:grid}.check-detail__block strong{color:var(--color-neutral-11);font-size:11px}.check-detail__block p{color:var(--color-neutral-10);margin:0;font-size:12px;line-height:1.55}.check-detail__block--fix{background:var(--color-primary-1);border-radius:10px;padding:11px 12px}.check-detail__actions{padding-top:2px}.check-detail__actions .rule-item__locate{min-height:34px}.check-detail__manual{background:#f3fbfb;border-radius:10px;gap:4px;padding:10px 11px;display:grid}.check-detail__manual strong{color:#155d72;font-size:11px}.check-detail__manual span,.check-detail__empty{color:var(--color-neutral-9);font-size:11px;line-height:1.5}.check-empty-state{border:1px dashed var(--color-neutral-6);min-height:70px;color:var(--color-neutral-10);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-size:12px;display:flex}.check-passing-list{gap:8px;display:grid}@media (width<=980px){.check-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.check-toolbar{grid-template-columns:1fr 1fr}.check-workbench{grid-template-columns:1fr}.check-detail{position:static}}@media (width<=620px){.check-filter-tabs{scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.check-filter-tabs::-webkit-scrollbar{display:none}.check-filter-tab{min-width:132px}.check-toolbar{grid-template-columns:1fr}.check-toolbar__results{justify-self:start}.check-empty-state{flex-direction:column;align-items:flex-start}}.export-readiness{border:1px solid var(--color-neutral-3);background:#fafbfa;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;margin-bottom:16px;padding:14px 16px;display:grid}.export-readiness--ready{background:#f3faf6;border-color:#cfe8d8}.export-readiness--attention{background:#fff9ed;border-color:#ead9ac}.export-readiness--blocked{background:#fff1f1;border-color:#efcaca}.export-readiness__message{align-items:flex-start;gap:10px;min-width:0;display:flex}.export-readiness__message div{gap:3px;display:grid}.export-readiness__message strong{color:var(--color-neutral-12);font-size:14px}.export-readiness__message span{color:var(--color-neutral-10);font-size:12px;line-height:1.4}.export-readiness__dot{background:#65706a;border-radius:999px;flex:none;width:9px;height:9px;margin-top:5px}.export-readiness--ready .export-readiness__dot{background:#159455}.export-readiness--attention .export-readiness__dot{background:#b57914}.export-readiness--blocked .export-readiness__dot{background:#c63d3d}.export-readiness__review{color:var(--color-neutral-11);border:1px solid var(--color-neutral-4);box-shadow:none;background:#fff;padding:7px 11px;font-size:12px}.export-readiness__counts{border-top:1px solid rgba(var(--color-neutral-12-rgb), .08);flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-top:10px;display:flex}.export-readiness__counts span{color:var(--color-neutral-10);align-items:baseline;gap:5px;font-size:11px;display:inline-flex}.export-readiness__counts strong{color:var(--color-neutral-12);font-size:13px}.export-options{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:12px;display:grid}.export-option{border:1px solid var(--color-neutral-3);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:16px;display:flex}.export-option--primary{border-color:rgba(var(--color-primary-9-rgb), .28);background:rgba(var(--color-primary-9-rgb), .035)}.export-option h3{color:var(--color-neutral-12);margin:0;font-size:14px}.export-option p{color:var(--color-neutral-10);flex:1;margin:0;font-size:12px;line-height:1.5}.export-option button{width:100%;min-height:38px}.export-option__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.export-option__badge{background:rgba(var(--color-primary-9-rgb), .1);color:var(--color-primary-11);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.export-option__hint{color:var(--color-neutral-9);font-size:10px;line-height:1.4}.component-preview__toolbar{border-bottom:1px solid var(--color-neutral-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.component-preview__control{align-items:center;gap:8px;display:flex}.component-preview__control>span{color:var(--color-neutral-9);font-size:11px;font-weight:600}.component-preview--single{grid-template-columns:minmax(0,1fr);max-width:720px}#export-developer>.disclosure{background:#fff}@media (width<=980px){.export-options{grid-template-columns:1fr 1fr}.export-option--primary{grid-column:1/-1}}@media (width<=680px){.export-readiness{grid-template-columns:1fr}.export-readiness__review{width:100%}.export-readiness__counts{grid-column:1}.export-options{grid-template-columns:1fr}.export-option--primary{grid-column:auto}.component-preview__toolbar{display:grid}.component-preview__control{flex-direction:column;align-items:flex-start}.component-preview__density{width:100%;overflow-x:auto}.component-preview__density-option{flex:1 0 auto}}.export-error{color:#8a1f1f;background:#ffe8e8;border:1px solid #f53d3d4d;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.875rem;line-height:1.45}.step-section[data-cinematic-scene]{--scene-progress:0;--scene-rule-scale:.28;--scene-parallax-y:0px;--scene-intro-y:0px;isolation:isolate;padding-block:clamp(56px,7vw,96px) clamp(32px,4vw,52px);position:relative}.step-section[data-cinematic-scene]+.step-section[data-cinematic-scene]{margin-top:clamp(18px,3vw,42px)}.step-section[data-cinematic-scene]:before{content:"";z-index:-2;border:1px solid rgba(var(--color-neutral-12-rgb), .045);pointer-events:none;background:#ffffff6b;border-radius:clamp(22px,3vw,34px);position:absolute;inset:20px -10px 8px}.step-section__backdrop{z-index:-1;opacity:.72;transform:translate3d(0, var(--scene-parallax-y), 0);will-change:transform;pointer-events:none;border-radius:40px;display:block;position:absolute;inset:0 -18px 10%}.step-section--brand .step-section__backdrop{background:radial-gradient(circle at 12% 18%, rgba(var(--color-primary-9-rgb), .11), transparent 31%), linear-gradient(180deg, #ffffffb8, #fff0)}.step-section--system .step-section__backdrop{background:radial-gradient(circle at 86% 20%,#379e9a16,#0000 28%),linear-gradient(#ffffffa8,#fff0)}.step-section--check .step-section__backdrop{background:radial-gradient(circle at 18% 28%,#ee982f12,#0000 28%),linear-gradient(#ffffffa3,#fff0)}.step-section--export .step-section__backdrop{background:radial-gradient(circle at 82% 24%,#23b12f12,#0000 30%),linear-gradient(#ffffffb3,#fff0)}.step-section[data-cinematic-scene]>.step-section__reveal>.step-intro{transform:translate3d(0, var(--scene-intro-y), 0);will-change:transform}.cinematic-scroll-ready .step-section[data-cinematic-scene]:not(.step-section--entered)>.step-section__reveal>.step-intro,.cinematic-scroll-ready .step-section[data-cinematic-scene]:not(.step-section--entered)>.step-section__reveal>.section-jump-nav,.cinematic-scroll-ready .step-section[data-cinematic-scene]:not(.step-section--entered)>.step-section__reveal>.restore-bar{opacity:0;transform:translateY(22px)}.cinematic-scroll-ready .step-section[data-cinematic-scene]>.step-section__reveal>.step-intro,.cinematic-scroll-ready .step-section[data-cinematic-scene]>.step-section__reveal>.section-jump-nav,.cinematic-scroll-ready .step-section[data-cinematic-scene]>.step-section__reveal>.restore-bar{transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1)}.cinematic-scroll-ready .step-section--entered>.step-section__reveal>.section-jump-nav,.cinematic-scroll-ready .step-section--entered>.step-section__reveal>.restore-bar{transition-delay:90ms}.step-section[data-cinematic-scene]>.step-section__reveal>.step-intro:after{content:"";background:linear-gradient(90deg, rgba(var(--color-neutral-12-rgb), .11), transparent 72%);height:1px;transform:scaleX(var(--scene-rule-scale));transform-origin:0;position:absolute;bottom:-18px;left:60px;right:0}.step-intro{position:relative}.workspace-module,.section-card,.variable-workspace,.check-workbench,.export-options,.component-preview{transform:none}@media (width<=900px),(pointer:coarse){.step-section[data-cinematic-scene]{padding-block:38px 22px}.step-section[data-cinematic-scene]+.step-section[data-cinematic-scene]{margin-top:10px}.step-section__backdrop{opacity:.5;transform:none}.step-section[data-cinematic-scene]>.step-section__reveal>.step-intro{will-change:auto;transform:none}.step-section[data-cinematic-scene]:before{border-radius:22px;inset-inline:-4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.step-section__backdrop,.step-section[data-cinematic-scene]>.step-section__reveal>.step-intro,.cinematic-scroll-ready .step-section[data-cinematic-scene]>.step-section__reveal>.step-intro,.cinematic-scroll-ready .step-section[data-cinematic-scene]>.step-section__reveal>.section-jump-nav,.cinematic-scroll-ready .step-section[data-cinematic-scene]>.step-section__reveal>.restore-bar{opacity:1;will-change:auto;transition:none;transform:none}.step-section[data-cinematic-scene]>.step-section__reveal>.step-intro:after{transform:none}}.step-section[data-cinematic-scene]:before{transition:border-color .32s,background-color .32s,box-shadow .32s}.step-section[data-cinematic-scene].step-section--active:before{border-color:rgba(var(--color-primary-9-rgb), .11);box-shadow:0 18px 48px rgba(var(--color-neutral-12-rgb), .035);background:#ffffff8f}.step-section[data-cinematic-scene] .step-intro__index{transition:background-color .26s,color .26s,box-shadow .26s}.step-section[data-cinematic-scene].step-section--active .step-intro__index{background:var(--color-primary-9);color:var(--color-primary-on-9);box-shadow:0 0 0 4px rgba(var(--color-primary-9-rgb), .075)}.step-section[data-cinematic-scene].step-section--active>.step-section__reveal>.step-intro:after{background:linear-gradient(90deg, rgba(var(--color-primary-9-rgb), .28), rgba(var(--color-neutral-12-rgb), .08) 44%, transparent 78%)}.step-bar__item:focus-visible,.language-switch__button:focus-visible,.health-bar button:focus-visible,.restore-bar button:focus-visible{outline:2px solid var(--color-primary-9);outline-offset:2px}@media (width<=900px),(pointer:coarse){.step-section[data-cinematic-scene]:before,.step-section[data-cinematic-scene] .step-intro__index{transition:none}.step-section[data-cinematic-scene].step-section--active:before{box-shadow:none}}@media (prefers-reduced-motion:reduce){.step-section[data-cinematic-scene]:before,.step-section[data-cinematic-scene] .step-intro__index{transition:none}}:root{--workspace-radius-lg:16px;--workspace-radius-md:12px;--workspace-shadow-float:0 10px 28px rgba(var(--color-neutral-12-rgb), .055);--workspace-shadow-card:0 5px 18px rgba(var(--color-neutral-12-rgb), .035);--workspace-focus-ring:0 0 0 3px rgba(var(--color-primary-9-rgb), .16)}button{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,opacity .16s}button:hover,button:active{transform:none}.skip-link{z-index:1000;border:1px solid var(--color-primary-9);color:var(--color-primary-12);box-shadow:var(--workspace-shadow-float);background:#fff;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .14s;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#main-workspace:focus{outline:none}:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-primary-9);outline-offset:2px}:where(input,select,textarea):focus-visible{border-color:var(--color-primary-9);box-shadow:var(--workspace-focus-ring)}.workspace-toolbar{border-radius:var(--workspace-radius-lg);box-shadow:var(--workspace-shadow-float)}.section-card,.check-detail{border-radius:var(--workspace-radius-lg);box-shadow:var(--workspace-shadow-card)}.disclosure,.token-filter,.check-toolbar,.check-queue__group,.export-readiness,.export-option,.token-filter-empty,.check-empty-state{border-radius:var(--workspace-radius-md)}.section-card__header h2,.section-card h2{letter-spacing:-.012em;line-height:1.3}.section-card__header p,.section-card>p{max-width:78ch}.token-table__row,.semantic-table__row,.binding-table__row,.check-queue-item{line-height:1.4}.section-jump-nav a,.step-bar__item,.health-bar button{-webkit-tap-highlight-color:transparent}@media (width<=700px){.section-jump-nav{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.section-jump-nav::-webkit-scrollbar{display:none}.section-jump-nav a{scroll-snap-align:start;white-space:nowrap;flex:none}.step-bar{scroll-snap-type:x proximity}.step-bar__item{scroll-snap-align:center}}@media (width<=520px){.sidebar{padding:11px 12px}.brand-mark{border-radius:11px;width:36px;height:36px;margin:0;font-size:12px}.sidebar h1{margin:0;font-size:15px}.main-content{padding-inline:10px}.workspace-toolbar{border-radius:14px;top:6px}.step-bar__item{min-width:88px;padding-inline:8px}.health-bar{gap:3px}.health-bar__pill,.health-bar__ready{padding:7px 9px}.step-section[data-cinematic-scene]{padding-block:32px 18px}.step-intro h2{font-size:clamp(22px,7vw,28px)}.step-intro p:last-child{font-size:13px}.section-card,.check-detail{padding:14px}}@media (width>=701px) and (width<=900px){.main-content{padding-inline:20px}.step-section[data-cinematic-scene]{padding-block:44px 26px}}@media (width>=1600px){.main-content{max-width:1560px;padding-inline:36px}.check-workbench{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)}.binding-browser__layout{grid-template-columns:minmax(0,1.9fr) minmax(300px,.7fr)}}@media (pointer:coarse){.step-bar__item,.health-bar button,.section-jump-nav a,.variable-workspace-nav button,.check-filter-tab,.check-queue-item,.filter-chip,.component-preview__density-option,.export-option button,.rule-item__locate,input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{min-height:44px}}@media (forced-colors:active){.workspace-toolbar,.section-card,.disclosure,.check-detail,.export-option,.step-section[data-cinematic-scene]:before{box-shadow:none;border:1px solid canvastext}:where(button,a,input,select,textarea,summary):focus-visible,.step-section[data-cinematic-scene].step-section--active .step-intro__index,.step-bar__item--current{outline:2px solid highlight}}@media (prefers-reduced-motion:reduce){.skip-link,button{transition:none}}