.wallpaper-preview{background:#d8d7d2;width:100%;height:100%;min-height:360px;position:relative}.wallpaper-preview canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.wallpaper-preview canvas:active{cursor:grabbing}.preview-hint{color:#f5f3edcc;background:#16191cb8;padding:6px 9px;font:10px IBM Plex Mono,monospace;position:absolute;bottom:12px;right:12px}.unit-button,.wall-button,.colour-button,.texture-button{cursor:pointer}.unit-button.is-active,.wall-button.is-active{color:#f5f3ed;background:#16191c}.colour-button.is-active,.texture-button.is-active{border-color:#16191c;box-shadow:inset 0 0 0 1.5px #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}.input-wrap span{font:10px IBM Plex Mono}.field,select{background:#eae7de80;border:1px solid #16191c4d;border-radius:12px;width:100%;padding:12px}.wallpaper-texture{background-color:#d6cec0;position:relative;overflow:hidden}.wallpaper-texture span{z-index:1;background:#f5f3ede0;padding:4px 6px;display:inline-block;position:relative}.wallpaper-texture--linen{background-image:repeating-linear-gradient(88deg,#0000 0 7px,#1419172e 8px 9px)}.wallpaper-texture--plain{background-image:radial-gradient(#14191733 .7px,#0000 .8px);background-size:7px 7px}.wallpaper-texture--stripe{background-image:repeating-linear-gradient(90deg,#0000 0 15px,#14191733 16px 21px)}.wallpaper-texture--geometric{background-image:linear-gradient(45deg,#0000 43%,#1419172e 44% 48%,#0000 49%),linear-gradient(-45deg,#0000 43%,#1419172e 44% 48%,#0000 49%);background-size:24px 24px}.wallpaper-texture--botanical,.wallpaper-texture--floral{background-image:radial-gradient(at 30% 30%,#14191738 0 12%,#0000 13%),radial-gradient(at 70% 70%,#1419172e 0 15%,#0000 16%);background-size:34px 46px}.wallpaper-texture--herringbone{background-image:linear-gradient(45deg,#0000 45%,#14191733 46% 51%,#0000 52%),linear-gradient(-45deg,#0000 45%,#14191733 46% 51%,#0000 52%);background-size:28px 28px}.wallpaper-texture--art-deco{background-image:radial-gradient(circle at 50% 100%,#0000 0 12px,#14191733 13px 15px,#0000 16px);background-size:38px 30px}.wallpaper-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%)}.wallpaper-hero-photo:after{content:"";background:linear-gradient(90deg,#eae7de 0%,#eae7de59 22%,#0000 46%);position:absolute;inset:0}@media (width<=640px){.wallpaper-preview{aspect-ratio:4/3;min-height:270px}}