.dsx{background:var(--ref-n-100);min-height:100vh;color:var(--ref-n-900);padding-bottom:var(--sp-12);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.dsx-head{padding:var(--sp-10) var(--pad-x) var(--sp-6);max-width:var(--w-content);margin-inline:auto}.dsx-head h1{margin:0 0 var(--sp-3);font-size:var(--fs-h1);line-height:var(--lh-title);letter-spacing:var(--tr-display)}.dsx-head p{max-width:var(--w-text);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ref-n-700);margin:0}.dsx-toc{gap:var(--sp-2);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.dsx-toc a{padding:6px var(--sp-3);border-radius:var(--r-pill);background:var(--ref-n-0);box-shadow:var(--shadow-1);font-size:var(--fs-dense);color:var(--ref-n-700);font-weight:600}.dsx-sec{max-width:var(--w-content);padding:var(--sp-8) var(--pad-x) 0;margin:0 auto}.dsx-sec>h2{margin:0 0 var(--sp-2);font-size:var(--fs-h3);letter-spacing:var(--tr-title)}.dsx-sec>p{margin:0 0 var(--sp-5);max-width:var(--w-text);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ref-n-600)}.dsx-pair{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.dsx-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.dsx-panel{border-radius:var(--r-xl);min-width:0;padding:var(--sp-5);background:var(--ds-bg);color:var(--ds-text);box-shadow:var(--shadow-2)}.dsx-panel-name{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--tr-label);color:var(--ds-muted);margin-bottom:var(--sp-4);font-weight:600}.dsx-row{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.dsx-row:last-child{margin-bottom:0}.dsx-stack{gap:var(--sp-3);flex-direction:column;display:flex}.dsx-row-label{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer;display:flex}.dsx-swatches{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.dsx-sw{border-radius:var(--r-md);background:var(--ds-surface);box-shadow:var(--shadow-1);overflow:hidden}.dsx-sw i{height:56px;display:block}.dsx-sw b{padding:var(--sp-2) var(--sp-3) 0;font-size:var(--fs-caption);font-weight:600;display:block}.dsx-sw s{padding:2px var(--sp-3) var(--sp-2);font-size:var(--fs-caption);color:var(--ds-muted);text-decoration:none;display:block}.dsx-scale{gap:var(--sp-3);padding:var(--sp-2) 0;grid-template-columns:120px minmax(0,1fr);align-items:baseline;display:grid}.dsx-scale>:last-child{min-width:0;overflow:hidden}.dsx-scale code{font-size:var(--fs-caption);color:var(--ds-muted);font-family:var(--font-mono)}.dsx-bar{border-radius:var(--r-xs);background:color-mix(in oklab, var(--ds-accent) 35%, transparent);height:16px}.dsx-radius{background:color-mix(in oklab, var(--ds-accent) 18%, transparent);width:72px;height:56px}.dsx-elev{border-radius:var(--r-lg);background:var(--ds-surface);width:100%;height:72px;font-size:var(--fs-caption);color:var(--ds-muted);place-items:center;display:grid}.dsx-note{max-width:var(--w-text);margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--ref-n-0);box-shadow:var(--shadow-1);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ref-n-700)}.dsx-note code{font-family:var(--font-mono);font-size:var(--fs-caption);background:var(--ref-n-200);border-radius:var(--r-xs);padding:1px 5px}.dsx-doc{gap:var(--sp-3);max-width:var(--w-text);margin-top:var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-body);display:grid}.dsx-doc-what{color:var(--ref-n-700);margin:0}.dsx-doc-cols{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.dsx-doc-cols b{margin-bottom:var(--sp-1);font-size:var(--fs-caption);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ds-muted);font-weight:600;display:block}.dsx-doc-cols ul{padding-left:var(--sp-4);color:var(--ref-n-700);margin:0}.dsx-doc-props{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--ds-muted)}.dsx-icons-bar{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.dsx-icons-bar .ds-input{max-width:22rem}.dsx-icons-count{font-size:var(--fs-caption);color:var(--ds-muted);white-space:nowrap}.dsx-icons-grid{gap:var(--sp-1);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.dsx-icon{justify-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-md);color:var(--ds-text);cursor:pointer;transition:background var(--t-fast) var(--ease);background:0 0;border:0;display:grid}.dsx-icon:hover{background:color-mix(in oklab, var(--ds-text) 6%, transparent)}.dsx-icon.is-copied{background:color-mix(in oklab, var(--ds-ok) 12%, transparent);color:var(--ds-ok)}.dsx-icon span{font-size:var(--fs-caption);text-align:center;color:var(--ds-muted);overflow-wrap:anywhere;line-height:1.25}.dsx-icon.is-copied span{color:inherit}.dsx-icons-empty{padding:var(--sp-6) 0;color:var(--ds-muted)}