html,body{background:#16181d;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#viewer{position:fixed;inset:0}#viewer canvas{display:block}.panel{z-index:10;color:#f5f7fa;background:#181b20f0;border:1px solid #3b4149;border-radius:14px;width:100px;padding:16px;position:fixed;top:18px;left:10px;box-shadow:0 8px 30px #00000040}.panel strong{margin-bottom:10px;font-size:18px;display:block}.panel button,.panel .button{box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;background:#30343a;border:1px solid #555c65;border-radius:8px;width:100%;margin:10px 0;padding:10px 12px;font-size:16px;display:block}#status{color:#cbd2da;margin-top:10px;font-size:14px}.top-map{z-index:10;color:#fff;background:#0c0e11f2;border:2px solid #5c626a;border-radius:22px;width:310px;padding:14px;position:fixed;top:32px;right:18px;box-shadow:0 8px 30px #00000059}.top-map-title{margin:0 0 8px 2px;font-size:14px;font-weight:700}#topMapCanvas{background:#fff;border:1px solid #777;border-radius:4px;width:100%;height:180px;display:block}.top-map-legend{color:#d5dae0;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.legend-house{background:#9aa7b4;border:1px solid #303942;width:13px;height:13px}.legend-flower{background:#ef9a9a;border:1px solid #4d555d;border-radius:50%;width:13px;height:13px;margin-left:10px}body.dragging:after{content:"Drop .splat / .spz / .json";z-index:50;color:#fff;pointer-events:none;background:#00000073;border:3px dashed #fff;border-radius:18px;place-items:center;font-size:28px;display:grid;position:fixed;inset:18px}@media (width<=760px){.top-map{width:230px}#topMapCanvas{height:145px}}#topMapCanvas{touch-action:none;cursor:default;-webkit-user-select:none;user-select:none}.close-btn{color:#fff;cursor:pointer;z-index:2;background:#30343a;border:1px solid #555c65;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;font-size:14px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.close-btn:hover{background:#454b53}.panel.collapsed,.top-map.collapsed{width:auto;height:auto;padding:6px}.panel.collapsed>:not(.close-btn),.top-map.collapsed>:not(.close-btn){display:none}.panel.collapsed .close-btn,.top-map.collapsed .close-btn{position:static}#multiAgentFlowOpen{justify-content:center;align-items:center;gap:6px;display:inline-flex}#multiAgentFlowOpen .garden-button-icon{flex-shrink:0;width:16px;height:16px}#gardenGenerate{justify-content:center;align-items:center;gap:6px;display:inline-flex}#gardenGenerate .garden-button-icon{flex-shrink:0;width:16px;height:16px}#gardenDesignQuestions{justify-content:center;align-items:center;gap:6px}#gardenDesignQuestions:not([style*=display\:none]){display:inline-flex}#gardenDesignQuestions .garden-button-icon{flex-shrink:0;width:16px;height:16px}.panel #gardenSkip{justify-content:center;align-items:center;display:inline-flex}.panel #gardenSkip .garden-button-icon{flex:0 0 16px;width:16px;height:16px;display:block}.panel #gardenSkip,.panel #gardenApprove{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:38px;min-height:38px;margin:10px 0;padding:0;line-height:1;display:inline-flex}.panel #gardenSkip .garden-button-icon,.panel #gardenApprove .garden-button-icon{flex:0 0 16px;width:16px;height:16px;display:block}body.demo-mode #gardenProgress,body.demo-mode #status{display:none!important}body.demo-mode .panel{border-radius:10px;width:48px;padding:8px}body.demo-mode .panel #gardenSkip,body.demo-mode .panel #gardenApprove{justify-content:center;align-items:center;width:48px;height:36px;margin:5px 0;padding:0;display:inline-flex}body.demo-mode #gardenAgentMenu{width:48px;max-width:48px}