.paint-hero-photo{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001f 18%,#0000008c 38%,#000 62%);mask-image:linear-gradient(90deg,#0000 0%,#0000001f 18%,#0000008c 38%,#000 62%)}.paint-hero-photo:after{content:"";background:linear-gradient(90deg,#eae7de 0%,#eae7de59 22%,#0000 46%);position:absolute;inset:0}.room-preview{background:#d8d7d2;width:100%;height:100%;min-height:360px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,0 18px 38px #0003}.room-preview canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.room-preview canvas:active{cursor:grabbing}.room-preview-hint{color:#f5f3edcc;pointer-events:none;background:#16191cb8;padding:6px 9px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;position:absolute;bottom:12px;right:12px}.unit-button.is-active,.wall-button.is-active,.coat-button.is-active,.primer-coat-button.is-active{color:#f5f3ed;background:#16191c;border-color:#16191c}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0}input[type=color]::-moz-color-swatch{border:0}@media (width<=640px){.room-preview{aspect-ratio:4/3;min-height:270px}}@media (prefers-reduced-motion:reduce){.room-preview-hint{display:none}}