.garden-scene{--scene-sky-top:var(--color-cream-raised);--scene-sky-low:color-mix(in oklab, var(--color-cream-plate) 70%, var(--color-sage-card));--scene-hill:color-mix(in oklab, var(--color-sage-card) 55%, var(--color-muted-light));--scene-ground-far:color-mix(in oklab, var(--color-sage-card) 70%, var(--color-cream));--scene-ground-near:color-mix(in oklab, var(--color-sage-card) 82%, var(--color-forest-mid));--scene-bed:color-mix(in oklab, var(--color-sage-card) 55%, var(--color-forest-mid));--scene-soil:color-mix(in oklab, var(--color-tag-border) 70%, var(--color-ink-soft));--scene-pencil:var(--color-muted-light);--scene-sketch-wash:color-mix(in oklab, var(--color-sage-card) 60%, var(--color-forest-mid))}.garden-scene-viewport{border:1px solid var(--color-rule);border-radius:var(--radius-box);background:var(--scene-sky-top);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;height:clamp(380px,46vw,620px);position:relative;overflow:hidden}.garden-scene-viewport[data-dragging=true]{cursor:grabbing}.garden-scene-viewport:focus-visible{outline:2px solid var(--color-forest-mid);outline-offset:2px}.garden-scene-world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.garden-scene-backdrop{pointer-events:none;position:absolute;overflow:visible}.garden-scene-backdrop .sky{fill:url(#garden-scene-sky)}.garden-scene-backdrop .hill-far{fill:var(--scene-hill);opacity:.22}.garden-scene-backdrop .hill-near{fill:var(--scene-hill);opacity:.3}.garden-scene-backdrop .ground{fill:url(#garden-scene-ground)}.garden-scene-backdrop .bed{fill:var(--scene-bed);opacity:.16}.garden-scene-backdrop .bed-inner{fill:var(--scene-soil);opacity:.08}.garden-scene-backdrop .horizon{stroke:var(--scene-pencil);stroke-width:1px;opacity:.45;fill:none;vector-effect:non-scaling-stroke}.garden-scene .stop-sky-top{stop-color:var(--scene-sky-top)}.garden-scene .stop-sky-low{stop-color:var(--scene-sky-low)}.garden-scene .stop-ground-far{stop-color:var(--scene-ground-far)}.garden-scene .stop-ground-near{stop-color:var(--scene-ground-near)}.garden-scene-plant{-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--fade,6px)), transparent);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--fade,6px)), transparent);mask-image:linear-gradient(to bottom, black calc(100% - var(--fade,6px)), transparent);cursor:pointer;display:block;position:absolute;overflow:hidden}.garden-scene-plant img,.garden-scene-plant svg{pointer-events:none;-webkit-user-drag:none;width:100%;display:block;position:absolute;top:0;left:0}.garden-scene-plant:focus-visible{outline:none}.garden-scene[data-active=true] .garden-scene-plant:not([data-on=true]){opacity:.5}.garden-scene-sketch{overflow:visible}.garden-scene-sketch .wash{fill:var(--scene-sketch-wash);opacity:.18}.garden-scene-sketch .line{fill:none;stroke:color-mix(in oklab, var(--color-muted-light) 75%, var(--color-forest-mid));stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.garden-scene-figure{pointer-events:none;position:absolute;overflow:visible}.garden-scene-figure .line{fill:color-mix(in oklab, var(--color-cream-raised) 45%, transparent);stroke:var(--color-muted-light);stroke-width:1.1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.garden-scene-overlay{pointer-events:none;position:absolute;inset:0}.garden-scene-scalebar line{stroke:var(--color-ink-soft);stroke-width:1px}.garden-scene-note line,.garden-scene-note path{stroke:var(--color-muted-light);stroke-width:1px;fill:none}.garden-scene-card{pointer-events:auto;cursor:default}