.concrete-preview{background:#d8d7d2;width:100%;height:100%;min-height:360px;position:relative}.concrete-preview canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.preview-hint{color:#f5f3edcc;background:#16191cb8;padding:6px 9px;font:10px IBM Plex Mono,monospace;position:absolute;bottom:12px;right:12px}.unit-button.is-active,.shape-button.is-active{color:#f5f3ed;background:#16191c;border-color:#16191c}.label{text-transform:uppercase;color:#2a2f33;margin-bottom:6px;font:10px IBM Plex Mono;display:block}.input-wrap{background:#eae7de80;border:1px solid #16191c4d;border-radius:12px;align-items:center;padding:0 14px;display:flex}.input-wrap input{background:0 0;outline:0;width:100%;min-width:0;padding:12px 0;font-family:IBM Plex Mono}.unit-label,.thickness-unit{color:#2a2f33;font:10px IBM Plex Mono}select{background:#eae7de80;border:1px solid #16191c4d;border-radius:12px;width:100%;padding:12px}.check{background:#eae7de66;border:1px solid #16191c24;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.check input{accent-color:#16191c;width:20px;height:20px}.concrete-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%)}.concrete-hero-photo:after{content:"";background:linear-gradient(90deg,#eae7de 0%,#eae7de59 22%,#0000 46%);position:absolute;inset:0}