@layer lab{#nativeBox{scrollbar-width:var(--ff-width,auto);scrollbar-color:var(--sb-thumb,var(--accent)) var(--sb-track,var(--accent-soft))}#nativeBox::-webkit-scrollbar{width:var(--sbw,12px)}#nativeBox::-webkit-scrollbar-track{background:var(--sb-track,var(--accent-soft));border-radius:999px}#nativeBox::-webkit-scrollbar-thumb{background:var(--sb-thumb,var(--accent));border-radius:var(--sb-radius,999px);border:var(--sb-inset,3px) solid var(--sb-track,var(--accent-soft));background-clip:padding-box}#nativeBox::-webkit-scrollbar-thumb:hover{background:var(--accent-press)}.swatchrow{align-items:center;gap:8px;display:flex}.swatchrow input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:26px;padding:0}.dombar{background:var(--accent-soft);cursor:pointer;border-radius:999px;width:10px;position:absolute;top:8px;bottom:8px;right:6px}.domthumb{background:var(--accent);cursor:grab;will-change:transform, height;border-radius:999px;width:10px;position:absolute;top:0;left:0;right:0}.domthumb:hover{background:var(--accent-press)}.domthumb:active{cursor:grabbing;background:var(--accent-press)}.domthumb:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffffe6 0 1.5px,#0000 1.5px 4px);border-radius:2px;height:8px;margin-top:-4px;position:absolute;top:50%;left:2px;right:2px}.domlabel{font-family:var(--mono);color:var(--accent-deep);white-space:nowrap;pointer-events:none;background:var(--card);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:600;display:none;position:absolute;right:24px}#domLabelTrack{top:12px}.scrollwrap.reveal .domlabel{display:block}.scrollwrap.reveal #domBar{outline:2px dashed var(--accent-press);outline-offset:2px}.scrollwrap.reveal #domThumb{outline:2px dashed var(--bad)}.demo-scroll{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--card);height:230px;color:var(--ink-soft);padding:14px 18px;font-size:13.5px;line-height:1.85;overflow:hidden auto}.demo-scroll p{margin:0 0 11px}.demo-scroll p:last-child{margin-bottom:0}.demo-scroll b{color:var(--accent-deep)}.scrollwrap{position:relative}.noscrollbar{scrollbar-width:none;padding-right:24px}.noscrollbar::-webkit-scrollbar{display:none}.cvbar{width:16px;position:absolute;top:8px;bottom:8px;right:4px}.cvbar canvas{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}}