.bed{border:1.5px solid var(--line);background-color:#f6f7ef;outline:none;margin-top:20px;padding:22px;scroll-margin-top:24px}.bed-drawing-wrap{margin-bottom:14px;container-type:inline-size}.bed-drawing{--soil-left:13cqw;--soil-width:62cqw;--soil-h:calc(var(--soil-width) / 5.246);--soil-bottom:7cqw;--soil-top:calc(var(--soil-bottom) + var(--soil-h));--layer:calc(var(--depth) * 1.1cqw);--plant-h:11.5cqw;height:calc(var(--soil-top) + 12 * 1.1cqw + var(--plant-h) + 2cqw);position:relative}.bed-soil{left:var(--soil-left);bottom:var(--soil-bottom);width:var(--soil-width);height:var(--soil-h);position:absolute}.bed-layer{left:var(--soil-left);bottom:calc(var(--soil-top) - 1px);width:var(--soil-width);height:var(--layer);transition:height var(--slow) var(--ease);background:#6e5a45 top/cover no-repeat;position:absolute;box-shadow:inset 0 -2px #00000038,inset 0 1.5px #ffffff29}.bed-plants{left:var(--soil-left);bottom:calc(var(--soil-top) + var(--layer) - .4cqw);width:var(--soil-width);height:var(--plant-h);transition:bottom var(--slow) var(--ease);position:absolute}.plant{width:auto;height:100%;position:absolute;bottom:0}.plant-shrub{height:90%;left:14%}.plant-lavender{left:43%}.plant-grass{height:94%;left:71%}.bed-dim{color:var(--forest);font:800 14px/1 var(--font-ui);white-space:nowrap;position:absolute}.bed-dim>span{background:#f6f7ef;padding:2px 6px;position:absolute}.bed-dim-length{left:var(--soil-left);width:var(--soil-width);border-top:1.5px solid var(--forest);bottom:2.6cqw}.bed-dim-length:before,.bed-dim-length:after{content:"";border-left:1.5px solid var(--forest);height:12px;position:absolute;top:-7px}.bed-dim-length:before{left:-1px}.bed-dim-length:after{right:-1px}.bed-dim-length>span{top:0;left:50%;translate:-50% -50%}.bed-dim-depth{left:calc(var(--soil-left) + var(--soil-width) + 8px);bottom:var(--soil-top);width:9px;height:max(var(--layer), 2px);border:1.5px solid var(--forest);transition:height var(--slow) var(--ease);border-left:0}.bed-dim-depth>span{top:50%;left:14px;translate:0 -50%}.bed-dim-width{left:var(--soil-left);bottom:calc(var(--soil-top) + var(--layer));width:0;height:0;transition:bottom var(--slow) var(--ease)}.bed-dim-width:before{content:"";border-top:1.5px dashed var(--forest);transform-origin:0 0;width:min(7cqw,44px);position:absolute;top:0;left:0;rotate:-142deg}.bed-dim-width>span{padding-inline:2px;bottom:min(3.6cqw,24px);right:min(4.6cqw,30px)}.bed-compact{margin-top:0;padding:22px 20px}.bed-compact h2{font:900 26px/1.15 var(--font-display)}.bed-compact>.field-help{margin:4px 0 6px}.bed-compact .bed-fields{margin-top:2px}.bed-controls{gap:10px;display:grid}.bed-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.unit-input{border:1.5px solid var(--edge);border-radius:var(--radius);background:#fbfcf7;align-items:center;display:flex}.unit-input:focus-within{outline:3px solid var(--forest);outline-offset:2px;border-color:var(--forest)}.unit-input input{min-width:0;min-height:46px;color:var(--ink);font:400 18px/1.2 var(--font-ui);background:0 0;border:0;flex:1;padding:8px 12px}.unit-input input:focus-visible{outline:none}.unit-input>span{color:var(--muted);padding-right:12px;font-size:15px;font-weight:800}.bed-faq{color:var(--muted);font-size:15px;line-height:1.5}.bed-result{border-top:1.5px dashed var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sum use""limit limit";align-items:start;gap:4px 20px;margin-top:16px;padding-top:14px;display:grid}.bed-result>:first-child{grid-area:sum;min-width:0}.bed-result>.button{grid-area:use;margin-top:4px}.bed-result>.bed-limit{grid-area:limit}.worked-sum{color:var(--forest);font:400 27px/1.25 var(--font-hand);margin:2px 0}.sum-end{white-space:nowrap}.sum-arrow{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:1.25em;height:.55em;display:inline-block}.bed-limit{color:var(--stamp);margin-top:4px;font-size:15px;font-weight:700}.bed-limit:empty{display:none}.bed-limit>*+*{margin-top:8px}.bed-limit .quantity-limit,.bed-limit .field-error{color:var(--stamp)}.bed-limit .quantity-limit{color:var(--ink)}@media (max-width:640px){.bed{padding:14px}.bed-drawing{margin-inline:-4px}.bed-dim{font-size:12px}.bed-fields{gap:8px}.unit-input input{padding-inline:9px;font-size:17px}.unit-input>span{padding-right:8px}.worked-sum{font-size:20px}.bed-result{grid-template-columns:minmax(0,1fr);grid-template-areas:"sum""use""limit"}.bed-result>:first-child{min-height:122px}.bed-result .button{width:100%;margin-top:8px}}