:root{--bg: #f4f2ec;--surface: #fffdf8;--surface-2: #f9f6ee;--surface-3: #ece7dc;--line: #d3cbbd;--line-strong: #918676;--text: #232522;--muted: #706c64;--green: #4c7a56;--green-soft: #dce8d7;--soil: #a77852;--soil-soft: #ead9c8;--sun: #e8b552;--sun-soft: #f7e7ba;--shade: #5d6d7b;--shade-soft: #d6dde0;--risk: #b85c4b;--risk-soft: #efd6d0;--blue: #5e8f9d;--blue-soft: #d7e7e9;--shadow: 0 16px 40px rgba(55, 45, 30, .12);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input{font:inherit}button{cursor:pointer}#root,.app{min-height:100vh}.topbar{min-height:66px;padding:12px 22px;display:grid;grid-template-columns:minmax(210px,260px) minmax(240px,1fr) auto;align-items:center;gap:18px;background:#fffdf8f0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brandMark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:#fffdf8;border:1px solid rgba(35,37,34,.12);flex:none}.brandMark svg{width:22px;height:22px}.brandTitle{font-size:18px;line-height:1.1;font-weight:780}.brandSubtitle{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.2}.brandEco{font-weight:760}.brandEcoAccent{color:var(--green)}.topContext{justify-self:center;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.topContext span{min-height:30px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;white-space:nowrap}.topContext b{color:var(--text);font-weight:720}.topActions,.toolbarButtons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.primaryButton,.secondaryButton,.iconButton{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:700;border:1px solid transparent;padding:8px 12px}.primaryButton{background:var(--green);color:#fff}.secondaryButton{background:var(--surface);color:var(--text);border-color:var(--line)}.iconButton{width:38px;padding:0;background:var(--surface);color:var(--muted);border-color:var(--line)}.primaryButton svg,.secondaryButton svg,.iconButton svg{width:18px;height:18px;flex:none}.mainLayout{display:grid;gap:18px;padding:18px}.guestValuePanel{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);gap:18px;align-items:stretch;min-height:330px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.guestValueCopy{display:grid;align-content:center;gap:14px;min-width:0}.guestValueCopy h1{max-width:680px;margin:0;font-size:46px;line-height:1.02;font-weight:820}.guestValueCopy p:not(.kicker){max-width:650px;margin:0;color:var(--muted);font-size:16px;line-height:1.45}.guestActions{display:flex;flex-wrap:wrap;gap:8px}.privacyLine{max-width:650px;display:inline-flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:13px;line-height:1.35}.privacyLine svg{width:18px;height:18px;color:var(--green);flex:none}.guestMapMock{position:relative;min-height:294px;overflow:hidden;border:1px solid #b8b0a3;border-radius:8px;background:linear-gradient(rgba(145,134,118,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(145,134,118,.14) 1px,transparent 1px),#f8f1de;background-size:28px 28px}.guestMapMock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 78% 20%,rgba(232,181,82,.35),transparent 34%),linear-gradient(128deg,rgba(93,109,123,.24) 0 31%,transparent 31% 100%),repeating-linear-gradient(135deg,transparent 0 12px,rgba(93,109,123,.08) 12px 22px)}.guestSun,.guestShade,.guestHouse,.guestNeighbor,.guestGreenhouse,.guestBeds,.guestTree{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(35,37,34,.22);border-radius:8px;color:var(--text);font-size:12px;font-weight:760}.guestSun,.guestShade{min-height:28px;padding:5px 10px;border-radius:999px;background:#fffdf8db}.guestSun{top:14px;left:16px}.guestShade{top:14px;left:92px}.guestHouse{left:9%;top:23%;width:28%;height:28%;background:#d9d3c7}.guestNeighbor{left:-4%;top:61%;width:23%;height:20%;border-style:dashed;background:#d9d3c794}.guestGreenhouse{right:9%;top:25%;width:26%;height:22%;background:#87b6bc85}.guestBeds{right:18%;bottom:20%;width:34%;height:17%;background:var(--soil-soft)}.guestTree{left:35%;bottom:18%;width:74px;height:74px;border-radius:999px;background:#73946361}.onboardingPanel,.shell,.mobileSketch{border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.onboardingHeader{min-height:74px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#faf7ef;border-bottom:1px solid var(--line)}.onboardingActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.kicker{margin:0 0 5px;color:var(--muted);font-size:11px;line-height:1.1;font-weight:820;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}.onboardingHeader h1,.workspaceToolbar h2,.mobileCopy h2{margin:0;font-size:20px;line-height:1.2}.onboardingBody{display:grid;grid-template-columns:minmax(170px,230px) minmax(280px,1fr) minmax(260px,360px);gap:16px;padding:18px}.stepRail{display:grid;align-content:start;gap:8px}.stepButton{min-height:52px;padding:9px 10px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fbfaf6;color:var(--text);line-height:1.25}.stepButton span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--muted);font-size:12px;font-weight:820}.stepButton.active{background:var(--green-soft);border-color:#94b88d}.stepButton.active span{background:var(--green);color:#fff}.setupCard{min-height:270px;padding:18px;display:grid;gap:14px;align-content:start;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.setupCard h2{margin:0 0 8px;font-size:26px;line-height:1.12}.setupCard p{margin:0;color:var(--muted);line-height:1.45}.regionSearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.regionSearch input{min-width:0;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{min-height:76px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfaf6}.metric strong{display:block;margin-bottom:4px;font-size:20px;line-height:1.1}.metric span{color:var(--muted);font-size:12px;line-height:1.25}.setupMapPreview{min-height:270px;position:relative;overflow:hidden;border:1px solid #b8b0a3;border-radius:8px;background:linear-gradient(rgba(145,134,118,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(145,134,118,.14) 1px,transparent 1px),#f8f1de;background-size:26px 26px}.setupMapPreview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 30%,rgba(232,181,82,.32),transparent 32%),linear-gradient(135deg,rgba(93,109,123,.2) 0 24%,transparent 24% 100%)}.previewCompass{position:absolute;top:12px;right:12px;width:42px;height:42px;padding:8px;border:1px solid var(--line);border-radius:999px;background:#fffdf8e0;color:var(--risk)}.previewNotice{position:absolute;left:12px;top:12px;z-index:4;max-width:calc(100% - 76px);padding:8px 10px;border:1px solid rgba(145,134,118,.42);border-radius:8px;background:#fffdf8eb;box-shadow:0 4px 14px #372d1e1a}.previewNotice span,.previewNotice strong{display:block;line-height:1.2}.previewNotice span{margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:820;text-transform:uppercase}.previewNotice strong{font-size:12px}.previewHouse,.previewBed,.previewGreenhouse,.previewTree{position:absolute;display:grid;place-items:center;border:1px solid rgba(35,37,34,.22);border-radius:8px;color:var(--text);font-size:12px;font-weight:760}.previewHouse{left:8%;top:16%;width:34%;height:22%;background:#d9d3c7}.previewBed{right:16%;bottom:22%;width:34%;height:13%;background:var(--soil-soft)}.previewGreenhouse{right:12%;top:18%;width:34%;height:16%;background:#87b6bc80}.previewTree{left:14%;bottom:12%;width:74px;height:74px;border-radius:50%;background:#4c7a564d}.previewOpenButton{position:absolute;right:12px;bottom:12px;z-index:5;min-height:36px;padding:8px 12px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fff;font-weight:760;box-shadow:0 8px 22px #372d1e24}.shell{display:grid;grid-template-columns:230px minmax(420px,1fr) 330px;min-height:760px}.sidebar{padding:14px;display:flex;flex-direction:column;gap:14px;background:var(--surface-2);border-right:1px solid var(--line)}.moduleNav{display:grid;gap:6px}.moduleButton{width:100%;min-height:46px;padding:8px 10px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);text-align:left}.moduleButton:hover{background:#fffaf0;border-color:var(--line)}.moduleButton.active{background:#fff;border-color:#b7ad9e;box-shadow:0 2px 8px #372d1e14}.moduleButton svg{width:18px;height:18px}.moduleIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--muted)}.moduleButton.active .moduleIcon{background:var(--green-soft);color:var(--green)}.moduleButton strong,.moduleButton small{display:block}.moduleButton strong{font-size:14px;line-height:1.2}.moduleButton small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.15}.sideNote{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:13px;line-height:1.4}.workspace{min-width:0;display:grid;grid-template-rows:auto minmax(480px,1fr) auto;background:#f8f4eb}.workspaceToolbar{min-height:70px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface)}.workspaceToolbar h2{margin:0}.workspaceToolbar p:not(.kicker){margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.3}.plotScaleControls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.plotScaleControls label{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#fbfaf6;color:var(--muted);font-size:12px;font-weight:760;white-space:nowrap}.plotScaleControls input{width:52px;min-height:28px;padding:4px 6px;border:1px solid #d7cdbd;border-radius:8px;background:#fffefb;color:var(--text);font:inherit;font-weight:760;text-align:center}.plotScaleControls b,.plotScaleControls em{color:var(--text);font-style:normal}.mapStage{min-width:0;display:grid;align-items:center;justify-items:center;padding:18px}.plotCanvas{width:min(100%,780px);aspect-ratio:1.32;position:relative;overflow:hidden;border:1px solid #b8b0a3;border-radius:8px;background:linear-gradient(rgba(145,134,118,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(145,134,118,.12) 1px,transparent 1px),#f8f1de;background-size:var(--grid-x, 32px) var(--grid-y, 32px);box-shadow:inset 0 0 0 8px #ffffff40}.sunLayer,.shadeLayer,.partialLayer,.riskLayer{position:absolute;pointer-events:none}.sunLayer{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 68% 34%,rgba(232,181,82,.32),transparent 34%),linear-gradient(135deg,#f7e7ba3d,#e8b5521a);z-index:1}.shadeLayer{left:0;top:0;width:38%;height:62%;clip-path:polygon(0 0,72% 0,100% 58%,36% 100%,0 78%);background:#5d6d7b33;z-index:2}.partialLayer{left:0;bottom:0;width:56%;height:44%;clip-path:polygon(0 18%,86% 0,100% 100%,0 100%);background:repeating-linear-gradient(135deg,#5d6d7b21 0,#5d6d7b21 8px,#5d6d7b0a 8px,#5d6d7b0a 16px);z-index:2}.riskLayer{right:14%;bottom:18%;width:24%;height:18%;border:2px dashed rgba(184,92,75,.75);border-radius:999px;background:#b85c4b14;z-index:3}.mapLegend{position:absolute;left:12px;display:flex;gap:6px;z-index:8}.mapLegend{top:12px;flex-wrap:wrap}.mapSelectionBar{position:absolute;left:12px;top:52px;z-index:10;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid rgba(145,134,118,.42);border-radius:999px;background:#fffdf8f0;box-shadow:0 4px 14px #372d1e1a}.mapSelectionBar span{color:var(--muted);font-size:12px;font-weight:740}.mapSelectionBar strong{font-size:12px;line-height:1.15}.mapScaleBadge{position:absolute;left:12px;bottom:12px;z-index:10;width:min(260px,42%);display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(145,134,118,.42);border-radius:8px;background:#fffdf8f0;box-shadow:0 4px 14px #372d1e1a}.mapScaleBadge strong,.mapScaleBadge span{display:block;font-size:12px;line-height:1.2}.mapScaleBadge span{color:var(--muted)}.objectDock{position:absolute;left:12px;top:96px;z-index:12;display:grid;gap:6px;padding:5px;border:1px solid rgba(145,134,118,.42);border-radius:999px;background:#fffdf8eb;box-shadow:0 8px 22px #372d1e1f}.objectDockButton{width:34px;height:34px;min-height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(145,134,118,.42);border-radius:999px;background:#fffdf8eb;color:var(--text)}.objectDockButton svg{width:17px;height:17px}.objectDockButton.active{background:var(--green);border-color:var(--green);color:#fff}.zoneDock{position:absolute;top:78px;right:12px;z-index:12;width:44px;display:grid;gap:7px}.zoneDockToggle{width:44px;height:44px;min-height:44px;padding:0;position:relative;display:grid;place-items:center;border:1px solid rgba(145,134,118,.46);border-radius:999px;background:#fffdf8f0;color:var(--text);box-shadow:0 6px 18px #372d1e1f}.zoneDockToggle svg{width:19px;height:19px;color:var(--text)}.zoneDockToggle .dockChevron{position:absolute;right:4px;bottom:3px;width:12px;height:12px;color:var(--muted);transition:transform .16s ease}.zoneDock.open .dockChevron,.phoneZoneDock.open .dockChevron{transform:rotate(180deg)}.zoneDockList{display:grid;gap:6px;padding:5px;border:1px solid rgba(145,134,118,.42);border-radius:999px;background:#fffdf8eb;box-shadow:0 8px 22px #372d1e1f}.mapLegend span,.zoneChip{min-height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(145,134,118,.42);border-radius:999px;background:#fffdf8eb;white-space:nowrap}.mapLegend span{padding:5px 8px;color:var(--muted);font-size:12px;font-weight:700}.zoneChip{width:34px;height:34px;min-height:34px;flex:none;padding:0;color:var(--text);font-size:12px;font-weight:760;box-shadow:0 3px 10px #372d1e14}.zoneChip svg{width:17px;height:17px}.zoneChip.active{background:var(--green);border-color:var(--green);color:#fff}.zoneDockList .zoneChip{justify-self:center;box-shadow:none}.northBadge{position:absolute;top:14px;right:14px;z-index:9;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(35,37,34,.22);border-radius:50%;background:#fffdf8e0;font-weight:820}.northBadge:before{content:"";position:absolute;top:6px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:17px solid var(--risk)}.plotObject{position:absolute;z-index:6;display:grid;place-items:center;gap:0;border:1px solid rgba(35,37,34,.24);border-radius:6px;color:var(--text);text-align:center;font-size:12px;line-height:1.18;font-weight:760;box-shadow:0 2px 8px #372d1e1a;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.plotObject:active{cursor:grabbing}.plotObject:hover,.plotObject:focus-visible{border-color:var(--green);box-shadow:0 7px 20px #372d1e2e;outline:0;transform:translateY(-1px)}.plotObject.selected{z-index:13;border-color:var(--green);transform:translateY(-2px);box-shadow:0 0 0 4px #4c7a5647,0 12px 26px #372d1e33}.plotObject.selected:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid rgba(76,122,86,.56);border-radius:inherit;pointer-events:none}.plotObject.external{opacity:.72;border-style:dashed}.house{left:7%;top:10%;width:25%;height:21%;background:#d9d3c7}.neighbor{left:-7%;top:42%;width:24%;height:16%;background:#cec6ba}.greenhouse{right:14%;top:18%;width:28%;height:18%;background:#87b6bc80;border-color:#417480b8}.bed{background:var(--soil-soft);border-color:#a77852b8;overflow:visible}.bed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 49%,rgba(167,120,82,.45) 49% 51%,transparent 51%);pointer-events:none}.bedOne{left:42%;top:47%;width:26%;height:10%}.bedTwo{left:42%;top:61%;width:26%;height:10%}.bedThree{left:42%;top:75%;width:26%;height:10%}.tree{border-radius:50%;background:#4c7a5647;border-color:#4c7a5694}.treeOne{left:19%;bottom:15%;width:72px;height:72px}.treeTwo{left:26%;bottom:34%;width:58px;height:58px}.treeThree{right:6%;bottom:8%;width:84px;height:84px}.mapSuggestions{position:absolute;z-index:9;right:18px;bottom:18px;width:min(300px,46%);display:grid;gap:8px}.mapSuggestions article{padding:9px 10px;border:1px solid rgba(145,134,118,.4);border-radius:8px;background:#fffdf8eb;box-shadow:0 4px 14px #372d1e1a}.mapSuggestions strong,.mapSuggestions span{display:block;font-size:12px;line-height:1.25}.mapSuggestions strong{margin-bottom:3px;font-size:13px}.mapSuggestions span{color:var(--muted)}.mapSuggestions .selectedObjectCard{border-color:#4c7a5685;background:#fffdf8f5}.moduleDetails{padding:14px;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;border-top:1px solid var(--line);background:var(--surface)}.detailPanel,.inspectorPanel{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.detailPanel h3,.inspectorPanel h3{margin:0 0 8px;font-size:16px;line-height:1.22}.detailPanel p,.detailPanel li,.inspectorPanel p{color:var(--muted);font-size:13px;line-height:1.42}.detailPanel p,.inspectorPanel p{margin:0}.detailPanel ul{margin:8px 0 0;padding-left:18px}.inspector{min-width:0;padding:14px;display:flex;flex-direction:column;gap:12px;background:#fbfaf6;border-left:1px solid var(--line)}.propertyList{display:grid;gap:0;margin-top:10px}.propertyRow{padding:8px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid #ebe5d9;font-size:13px}.propertyRow span{color:var(--muted)}.propertyRow strong{text-align:right}.objectEditor{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #ebe5d9}.editorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editorField{min-width:0;display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:760}.editorField.full{grid-column:1 / -1}.editorField input,.editorField textarea{width:100%;min-width:0;min-height:34px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fffefb;color:var(--text);font:inherit;font-weight:640;line-height:1.25}.editorField textarea{resize:vertical}.draftHint{margin:0;padding:8px 9px;border:1px solid rgba(76,122,86,.2);border-radius:8px;background:#daead36b}.compactButton{min-height:34px;justify-self:start}.tipPanel{border-left:4px solid var(--sun);background:#fffaf0}.actionPanel{border-left:4px solid var(--risk);background:#fff7f5}.photoTimeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.photoTimeline button{aspect-ratio:1;padding:8px;display:grid;place-items:center;border:1px dashed #b9ad9d;border-radius:8px;background:#f5efe5;color:var(--text);font-size:12px;line-height:1.25;text-align:center}.photoTimeline span{color:var(--muted)}.mobileSketch{display:grid;grid-template-columns:minmax(280px,1fr) 340px;gap:18px;padding:18px;align-items:center}.mobileCopy h2{margin:0 0 8px}.mobileCopy p:not(.kicker){max-width:650px;margin:0;color:var(--muted);line-height:1.45}.phoneShell{justify-self:center;width:min(100%,310px);height:590px;display:grid;grid-template-rows:52px 1fr 66px;padding:10px;border:1px solid #272927;border-radius:28px;background:#222;box-shadow:var(--shadow)}.phoneTop{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:18px 18px 0 0;background:var(--surface);border-bottom:1px solid var(--line);font-size:13px;font-weight:760}.phoneTop svg{width:18px;height:18px}.phoneMap{position:relative;overflow:hidden;margin:0;background:linear-gradient(rgba(145,134,118,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(145,134,118,.15) 1px,transparent 1px),#f8f1de;background-size:24px 24px}.phoneMap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 28%,rgba(232,181,82,.28),transparent 34%),linear-gradient(135deg,rgba(93,109,123,.2) 0 30%,transparent 30% 100%)}.phoneZoneDock{position:absolute;top:8px;right:8px;z-index:9;width:38px;display:grid;gap:6px}.phoneZoneDock .zoneDockToggle{width:38px;height:38px;min-height:38px}.phoneZoneDock .zoneDockList{padding:4px;max-height:220px;overflow-y:auto}.phoneZoneDock .zoneChip{width:30px;height:30px;min-height:30px;padding:0}.phoneHouse,.phoneGreenhouse,.phoneBed{position:absolute;z-index:5;display:grid;place-items:center;border:1px solid rgba(35,37,34,.24);border-radius:8px;color:var(--text);font-size:12px;font-weight:760}.phoneHouse{left:10%;top:18%;width:34%;height:16%;background:#d9d3c7}.phoneGreenhouse{right:10%;top:20%;width:34%;height:14%;background:#87b6bc80}.phoneBed{left:35%;top:48%;width:42%;height:9%;background:var(--soil-soft)}.bottomSheet{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:12px;display:grid;gap:6px;background:#fffdf8f2;border-top:1px solid var(--line)}.bottomSheet strong,.bottomSheet span{display:block}.bottomSheet strong{font-size:15px}.bottomSheet span{color:var(--muted);font-size:12px}.bottomSheet .primaryButton{width:100%}.phoneNav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px;border-radius:0 0 18px 18px;background:var(--surface);border-top:1px solid var(--line)}.phoneNav button{min-width:0;min-height:50px;display:grid;place-items:center;gap:2px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.phoneNav button.active{color:var(--green);background:var(--green-soft)}.phoneNav svg{width:18px;height:18px}@media (max-width: 1240px){.shell{grid-template-columns:210px minmax(360px,1fr)}.inspector{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:0;border-top:1px solid var(--line)}}@media (max-width: 980px){.topbar{grid-template-columns:1fr;align-items:stretch}.topContext{justify-self:start;justify-content:flex-start}.topActions{justify-content:flex-start}.guestValuePanel,.onboardingBody{grid-template-columns:1fr}.stepRail{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.moduleNav{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector,.moduleDetails,.mobileSketch{grid-template-columns:1fr}}@media (max-width: 680px){.mainLayout{padding:10px;gap:10px}.topbar{padding:10px}.guestValuePanel{min-height:auto;padding:12px}.guestValueCopy h1{font-size:30px;line-height:1.08}.guestActions{align-items:stretch;flex-direction:column}.guestActions .primaryButton,.guestActions .secondaryButton{width:100%}.guestMapMock{min-height:250px}.onboardingHeader{align-items:flex-start;flex-direction:column}.onboardingActions{width:100%;justify-content:flex-start}.onboardingActions .primaryButton,.onboardingActions .secondaryButton{width:100%}.onboardingBody,.mobileSketch{padding:10px}.stepRail,.moduleNav,.metricGrid{grid-template-columns:1fr}.regionSearch,.workspaceToolbar{align-items:stretch;flex-direction:column;display:flex}.plotScaleControls{justify-content:flex-start}.plotScaleControls label{border-radius:8px}.toolbarButtons{justify-content:flex-start}.shell{min-height:auto}.mapStage{padding:10px}.plotCanvas{aspect-ratio:.78}.zoneDock{right:10px;top:72px;width:38px}.mapSelectionBar{left:10px;top:50px;max-width:calc(100% - 62px)}.objectDock{left:10px;top:92px}.objectDockButton{width:30px;height:30px;min-height:30px}.zoneDock .zoneDockToggle{width:38px;height:38px;min-height:38px}.zoneDock .zoneChip{width:30px;height:30px;min-height:30px}.mapSuggestions{left:12px;right:12px;bottom:12px;width:auto}.mapScaleBadge{left:12px;bottom:116px;width:calc(100% - 24px)}.mapLegend{right:76px;overflow-x:auto;flex-wrap:nowrap}.treeOne{width:58px;height:58px}.treeTwo{width:48px;height:48px}.treeThree{width:66px;height:66px}.photoTimeline{grid-template-columns:repeat(3,minmax(72px,1fr));overflow-x:auto}}