@layer pages{.dither-stage{user-select:none;touch-action:none;cursor:col-resize}.dither-stage canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.dither-clean{pointer-events:none;position:absolute;inset:0}.dither-clean canvas{image-rendering:auto}.dither-handle{z-index:2;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:100%}.dither-handle:before{content:"";top:0;bottom:0;left:calc(-1 * var(--pixel-size) / 2);width:var(--pixel-size);background:var(--signal);position:absolute}.dither-handle span{top:50%;left:calc(-1 * (var(--space-16) + var(--space-4) / 2));width:calc(var(--space-32) + var(--space-4));height:calc(var(--space-32) + var(--space-4));background:linear-gradient(var(--signal), var(--signal)) calc(50% - var(--space-8)) 50% / var(--pixel-size) calc(3 * var(--pixel-size)) no-repeat, linear-gradient(var(--signal), var(--signal)) calc(50% - var(--space-8) - var(--pixel-size)) 50% / var(--pixel-size) var(--pixel-size) no-repeat, linear-gradient(var(--signal), var(--signal)) calc(50% + var(--space-8)) 50% / var(--pixel-size) calc(3 * var(--pixel-size)) no-repeat, linear-gradient(var(--signal), var(--signal)) calc(50% + var(--space-8) + var(--pixel-size)) 50% / var(--pixel-size) var(--pixel-size) no-repeat, var(--ink);box-shadow:inset 0 0 0 1px var(--signal);pointer-events:auto;cursor:col-resize;display:block;position:absolute;translate:0 -50%}.dither-handle:focus-visible{outline:0}.dither-handle:focus-visible span{outline:2px solid var(--signal);outline-offset:3px}.dither-tag-left{top:var(--space-12);left:var(--space-12)}.dither-tag-right{top:var(--space-12);right:var(--space-12)}.pg-exp--dither .pg-exp-field{flex-basis:14rem}}