.ds-editor{--ds-bg:var(--theme-deep,var(--ds-bg));--ds-panel:var(--theme-panel,var(--ds-panel));--ds-raised:var(--theme-raised,var(--ds-raised));--ds-line:var(--theme-border,var(--ds-line));--ds-line-strong:var(--theme-border-strong,var(--ds-line-strong));--ds-ink:var(--theme-text,var(--ds-ink));--ds-ink-muted:var(--theme-text-muted,var(--ds-ink-muted));--ds-accent:var(--theme-accent,var(--ds-accent));--ds-accent-contrast:var(--theme-accent-contrast,var(--ds-accent-contrast));--ds-danger:var(--theme-danger,var(--ds-danger));--ds-ok:var(--theme-positive,var(--ds-ok));--ds-gap:.75rem;--ds-pad:1rem;--ds-control-pad:.3rem .55rem;--ds-section-gap:2rem;gap:var(--ds-section-gap);background:var(--ds-bg);block-size:100%;min-block-size:0;color:var(--ds-ink);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-columns:15rem minmax(0,1fr) 21rem;display:grid}.ds-editor[data-density=compact]{--ds-gap:.4rem;--ds-pad:.6rem;--ds-control-pad:.2rem .4rem;--ds-section-gap:1.25rem}.ds-editor[data-density=spacious]{--ds-gap:1.1rem;--ds-pad:1.4rem;--ds-control-pad:.45rem .7rem;--ds-section-gap:3rem}.ds-nav,.ds-side{gap:var(--ds-gap);padding:var(--ds-pad);flex-direction:column;min-block-size:0;display:flex;overflow-y:auto}.ds-nav{border-inline-end:1px solid var(--ds-line)}.ds-side{border-inline-start:1px solid var(--ds-line)}.ds-nav__themes{flex-direction:column;gap:.25rem;display:flex}.ds-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ds-ink-muted);font-size:.7rem}.ds-select,.ds-token__value,.ds-brief__toggle,.ds-button{font:inherit;color:var(--ds-ink);background:var(--ds-raised);border:1px solid var(--ds-line);padding:var(--ds-control-pad);border-radius:.4rem}.ds-select{inline-size:100%}.ds-nav__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ds-nav__link{justify-content:space-between;align-items:center;gap:var(--ds-gap);padding:var(--ds-control-pad) .5rem;color:var(--ds-ink-muted);border-radius:.4rem;font-size:.85rem;text-decoration:none;display:flex}.ds-nav__link:hover{background:var(--ds-raised);color:var(--ds-ink)}.ds-nav__link[aria-current]{color:var(--ds-ink);box-shadow:inset 2px 0 0 var(--ds-accent)}.ds-nav__count{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ds-ink-muted);font-size:.7rem}.ds-body{padding:var(--ds-pad) var(--ds-section-gap);scroll-behavior:smooth;min-block-size:0;overflow-y:auto}.ds-title{margin:0;font-size:1.1rem}.ds-subtitle{margin:.25rem 0 var(--ds-section-gap);color:var(--ds-ink-muted);max-inline-size:46rem;font-size:.8rem}.ds-section{margin-block-end:var(--ds-section-gap);scroll-margin-block-start:var(--ds-pad)}.ds-section__title{margin:0 0 .15rem;font-size:.95rem}.ds-section__hint{margin:0 0 var(--ds-gap);color:var(--ds-ink-muted);max-inline-size:52rem;font-size:.78rem}.ds-section__empty,.ds-section__unrecognised{color:var(--ds-ink-muted);font-size:.75rem}.ds-section__tokens{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ds-token{padding:var(--ds-control-pad) .5rem;border:1px solid #0000;border-radius:.4rem}.ds-token:hover{background:var(--ds-panel)}.ds-token[data-dirty]{border-color:var(--ds-line-strong);background:var(--ds-panel)}.ds-token__main{align-items:center;gap:var(--ds-gap);grid-template-columns:11rem auto minmax(8rem,1fr) auto;display:grid}.ds-token__name{color:var(--ds-ink);font-size:.8rem}.ds-token__swatch{border:1px solid var(--ds-line-strong);border-radius:.3rem;block-size:1.25rem;inline-size:1.25rem}.ds-token__value{font-family:var(--font-mono,ui-monospace, monospace);inline-size:100%;font-size:.75rem}.ds-token__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--ds-accent);font-size:.65rem}.ds-token__probe{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.ds-token__pairs{gap:var(--ds-gap);flex-wrap:wrap;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.ds-pair{color:var(--ds-ink-muted);font-size:.68rem;font-family:var(--font-mono,ui-monospace, monospace);align-items:baseline;gap:.4rem;display:flex}.ds-pair[data-fail]{color:var(--ds-danger)}.ds-pair__ratio{color:var(--ds-ink)}.ds-pair[data-live] .ds-pair__ratio{color:var(--ds-accent)}.ds-pair__reason{color:inherit;font-family:inherit}.ds-contract{border-collapse:collapse;inline-size:100%;font-size:.72rem;font-family:var(--font-mono,ui-monospace, monospace);margin-block-start:var(--ds-gap)}.ds-contract caption{text-align:start;color:var(--ds-ink-muted);padding-block-end:.35rem;font-family:inherit}.ds-contract th{text-align:start;color:var(--ds-ink-muted);border-block-end:1px solid var(--ds-line);padding:.2rem .5rem .2rem 0;font-weight:500}.ds-contract td{border-block-end:1px solid var(--ds-line);padding:.2rem .5rem .2rem 0}.ds-contract tr[data-fail]{color:var(--ds-danger)}.ds-failure{padding:var(--ds-pad);border:1px solid var(--ds-danger);border-radius:.5rem;margin-block-start:var(--ds-gap);font-size:.75rem}.ds-failure__count{margin:0 0 .3rem;font-weight:600}.ds-failure ul{margin:0;padding-inline-start:1.1rem}.ds-parity{color:var(--ds-danger);margin-block-start:var(--ds-gap);padding-inline-start:1.1rem;font-size:.72rem}.ds-preview{flex-direction:column;gap:.35rem;display:flex}.ds-preview__title{justify-content:space-between;align-items:baseline;margin:0;font-size:.8rem;display:flex}.ds-preview__theme{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ds-ink-muted);font-size:.7rem}.ds-preview__frame{border:1px solid var(--ds-line-strong);background:var(--theme-app,#0b0d10);border-radius:.5rem;block-size:22rem;inline-size:100%}.ds-save{gap:var(--ds-gap);padding:var(--ds-pad);border:1px solid var(--ds-line);background:var(--ds-panel);border-radius:.5rem;flex-direction:column;display:flex;position:sticky;inset-block-end:0}.ds-save__status{margin:0;font-size:.78rem}.ds-save[data-busy] .ds-save__status{color:var(--ds-accent)}.ds-save__list{flex-direction:column;gap:.15rem;max-block-size:12rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ds-save__list code{font-size:.68rem}.ds-save__arrow{color:var(--ds-ink-muted);padding-inline:.25rem}.ds-save__value{color:var(--ds-accent)}.ds-specimen{margin:0 0 var(--ds-gap);flex-direction:column;gap:.3rem;display:flex}.ds-specimen__frame{border-color:var(--ds-line);block-size:15rem}.ds-specimen__caption{color:var(--ds-ink-muted);font-size:.68rem}.ds-section__aliases{margin:0 0 var(--ds-gap);padding:var(--ds-control-pad) .6rem;border:1px solid var(--ds-line);background:var(--ds-panel);color:var(--ds-ink-muted);border-radius:.4rem;font-size:.75rem}.ds-section__aliases code{color:var(--ds-ink);font-size:.72rem}.ds-token__copy{font:inherit;color:var(--ds-ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.3rem;padding:.1rem .3rem;font-size:.65rem}.ds-token__copy:hover:not(:disabled){color:var(--ds-ink);border-color:var(--ds-line-strong)}.ds-token__copy:disabled{opacity:.4;cursor:not-allowed}.ds-token:has(.ds-token__value:focus-visible){border-color:var(--ds-accent)}.ds-save__actions{gap:var(--ds-gap);display:flex}.ds-button{cursor:pointer}.ds-button:disabled{opacity:.5;cursor:not-allowed}.ds-button:not(:disabled):hover{border-color:var(--ds-line-strong)}.ds-button--quiet{background:0 0}.ds-save__notice{color:var(--ds-ink-muted);margin:0;font-size:.72rem}.ds-save__notice--error{color:var(--ds-danger)}.ds-brief{margin-block-start:auto}.ds-brief__toggle{cursor:pointer;text-align:start;inline-size:100%}.ds-brief__body{padding:var(--ds-control-pad);background:var(--ds-bg);border:1px solid var(--ds-line);white-space:pre-wrap;border-radius:.4rem;max-block-size:18rem;margin:.35rem 0 0;font-size:.68rem;line-height:1.45;overflow:auto}.ds-note{color:var(--ds-ink-muted);padding:2rem}.ds-note--error{color:var(--ds-danger)}.ds-note__remedy{color:var(--ds-ink-muted)}.ds-picker{align-items:center;gap:.25rem;display:inline-flex}.ds-picker__swatch{border:1px solid var(--ds-line-strong);background-image:linear-gradient(45deg, var(--ds-line) 25%, transparent 25%, transparent 75%, var(--ds-line) 75%), linear-gradient(45deg, var(--ds-line) 25%, transparent 25%, transparent 75%, var(--ds-line) 75%);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:.3rem;block-size:1.25rem;inline-size:1.25rem;display:inline-block;position:relative;overflow:hidden}.ds-picker__swatch:has(.ds-picker__input){background-color:#0000}.ds-picker__input{cursor:pointer;appearance:none;background:0 0;border:none;block-size:100%;inline-size:100%;padding:0;position:absolute;inset:0}.ds-picker__input::-webkit-color-swatch-wrapper{padding:0}.ds-picker__input::-webkit-color-swatch{border:none}.ds-picker__unpaintable{background:linear-gradient(to top right, transparent 45%, var(--ds-ink-muted) 45%, var(--ds-ink-muted) 55%, transparent 55%);position:absolute;inset:0}.ds-picker__drop{block-size:1.25rem;inline-size:1.25rem;color:var(--ds-ink-muted);background:var(--ds-raised);border:1px solid var(--ds-line);cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.ds-picker__drop:hover{color:var(--ds-ink);border-color:var(--ds-line-strong)}.ds-sample{background:var(--theme-app);color:var(--theme-text);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);padding:.9rem;font-size:.8rem;line-height:1.45}.ds-sample__body{margin:0 0 .3rem}.ds-sample__muted{color:var(--theme-text-muted);margin:0 0 .7rem}.ds-sample__actions{gap:.4rem;margin-block-end:.7rem;display:flex}.ds-sample__primary,.ds-sample__ghost{font:inherit;border-radius:.4rem;padding:.3rem .6rem;font-size:.72rem}.ds-sample__primary{background:var(--theme-accent);color:var(--theme-accent-contrast);border:1px solid var(--theme-accent)}.ds-sample__ghost{color:var(--theme-text);border:1px solid var(--theme-border-strong);background:0 0}.ds-sample__card{background:var(--theme-raised);border:1px solid var(--theme-border);color:var(--theme-text);border-radius:.5rem;align-items:center;gap:.4rem;margin-block-end:.7rem;padding:.5rem;display:flex}.ds-sample__dot{background:var(--theme-positive);border-radius:999px;block-size:.5rem;inline-size:.5rem}.ds-sample__diff{font-family:var(--font-mono,ui-monospace, monospace);margin:0 0 .3rem;font-size:.7rem}.ds-sample__add{color:var(--theme-diff-add)}.ds-sample__del{color:var(--theme-diff-delete)}.ds-sample__mono{color:var(--theme-text-muted);font-family:var(--font-mono,ui-monospace, monospace);margin:0;font-size:.68rem}@media (width<70rem){.ds-editor{grid-template-columns:12rem minmax(0,1fr)}.ds-side{border-inline-start:none;border-block-start:1px solid var(--ds-line);grid-column:1/-1}}.ds-standalone{grid-template-rows:auto minmax(0,1fr);block-size:100dvh;display:grid}.ds-standalone__bar{border-block-end:1px solid var(--ds-line,#262b33);justify-content:flex-end;align-items:center;gap:.75rem;padding:.35rem .75rem;display:flex}.ds-standalone__control{color:var(--ds-ink-muted,#9aa5b1);align-items:center;gap:.35rem;display:inline-flex}.ds-standalone__control .ds-select{inline-size:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-gen{padding:var(--ds-pad);border:1px solid var(--ds-line);background:var(--ds-panel);border-radius:.5rem;margin-block-end:var(--ds-section-gap)}.ds-gen__head{justify-content:space-between;align-items:center;gap:var(--ds-gap);flex-wrap:wrap;display:flex}.ds-gen__title{margin:0;font-size:.95rem}.ds-gen__actions{gap:var(--ds-gap);display:flex}.ds-gen__fail{margin:var(--ds-gap) 0 0;color:var(--ds-danger);font-size:.75rem}.ds-gen__none{margin:var(--ds-gap) 0 0;color:var(--ds-ink-muted);font-size:.75rem}.ds-gen__bases{border-block-start:1px solid var(--ds-line);gap:var(--ds-gap) var(--ds-section-gap);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-block-start:var(--ds-gap);padding-block-start:var(--ds-gap);display:grid}.ds-knob{flex-direction:column;gap:.2rem;font-size:.75rem;display:flex}.ds-knob__label{color:var(--ds-ink-muted)}.ds-knob input[type=range]{accent-color:var(--ds-accent);inline-size:100%}.ds-knob output{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ds-ink);font-size:.7rem}.ds-gen__shapes{color:var(--ds-ink-muted);grid-column:1/-1;margin:0;font-size:.72rem}.ds-gen__shapes code{font-size:.7rem}.ds-gen__rows{margin:var(--ds-gap) 0 0;flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.ds-gen__row{align-items:center;gap:var(--ds-gap);border:1px solid #0000;border-radius:.35rem;grid-template-columns:8rem auto minmax(8rem,1fr) 4.5rem;padding:.15rem .35rem;display:grid}.ds-gen__row[data-dirty]{border-color:var(--ds-line-strong);background:var(--ds-raised)}.ds-gen__name{font-size:.75rem}.ds-gen__swatch{border:1px solid var(--ds-line-strong);border-radius:.25rem;block-size:1rem;inline-size:1rem}.ds-gen__value{font-family:var(--font-mono,ui-monospace, monospace);inline-size:100%;color:var(--ds-ink);background:var(--ds-bg);border:1px solid var(--ds-line);border-radius:.3rem;padding:.15rem .35rem;font-size:.72rem}.ds-gen__ratio{font-family:var(--font-mono,ui-monospace, monospace);text-align:end;color:var(--ds-ink-muted);font-size:.7rem}.ds-gen__ratio[data-worse]{color:var(--ds-danger)}