:root{font-family:Inter,system-ui,sans-serif;color:#493936;background:#f7eee7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(155deg,#f1ded2,#faf4ed 58%,#eee1d7)}main{max-width:620px;margin:auto;padding:22px 16px 38px}header{position:relative;padding:0 4px}header span{font-size:12px;letter-spacing:.06em;opacity:.62}h1{margin:5px 0 17px;font-size:29px;letter-spacing:-.025em}.dev-button{position:absolute;right:2px;top:3px;width:39px;padding:8px;font-size:17px;background:#fff7;box-shadow:0 5px 18px #70513e14}.scene{position:relative;overflow:hidden;aspect-ratio:800/560;border:1px solid #fff8;border-radius:26px;background:#bca58f;box-shadow:0 18px 50px #543d2c30,0 2px 8px #543d2c18}.room-art{display:block;width:100%;height:100%}.raster-room{position:absolute;inset:0;overflow:hidden}.raster-master{display:block;width:100%;height:100%;object-fit:contain}.raster-window-layer,.raster-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.plant-stem{fill:none;stroke:#506851;stroke-width:6;stroke-linecap:round}.plant-stem.branch{stroke-width:5}.plant-leaf{fill:#637b60}.plant-grown .plant-leaf:nth-of-type(odd){fill:#738b6d}.plant-medium .plant-leaf:nth-of-type(2n){fill:#6e8568}.history-object,.preview-plant{animation:object-arrive .35s ease-out both}@keyframes object-arrive{0%{opacity:0}to{opacity:1}}.scene>p{position:absolute;z-index:70;left:50%;bottom:9px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);margin:0;padding:7px 13px;border:1px solid #fff8;border-radius:13px;background:#fbf7f0c7;box-shadow:0 5px 16px #3f2d221c;text-align:center;font-size:12px;line-height:1.25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 1px 0;padding:5px;border-radius:17px;background:#eadbd16b}button{border:0;border-radius:12px;padding:11px 5px;background:#fff7;color:inherit;cursor:pointer}button.active,button.selected{background:#fff;box-shadow:0 6px 18px #76544218}.panel{margin-top:14px;padding:18px;border:1px solid #fff8;border-radius:20px;background:#fff9}.panel h2{margin-top:0}.dev-backdrop{position:fixed;z-index:100;inset:0;background:#33262066;display:flex;align-items:flex-end;justify-content:center}.dev-panel{width:min(620px,100%);max-height:88vh;overflow:auto;padding:20px;border-radius:24px 24px 0 0;background:#f8f1e9;box-shadow:0 -12px 40px #2d211c44}.dev-heading{display:flex;justify-content:space-between;align-items:center}.dev-heading h2{margin:0}.dev-heading button{font-size:26px;background:transparent}.dev-panel fieldset{border:0;padding:0;margin:18px 0}.dev-panel legend,.select-label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.choices{display:flex;gap:6px;flex-wrap:wrap}.choices button{padding:8px 11px}.checks{display:grid;gap:8px}.checks label{display:flex;gap:8px;align-items:center;font-family:ui-monospace,monospace;font-size:12px}.select-label select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #dbcac0;border-radius:10px;background:#fff}.reset-preview{width:100%;margin-top:18px;background:#efe0d6}@media(max-width:420px){main{padding:16px 8px 30px}.scene{border-radius:20px}.scene>p{bottom:6px;max-width:calc(100% - 14px);padding:5px 9px;font-size:10.5px}nav button{font-size:12px;padding:10px 3px}}@media(prefers-reduced-motion:reduce){.history-object,.preview-plant{animation:none}}