label{font-size:.75rem;width:1.6rem;height:1.6rem}.project-canvas-wrapper{margin-top:92px;margin-bottom:92px}.project-canvas{width:500px;height:307px}.project-canvas canvas{border-radius:2px}.project-desc{width:500px}.project-controls{margin-top:2px;margin-left:15px}.garden-placeholder{position:absolute;inset:0;transition:opacity .2s ease-in-out;pointer-events:none}.blank{scale:1.15;position:absolute;inset:0;background:#F2F0EE}.garden-placeholder-out{opacity:0;animation:none}@keyframes placeholder-pulse{0%,to{opacity:1}50%{opacity:.5}}.garden-content{width:100%;height:100%}.canvas{width:540px;position:relative;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.canvas,.scene{aspect-ratio:calc(1.341);display:flex;margin:auto}.scene{width:calc(100% - 5px)}@media screen and (max-width:580px){.canvas{width:max(200px,calc(100vw - 1.75rem))}.project-desc{width:max(200px,calc(100vw - 3rem))}}.grass{background:url(/garden/textures/grass.webp) 50%/cover no-repeat;mix-blend-mode:screen}.cover,.grass{position:absolute;inset:0;pointer-events:none}.cover{background:url(/garden/textures/cover.png) 50%/cover no-repeat;mix-blend-mode:darken;outline:30px solid #F2F0EE}