.drywall-preview{background:#d8d7d2;width:100%;height:100%;min-height:360px;position:relative}.drywall-preview canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.drywall-preview canvas:active{cursor:grabbing}.drywall-preview-hint{color:#f5f3edcc;pointer-events:none;background:#16191cb8;padding:6px 9px;font-family:IBM Plex Mono,monospace;font-size:10px;position:absolute;bottom:12px;right:12px}.drywall-profile-legend{color:#16191c;pointer-events:none;background:#f5f3ede6;border:1px solid #16191c33;flex-wrap:wrap;gap:10px;padding:8px 10px;font:10px IBM Plex Mono,monospace;display:flex;position:absolute;top:12px;left:12px}.drywall-profile-legend span{align-items:center;gap:6px;display:flex}.drywall-profile-legend i{border:1px solid #16191c40;width:11px;height:11px}.drywall-profile-legend .is-sheet{background:#b58f58}.drywall-profile-legend .is-ud{background:#d79a2b}.drywall-profile-legend .is-cd{background:#718b9a}.drywall-profile-legend .is-hanger{background:#9b9d9b}.unit-button.is-active,.wall-button.is-active,.layer-button.is-active{color:#f5f3ed;background:#16191c;border-color:#16191c}#ceiling-profiles,#ceiling-shop-ud,#ceiling-shop-profiles{overflow-wrap:anywhere}@media (width<=640px){.drywall-preview{aspect-ratio:4/3;min-height:270px}}.drywall-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%)}.drywall-hero-photo:after{content:"";background:linear-gradient(90deg,#eae7de 0%,#eae7de59 22%,#0000 46%);position:absolute;inset:0}