:root{font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif;color:#192641;background:#fff;font-synthesis:none}*{box-sizing:border-box}html,body,#app{height:100%;height:100dvh;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2364d5;outline-offset:2px}.hidden{display:none!important}.header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-bottom:1px solid #e7ebf4;background:#fff;box-shadow:0 1px 10px #1e304608;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0}.brand img{width:50px;height:50px;object-fit:contain}.brand strong{display:block;white-space:nowrap;font-size:19px;font-weight:800;letter-spacing:-.6px}.brand small{display:block;color:#78849b;font-size:12px;margin-top:2px}.toolbar{display:flex;gap:5px;overflow:auto;scrollbar-width:none;min-width:0}.toolbar::-webkit-scrollbar{display:none}.tool{min-width:39px;height:40px;border:1px solid #e4e9f2;border-radius:11px;background:linear-gradient(#fff,#f9fbff);font-weight:750;color:#2a3553;box-shadow:0 2px 4px #273b5710}.tool.selected{background:#1b2640;color:#fff;border-color:#1b2640}.glyph{font-size:26px;line-height:20px}.screen{display:none;position:absolute;inset:72px 0 73px;background:#fff}.screen.active{display:block}.viewport{position:absolute;inset:0;background-color:white;background-image:linear-gradient(#e3eaf46b 1px,transparent 1px),linear-gradient(90deg,#e3eaf46b 1px,transparent 1px);background-size:28px 28px;touch-action:none;overflow:hidden}.viewport.tilted{perspective:1200px}.viewport.tilted #mapSvg{transform:rotateX(23deg);transform-origin:center 54%;filter:drop-shadow(0 15px 10px #9daac232)}#mapSvg{display:block;width:100%;height:100%;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;transition:filter .2s,transform .35s}.viewport svg text{font-family:Inter,Roboto,Arial,sans-serif}.viewport .node{cursor:grab}.viewport .node:active{cursor:grabbing}.viewport .toggler{cursor:pointer}.viewport .nodeText{pointer-events:none}.modeLabel,.mapHint,.saveflag{position:absolute;pointer-events:none;border:1px solid #e2e9f2;background:#ffffffeb;border-radius:10px;font-size:11px;padding:6px 10px;color:#647087;box-shadow:0 2px 10px #0000000b}.modeLabel{top:10px;right:12px}.mapHint{bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis}.saveflag{bottom:9px;left:10px;font-size:10px;opacity:.80}.zoomtools{position:absolute;right:13px;bottom:26px;display:flex;flex-direction:column;gap:8px}.zoomtools button{width:44px;height:44px;background:#fffffff2;border:1px solid #e3e8f1;border-radius:16px;box-shadow:0 4px 12px #1e325223;font-size:24px;color:#1d2b49}.node-actions{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:3;width:min(560px,calc(100% - 15px));border:1px solid #d8e2ef;background:#fffffffa;border-radius:14px;box-shadow:0 5px 24px #21304b2a;padding:6px}.action-title{display:flex;align-items:center;justify-content:space-between;padding:0 5px 4px;font-size:12px;font-weight:700;max-height:28px}.closeTiny{border:0;background:transparent;font-size:20px;color:#64748b}.action-row{display:flex;gap:3px;overflow-x:auto;scrollbar-width:thin}.action-row button{border:0;background:#f3f6fa;border-radius:8px;white-space:nowrap;color:#243653;padding:7px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:19px;min-width:60px}.action-row button span{font-size:10px}.bottomnav{height:73px;position:absolute;inset:auto 0 0;display:flex;align-items:stretch;justify-content:stretch;border-top:1px solid #e7edf4;background:#fff;z-index:8;padding-bottom:env(safe-area-inset-bottom)}.bottomnav button{border:0;background:transparent;flex:1;min-width:0;color:#647088;font-size:11px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.bottomnav button span{font-size:28px;line-height:30px}.bottomnav button label{pointer-events:none}.bottomnav button.active{background:#edf4ff;color:#1358c9;font-weight:800;border-radius:10px}.listscreen{overflow-y:auto;background:#fafcff;padding:20px 20px 32px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1150px;margin:0 auto 18px}.sectionhead h1{margin:0 0 7px;font-size:24px}.sectionhead p{margin:0;color:#65738c;line-height:1.45}.cards{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}.contextCard,.panel{border:1px solid #e1e7f1;border-radius:16px;background:#fff;padding:16px;box-shadow:0 3px 12px #263f590a}.contextCard{display:flex;flex-direction:column;gap:11px}.contextCard h3{margin:0;font-size:17px;line-height:1.35}.contextCard p{margin:0;font-size:12px;color:#778198}.contextCard button{margin-top:auto}.panel{margin:0 auto 12px;max-width:1150px}.panel.narrow{max-width:720px}.panel h2{margin:0 0 8px;font-size:20px}.panel p{line-height:1.6;color:#52617c}.stackactions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.primary,.secondary,.dangerText{padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700}.primary{border:1px solid #165adc;background:#185fdf;color:#fff}.secondary{border:1px solid #d9e1ed;background:#fff;color:#273b60}.dangerText{border:1px solid #fbd5d5;background:#fff2f2;color:#a12323}.shade{position:fixed;inset:0;background:#14203c66;z-index:20}.sheet{position:fixed;z-index:21;width:min(550px,calc(100% - 24px));max-height:min(88dvh,850px);background:#fff;border-radius:18px;border:1px solid #dce4f2;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #071a3f45;display:flex;flex-direction:column;overflow:hidden}.sheet>header{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #e5ebf3}.sheet>header h2{font-size:18px;margin:0}.sheet>header button{border:0;background:transparent;font-size:27px;color:#61728d}.sheetBody{padding:15px 18px;overflow-y:auto}.menuitems{padding:10px;overflow-y:auto}.menuitems button{width:100%;border:0;background:#fff;display:flex;align-items:center;text-align:left;gap:12px;border-radius:11px;padding:13px;font-size:14px;color:#213350}.menuitems button:hover,.menuitems button:active{background:#f0f6ff}.menuitems button .ico{font-size:21px;color:#2d5bac;min-width:25px}.menuitems button small{display:block;color:#6c7890;font-size:11px;margin-top:2px}.fieldlabel{display:block;font-size:12px;font-weight:750;margin:8px 0;color:#344365}.textInput{width:100%;padding:10px 12px;border:1px solid #d7dfec;border-radius:10px;color:#24344d;background:#fff}.fieldrow{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:13px}.fieldrow label{display:flex;align-items:center;gap:8px;font-size:13px}.fieldrow select{border:1px solid #d5dfeb;padding:7px;border-radius:8px;max-width:170px}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.swatches button{width:28px;height:28px;border:2px solid #e1e7f2;border-radius:50%}.richbar{display:flex;gap:5px;margin-bottom:7px}.richbar button{background:#f3f6fb;border:1px solid #dae3ee;border-radius:7px;min-width:36px;padding:6px;color:#253954}.richEditor{min-height:148px;max-height:33dvh;overflow:auto;border:1px solid #cfd9e8;border-radius:10px;padding:12px;line-height:1.5;font-size:14px;word-break:break-word;outline:none}.richEditor:empty:before{content:attr(data-placeholder);color:#a0a9b9;pointer-events:none}.richEditor img{max-width:100%;height:auto}.editorFooter{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.toast{position:fixed;z-index:30;left:50%;bottom:88px;transform:translateX(-50%);background:#1e2c46;color:#fff;font-size:13px;border-radius:11px;padding:10px 15px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.viewport .connector{pointer-events:none}.viewport .flow{pointer-events:none}.viewport .hoverHalo{pointer-events:none}@media(max-width:580px){.header{height:67px;padding:7px 8px}.screen{top:67px}.brand img{width:40px;height:42px}.brand strong{font-size:15px;letter-spacing:-.55px}.brand small{font-size:10px}.toolbar{gap:3px}.tool{min-width:35px;height:36px;border-radius:9px;font-size:12px}.glyph{font-size:22px}.listscreen{padding:17px 12px}.sectionhead{align-items:flex-start}.sectionhead h1{font-size:21px}.sectionhead .primary{font-size:11px;padding:9px}.zoomtools{right:9px;bottom:32px}.zoomtools button{width:39px;height:39px}.action-row button{min-width:54px}.action-title{font-size:11px}}@media(prefers-reduced-motion:reduce){.viewport svg .moving{display:none}}
/* Мрія&Зцвп v0.2 — незалежні редактори, справжня 3D-камера, touch polish */
#mapSvg[hidden],#map3d[hidden],.cameraTools[hidden]{display:none!important}
#map3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.viewport.mode3d{background:#fff}.viewport.noGrid{background-image:none}.viewport.mode3d #mapSvg{transform:none!important;filter:none!important}
.viewport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;user-select:none;-webkit-tap-highlight-color:transparent}
.viewport svg{shape-rendering:geometricPrecision}.viewport .node{touch-action:none}.viewport .toggler,.viewport .note-icon{cursor:pointer}
.cameraTools{position:absolute;z-index:4;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:7px;overflow-x:auto;max-width:min(730px,calc(100% - 20px));padding:8px 10px;background:#ffffffed;backdrop-filter:blur(10px);border:1px solid #dae4f1;border-radius:13px;box-shadow:0 3px 20px #243a5b1a;scrollbar-width:none;font-size:11px;white-space:nowrap}.cameraTools button{border:1px solid #dbe4f2;border-radius:8px;background:#f7faff;padding:7px 8px;white-space:nowrap}.cameraTools button.active{background:#20304e;color:white}.cameraTools input{width:73px;vertical-align:middle;accent-color:#2673e7}.cameraTools label{display:inline-flex;gap:5px;align-items:center}
.node-quick{width:min(440px,calc(100% - 24px));border-radius:19px;background:#dfe7f7;overflow:visible;max-height:90dvh}.node-quick>header{border-bottom:0;justify-content:center;padding:16px 40px 9px;position:relative}.node-quick>header h2{font-weight:500;font-size:22px}.node-quick>header button{position:absolute;right:14px;top:11px}.quickBody{padding:0 12px 13px;overflow:visible}.quickbar{display:flex;justify-content:center;gap:2px;background:#d5deef;border:1px solid #b5c4d9;box-shadow:0 3px 6px #1e2a4323;border-radius:9px;padding:4px;transform:translateY(-2px);flex-wrap:wrap}.quickbar button{border:0;background:none;font-size:19px;font-weight:750;min-width:30px;min-height:31px;color:#253550;border-radius:5px}.quickbar button.pressed,.quickbar button:active{background:#b8cdec}.quickPopover{background:#f3f7ff;border:1px solid #bdcde6;border-radius:8px;padding:10px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px}.quickPopover input[type=range]{width:130px;accent-color:#3176e1}.quickPopover select{font-size:12px;padding:5px}.quickPopover .swatches{margin:0}.quickPopover .swatches button{width:23px;height:23px}.nodePreview{background:#fff325;border:1px solid #cbd8eb;border-radius:9px;margin:12px 0 8px;padding:5px;min-height:83px;display:flex;align-items:center}.nodePreview textarea{width:100%;min-height:76px;max-height:25dvh;resize:vertical;background:transparent;border:0;outline:none;padding:13px 10px;color:#1b2c42;font-size:14px;line-height:1.35}.quickShape{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:#526585;font-size:11px}.quickShape select{border:1px solid #c9d5e7;border-radius:6px;background:#fff;padding:3px;font-size:12px}.quickFoot{display:flex;gap:6px;margin-top:11px}.quickFoot button{flex:1;padding:11px 3px;font-size:12px}.quickFoot .primary{background:linear-gradient(110deg,#529bf9,#8050ef);border-color:#7381f1}
.notes-sheet{width:min(840px,100%);height:min(95dvh,990px);max-height:95dvh;top:50%;border-radius:15px;background:#eef2fc}.notesHeader{flex-shrink:0}.notesHeader>div{display:flex;flex-direction:column;gap:2px;min-width:0}.notesHeader b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notesHeader small{font-size:11px;color:#6a7992}.notesDone{border:0;background:transparent!important;font-size:29px!important;color:#203658!important}.note-toolbar{flex-shrink:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;padding:6px;background:#e5ebf8;min-height:46px}.note-toolbar button{background:none;border:0;min-width:29px;height:32px;border-radius:6px;font-size:17px;font-weight:600;color:#1c2b45}.note-toolbar button:active,.note-toolbar button:hover{background:#ccd9ef}.note-optionbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;padding:7px 12px;background:#dfe6f6}.note-optionbar input{accent-color:#2860ca}.smallColors{display:flex;gap:5px}.smallColors button{width:21px;height:21px;border:1px solid #fff;border-radius:50%}.noteBody{background:white;color:#1d2230;flex:1;margin:8px 12px;overflow:auto;overscroll-behavior:contain;min-height:140px;padding:20px 16px;outline:none;border:1px solid #d3dbe9;font:18px/1.55 Georgia,serif;white-space:normal;word-wrap:break-word}.noteBody:empty:before{content:attr(data-placeholder);color:#adb3bd;pointer-events:none}.noteBody img{max-width:100%;height:auto}.notesFoot{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 12px 12px}.notesFoot span{flex:1;color:#64748f;font-size:10px}
.settingsSheet{width:min(650px,calc(100% - 16px));max-height:94dvh}.settingsBody{padding:14px;overflow:auto;background:#fff}.settingCard{border:1px solid #e0e4eb;border-radius:15px;padding:15px;margin-bottom:14px}.settingCard h3{font-size:15px;margin:0 0 9px}.settingCard p{font-size:12px;line-height:1.5;color:#89929e;margin:0 0 14px}.settingPreview{height:186px;border:1px solid #eef0f4;border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden}.settingPreview svg{width:100%;height:100%}.rangehead{margin-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.rangehead strong{font-size:22px}#layoutScale{display:block;width:100%;margin:19px 0 4px;accent-color:#1f2d46}.rangeEnds{display:flex;justify-content:space-between;color:#9a9eac;font-size:11px}.scaleManual{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:13px 0}.scaleManual label{font-size:11px;color:#5f6b80}.scaleManual input{display:block;margin-top:6px;width:112px;padding:10px;border:1px solid #dbe2ec;border-radius:10px;font-size:15px}.scalePresets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.scalePresets button{border:1px solid #dfe5ed;border-radius:10px;background:#fff;padding:11px 7px}.scalePresets button.active{background:#1b1b1d;color:#fff}.ringControl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;font-weight:600;margin:13px 0}.ringControl input{grid-column:span 2;width:100%;accent-color:#266be4}.checkline{display:flex;align-items:center;gap:7px;margin:14px 0;font-size:13px}.checkline input{accent-color:#225cd3}.settingsFooter{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eef0f5;padding:10px 15px;background:#fff;flex-shrink:0}
@media(max-width:580px){.notes-sheet{height:calc(100dvh - 34px);max-height:100dvh;top:calc(50% + 4px);border-radius:11px}.noteBody{margin:4px 8px;padding:12px 9px}.note-toolbar{justify-content:space-between}.cameraTools span{display:none}.settingsBody{padding:8px}.settingCard{padding:11px}.settingPreview{height:140px}}

/* ===== v0.3 patch styles ===== */
.v3-header{padding:0;background:linear-gradient(180deg,#151a38,#0f1634);color:#fff;border-bottom:none;display:block}
.v3-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#e7ebf3;color:#12203b;border-bottom:1px solid #cfd7e3}
.v3-left,.v3-mid,.v3-right{display:flex;align-items:center;gap:8px}
.v3-dots{padding:4px 0 7px;text-align:center;color:#c9d1e4;font-size:14px;letter-spacing:3px}
.v3-topbar .tool{min-width:42px;height:42px;border-radius:12px;border:1px solid #d7dfeb;background:#fff;color:#16233f;font-weight:800}
.v3-topbar .tool.selected{background:#151b24;color:#fff;border-color:#151b24}
.v3-topbar .tool:disabled{opacity:.35}
.v3-topbar .tool.ghost{background:transparent;border:none;font-size:28px;min-width:34px;height:34px;padding:0}
.presentationMode .bottomnav{display:none}.presentationMode .screen{bottom:0}
.moreDrawer{position:fixed;top:0;right:0;bottom:0;width:min(84vw,360px);background:#f7f8fb;border-left:1px solid #d6deea;z-index:41;transform:translateX(102%);transition:transform .22s ease;overflow:auto;box-shadow:-10px 0 28px rgba(10,17,34,.16)}
.moreDrawer.open{transform:translateX(0)} .drawerBackdrop{position:fixed;inset:0;background:rgba(14,21,40,.28);z-index:40}
.drawerHead{padding:18px 18px 12px;font-size:22px;font-weight:800;color:#1c2942}
.drawerList button{width:100%;display:flex;align-items:center;gap:12px;padding:15px 18px;border:none;border-top:1px solid #e7ecf4;background:transparent;color:#1d2c49;font-size:17px;text-align:left}
.drawerList button:hover{background:#edf3ff}
.exportSheet .sheetBody{padding:16px}.exportGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exportGrid button{padding:14px 12px;border-radius:14px;border:1px solid #d7deea;background:#fff;font-weight:700;color:#23324d}
.shapeSheet .sheetBody{display:grid;gap:14px}.shapeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shapeGrid button{display:grid;place-items:center;gap:4px;padding:12px 6px;border:1px solid #ccd6e5;border-radius:14px;background:#fff;color:#20304f;font-size:24px}.shapeGrid button small{font-size:10px;color:#6a7690}.shapeGrid button.active{outline:3px solid #79a5ff;background:#eef4ff}
.fieldrow{display:flex;gap:16px;flex-wrap:wrap;color:#20304f}.fieldlabel{display:grid;gap:6px;color:#20304f;font-weight:700}
.nudgeBar{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px 14px}.nudgeBar button{width:42px;height:42px;border:none;border-radius:999px;background:#94f0ec;color:#143554;font-weight:900;font-size:20px;box-shadow:0 8px 16px rgba(33,156,155,.18)}
#mapViewport{background:#fff}
.node-actions{max-width:680px}.node-actions .action-row{flex-wrap:wrap}
.ringControl{display:grid;gap:6px;margin-top:12px;font-weight:700;color:#2a3955}
.ringControl input{width:100%}
.sheet header h2{max-width:calc(100% - 40px)}
@media (max-width: 760px){.exportGrid{grid-template-columns:1fr}.shapeGrid{grid-template-columns:repeat(2,1fr)}.v3-topbar{padding:10px}.v3-topbar .tool{min-width:38px;height:38px}}
/* v0.4: responsive library of maps and data/connection center */
.projectsHome{position:fixed;inset:0;z-index:12;background:#fff;display:flex;flex-direction:column;color:#1d293c;font-family:Inter,Roboto,system-ui,sans-serif}
.appAtHome{visibility:hidden}
.homeBar{height:84px;display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #e7ebef;flex-shrink:0;background:#fff;box-shadow:0 3px 14px #00000005}
.homeBar img{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 1px 4px #1116281b)}
.homeBar>div{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px}.homeBar strong{font-size:19px}.homeBar small{color:#84909e;font-size:12px}.homeBar button{border:1px solid #dce3ed;background:white;font-size:22px;width:43px;height:43px;border-radius:12px}
.homeMain{padding:26px clamp(14px,5vw,48px);overflow:auto;flex:1}.homeMain h1{margin:0 0 4px;font-size:clamp(23px,4.2vw,32px);font-weight:760}.homeMain>p{color:#69788d;font-size:13px;margin-top:5px}.homeCommands{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.homeCommands button{font-size:14px;padding:13px 16px}.homeCommands .primary{background:#17191d;border-color:#17191d}.homeCommands .secondary{background:white}
#projectCards{display:grid;gap:12px}.projectCard{display:flex;align-items:center;gap:12px;border:1px solid #dce2e9;border-radius:15px;background:white;padding:16px 13px;min-width:0;box-shadow:0 2px 12px #15274405}.projMark{font-size:26px;padding:10px;border-radius:12px;background:#f1f3f6;color:#34445e}.projDescription{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.projDescription strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projDescription small{font-size:12px;color:#7d8796}.projDescription span{font-size:11px;color:#a0a7b1}.openProject{border:none;background:#1d1f24;color:white;padding:10px 13px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap}.projectDots{border:1px solid #dfe3ea;background:#fff;width:37px;height:37px;border-radius:10px;font-size:21px}.homeHint{line-height:1.5;margin-top:22px!important}.homeNav{display:flex;border-top:1px solid #e0e5ed;height:72px;flex-shrink:0}.homeNav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:#fff;color:#596579;font-size:23px}.homeNav button span{font-size:11px}.homeNav button.active{background:#f3f4f7;color:#242e40}
.activeMapRibbon{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 13px;background:#fff;color:#263750;border-bottom:1px solid #e6eaf2;font-size:12px;min-height:28px}.activeMapRibbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.activeMapRibbon button{border:none;background:#eff4fd;border-radius:7px;padding:4px 9px;color:#2456a5;font-size:11px}
.header.v3-header{height:125px;display:block;padding:0!important;background:#141b36!important;box-shadow:none}.v3-topbar{min-height:64px}.screen{top:125px!important}.zoomtools{z-index:5}
.hubSheet{width:min(710px,calc(100% - 18px));max-height:90dvh}.hubBody{overflow-y:auto;padding:16px 20px 24px}.hubTabs{display:flex;border-bottom:1px solid #e2e6ee;gap:5px;margin-bottom:19px;overflow-x:auto}.hubTabs button{border:none;border-bottom:3px solid transparent;background:white;padding:11px 12px;font-weight:700;font-size:13px;color:#66748c;white-space:nowrap}.hubTabs button.active{color:#175ed9;border-color:#175ed9}.hubBody h3{font-size:20px;margin:10px 0}.hubBody p{font-size:14px;color:#63738b;line-height:1.55}.hubStack{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.hubStack button{padding:11px 14px;font-size:13px}.hubStack button:disabled{opacity:.6;cursor:not-allowed}.hubBody small{display:block;color:#8a95a7;line-height:1.55}.syncStatus{padding:10px 13px;color:#a35c1d;background:#fff7ec;display:inline-block;border-radius:10px;font-size:13px;font-weight:800}.planNote{background:#f2f5fa;border-radius:10px;padding:12px}.snapshots{margin-top:15px;font-size:12px;color:#687789;line-height:2}.snapshotRow{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e6ecf4;padding:6px 0}.snapshotRow button{padding:7px 9px;background:white;border:1px solid #d6deea;border-radius:8px}.v4Profile{margin-top:14px}
#mapSvg{will-change:transform;contain:layout paint}.viewport{overscroll-behavior:none;touch-action:none}.viewport.mode3d{touch-action:none}
@media(max-width:600px){.homeBar{height:72px;padding:9px 13px}.homeMain{padding:20px 14px}.projectCard{padding:12px 8px;gap:8px}.projMark{display:none}.openProject{padding:9px 10px}.hubBody{padding:12px}.header.v3-header{height:121px}.screen{top:121px!important}.v3-topbar{min-height:60px}.activeMapRibbon{min-height:31px}.sheet.hubSheet{max-height:86dvh}}
/* Explicit visibility because some SVG runtimes ignore the hidden attribute. */
.viewport.mode3d #mapSvg{display:none!important;pointer-events:none!important}
.viewport:not(.mode3d) #map3d{display:none!important;pointer-events:none!important}
.header.v3-header{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:131px!important}
.header.v3-header .v3-dots{order:0;height:18px;line-height:12px;padding:2px 0;background:#151b34;color:#b8c1d6}
.header.v3-header .v3-topbar{order:1;height:70px;flex-shrink:0}
.header.v3-header .activeMapRibbon{order:2;flex:1}
.screen{top:131px!important}
@media(max-width:600px){.header.v3-header{height:127px!important}.header.v3-header .v3-topbar{height:66px}.screen{top:127px!important}}

.exportGrid button:disabled{opacity:.5;cursor:not-allowed;background:#f6f7f9}
#syncAccount{display:block;margin:8px 0;border:1px solid #dce3ed;color:#8390a2;background:#f4f6f8;border-radius:10px;padding:11px}