*{box-sizing:border-box}body{margin:0;background:#f4f3ed;color:#344a42;font:15px system-ui,sans-serif}header{padding:22px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcded3;gap:15px}header a{font: bold 30px Georgia;color:#344a42;text-decoration:none}header a span{font:13px system-ui;font-weight:400;margin-left:14px}nav{display:flex;gap:8px;flex-wrap:wrap}button,select{font:inherit;color:inherit;border:1px solid #ccd0c2;background:#fafaf5;border-radius:8px;padding:10px 12px;cursor:pointer}button:hover{background:#e5e9dd}button.active{background:#405e4e;color:white;border-color:#405e4e}button:disabled{opacity:.4;cursor:default}main{max-width:1600px;margin:auto;padding:28px 4%}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font:42px Georgia;margin:8px 0 12px;font-weight:400}.heading p{margin:8px 0;color:#6b7567}.eyebrow{font-size:10px;letter-spacing:2.7px!important}.saved{font-size:11px;color:#74816c}.layout{display:grid;grid-template-columns:240px 1fr;gap:32px}aside{background:#eeeee5;border:1px solid #dedfd1;border-radius:14px;padding:20px}h2{font:20px Georgia;font-weight:400;margin:0 0 15px}h2:not(:first-child){margin-top:26px}.tools,.objects{display:grid;grid-template-columns:1fr 1fr;gap:7px}.objects button{font-size:12px;padding:9px 4px}.objects canvas{display:block;width:68px;height:48px;margin:auto}label{display:block;font-size:12px;margin:16px 0}input,select{width:100%;margin-top:9px}input{accent-color:#46624e}select{font-size:11px;padding:9px 4px}aside>button{width:100%;margin-top:7px;font-size:12px}.note{font-size:11px;line-height:1.6;color:#7a806e}.garden{min-width:0;padding-top:6px}.tray{padding:15px;background:linear-gradient(130deg,#8b6445,#b08c63 45%,#76533c);border-radius:20px;box-shadow:0 22px 36px #483f3026,inset 0 2px 2px #e2c69d}#garden{width:100%;height:auto;display:block;border-radius:9px;touch-action:none;box-shadow:inset 0 0 15px #0005;cursor:crosshair}#hint{text-align:center;font-size:13px;min-height:36px;line-height:1.6;color:#727963}.quiet{text-align:center;letter-spacing:2px;font-size:9px;margin-top:25px}#selection{border-top:1px solid #ccd0c2;margin-top:12px}#selection button{font-size:11px}@media(max-width:800px){header{padding:14px 5%}header a span{display:none}header a{font-size:24px}nav button{font-size:11px;padding:8px}h1{font-size:30px}.heading{display:block}.saved{display:block;margin-top:12px}.layout{display:flex;flex-direction:column;gap:18px}.garden{order:-1;position:sticky;top:0;z-index:2;background:#f4f3ed;padding-top:10px}.tray{padding:10px;border-radius:13px}aside{padding:16px}.objects{grid-template-columns:repeat(4,1fr)}.tools{grid-template-columns:repeat(4,1fr)}.quiet{display:none}#hint{margin:9px 0;min-height:24px;font-size:11px}main{padding:20px 4%}}

.tray{border:1px solid #bda17c;box-shadow:0 18px 26px #493b3033,0 5px 0 #765437,inset 0 3px 3px #f2d7ad,inset 0 -5px 8px #64472a88}#garden{outline:2px solid #6f55384d}.objects canvas{width:78px;height:55px}

.zen3d{width:min(1100px,96vw);max-height:95dvh;border:1px solid #bbc4b2;border-radius:16px;padding:18px;background:#f4f3ed;color:#344a42}.zen3d::backdrop{background:#152d24b8}.zen3d canvas{display:block;width:100%;max-height:65dvh;object-fit:contain;touch-action:none;border-radius:12px;background:#e9ece2}.view-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.view-top h2{margin:0}.view-top p{font-size:12px}.view-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.view-controls label{min-width:130px;flex:1}.view-controls button{font-size:12px}@media(max-width:600px){.zen3d{padding:12px}.view-top{align-items:flex-start}.view-top button{font-size:12px}.view-controls{gap:8px}.view-controls label{margin:8px 0}}

.rake-surface{position:relative;padding:85px 60px;background:#e8eadd;border:1px dashed #b9c3ac;border-radius:20px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.runway-label{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.5px;color:#72806a;pointer-events:none}.rake-surface .tray{position:relative}.rake-surface .tray:before{content:"";position:absolute;inset:0;pointer-events:none}@media(max-width:800px){.rake-surface{padding:65px 44px;border-radius:15px}.runway-label{top:21px;font-size:10px}.rake-surface .tray{padding:7px}}

.garden-modes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.active-mode{font-size:12px;font-weight:600;color:#46634d}.garden-modes button{background:#405e4e;color:white;border-color:#405e4e}