:root{color:#1d2926;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;background:#eef1ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{background:#eef1ef;grid-template:64px minmax(0,1fr)/76px 380px minmax(0,1fr);width:100%;height:100%;display:grid}.topbar{z-index:20;background:#fff;border-bottom:1px solid #dfe5e2;grid-column:1/-1;align-items:center;gap:16px;padding:0 18px;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#d84a2f;border-radius:7px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand>span:last-child{flex-direction:column;gap:1px;display:flex}.brand strong{font-size:14px;line-height:18px}.brand small{color:#71807b;font-size:11px}.topbar-actions{gap:6px;margin-left:auto;display:flex}.language-switcher{color:#52615c;background:#fff;border:1px solid #d7dfdc;border-radius:6px;align-items:center;gap:6px;height:36px;padding-left:9px;display:inline-flex}.language-switcher select{width:104px;height:34px;box-shadow:none;cursor:pointer;background:0 0;border:0;padding-left:2px;font-size:12px}.icon-button{color:#52615c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:36px;height:36px;padding:0;text-decoration:none;display:inline-grid}.icon-button:hover{color:#18231f;background:#f4f7f5;border-color:#d7dfdc}.icon-button.active{color:#fff;background:#16856f;border-color:#b8d7ce}.icon-button.danger-icon{color:#b53724}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.solid{color:#fff;background:#16856f}.icon-button.solid:hover{background:#0f6c5a;border-color:#0f6c5a}.feature-rail{z-index:10;background:#f9faf9;border-right:1px solid #dfe5e2;flex-direction:column;grid-area:2/1;gap:8px;padding:12px 10px;display:flex}.feature-rail button{color:#65746f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:68px;padding:7px 4px;display:flex}.feature-rail button span{text-align:center;font-size:10px;line-height:13px}.feature-rail button:hover{color:#1b6e5e;background:#eef4f1}.feature-rail button.active{color:#126c59;background:#e5f1ed;border-color:#cce0da}.control-panel{z-index:9;background:#fff;border-right:1px solid #dfe5e2;grid-area:2/2;min-width:0;overflow:hidden}.panel-header{border-bottom:1px solid #e6ebe8;align-items:center;gap:9px;height:54px;padding:0 18px;display:flex}.panel-header h1{margin:0;font-size:14px;line-height:20px}.panel-scroll{height:calc(100% - 54px);overflow-y:auto}.tool-section{border-bottom:1px solid #e7ebe9;padding:18px}.tool-section h2{color:#46544f;margin:0 0 12px;font-size:12px;line-height:16px}.status-line{color:#77847f;margin:0;font-size:12px}.input-action{grid-template-columns:minmax(0,1fr) 36px;gap:8px;display:grid}input{color:#17221e;background:#fff;border:1px solid #cfd8d4;border-radius:6px;outline:none;width:100%;min-width:0;height:36px;padding:0 11px}input:focus{border-color:#16856f;box-shadow:0 0 0 3px #16856f1f}select{color:#17221e;background:#fff;border:1px solid #cfd8d4;border-radius:6px;outline:none;width:100%;height:36px;padding:0 34px 0 11px}select:focus{border-color:#16856f;box-shadow:0 0 0 3px #16856f1f}.field-label{color:#46544f;margin-bottom:8px;font-size:12px;font-weight:650;display:block}.result-list{flex-direction:column;max-height:224px;margin:10px -4px -4px;display:flex;overflow-y:auto}.result-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;gap:2px;padding:9px 8px;display:flex}.result-list button:hover{background:#f1f5f3}.result-list strong{font-size:12px}.result-list span{color:#71807b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.coordinate-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.coordinate-list button{cursor:pointer;background:#f8faf9;border:1px solid #e0e6e3;border-radius:5px;grid-template-columns:68px minmax(0,1fr) 18px;align-items:center;gap:6px;width:100%;padding:9px;display:grid}.coordinate-list button:hover{border-color:#b8cec7}.coordinate-list span{color:#16856f;text-align:left;font-size:10px;font-weight:700}.coordinate-list code{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.inline-error,.form-error{color:#b53724;margin:10px 0 0;font-size:12px;line-height:17px}.button-grid,.export-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-actions{grid-template-columns:1fr;margin-top:10px}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#fff;background:#16856f}.button.primary:hover:not(:disabled){background:#0f6c5a}.button.secondary{background:#fff;border-color:#cfd8d4}.button.secondary:hover:not(:disabled){background:#f3f6f5}.button.danger{color:#a73523;background:#fff6f4;border-color:#efcec8}.file-summary{background:#f7f9f8;border:1px solid #dfe6e3;border-radius:6px;grid-template-columns:20px minmax(0,1fr) 36px;align-items:center;gap:8px;margin-top:12px;padding:9px 6px 9px 10px;display:grid}.file-summary div{flex-direction:column;gap:2px;min-width:0;display:flex}.file-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-summary span{color:#7a8782;font-size:11px}.status-line{color:#16856f;margin-top:10px}.export-progress{margin-top:12px}.export-progress progress{background:#e1e8e5;border:0;border-radius:3px;width:100%;height:6px;display:block;overflow:hidden}.export-progress progress::-webkit-progress-bar{background:#e1e8e5}.export-progress progress::-webkit-progress-value{background:#16856f}.export-progress progress::-moz-progress-bar{background:#16856f}.export-progress div{color:#71807b;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px;display:flex}.segmented-control{background:#f3f6f5;border:1px solid #d8e0dd;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;display:grid}.segmented-control button{color:#60706a;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-width:0;height:32px;padding:0 5px;font-size:11px;display:flex}.segmented-control button:hover:not(:disabled){color:#126c59;background:#e8f0ed}.segmented-control button.active{color:#fff;background:#16856f}.segmented-control button:disabled:not(.active){opacity:.48;cursor:not-allowed}.drawing-summary{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.drawing-summary span{color:#71807b;font-size:12px}.drawing-summary .button{min-height:32px;padding:6px 10px}.section-heading-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-heading-row h2{margin:0}.section-heading-row .icon-button{width:32px;height:32px}.json-section textarea{resize:vertical;color:#29403a;white-space:pre;background:#f6f8f7;border:1px solid #d5ddda;border-radius:6px;outline:none;width:100%;height:300px;padding:11px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;line-height:16px;display:block}.json-section textarea:focus{border-color:#16856f;box-shadow:0 0 0 3px #16856f1f}.studio-shell{flex-direction:column;height:calc(100% - 54px);min-height:0;display:flex}.studio-commandbar{border-bottom:1px solid #e6ebe8;flex:0 0 48px;align-items:center;gap:3px;padding:6px 10px;display:flex}.studio-commandbar .icon-button{width:34px;height:34px}.draw-tools{gap:3px;display:flex}.command-divider{background:#dfe5e2;width:1px;height:22px;margin:0 4px}.command-spacer{flex:1}.active-mode-bar{color:#126c59;background:#eaf4f1;flex:none;align-items:center;gap:10px;min-height:34px;padding:6px 12px;font-size:11px;display:flex}.active-mode-bar label{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.active-mode-bar input{accent-color:#16856f;width:14px;height:14px;padding:0}.active-mode-bar kbd{color:#60706a;background:#fff;border:1px solid #c6d5d0;border-radius:3px;padding:2px 5px;font:10px SFMono-Regular,Consolas,monospace}.studio-tabs{border-bottom:1px solid #e2e8e5;flex:0 0 44px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-tabs button{color:#6c7975;cursor:pointer;background:#fff;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 4px;font-size:10px;display:flex}.studio-tabs button.active{color:#126c59;border-bottom-color:#16856f;font-weight:700}.studio-content{flex:auto;min-height:0;position:relative;overflow:auto}.workspace-pane{min-height:100%;padding:14px}.pane-title{color:#71807b;justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.feature-list{flex-direction:column;gap:4px;display:flex}.feature-list>div{background:#fff;border:1px solid #e1e7e4;border-radius:5px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;display:grid}.feature-list>div:hover{border-color:#bcd1ca}.feature-list>div.selected{background:#edf6f3;border-color:#77ad9f}.feature-select{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:8px;display:grid}.feature-select>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.feature-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.feature-select small{color:#7b8884;font-size:9px}.geometry-icon{color:#126c59;background:#e4f0ec;border-radius:4px;place-items:center;width:26px;height:26px;display:grid}.feature-list .icon-button{color:#9a4a3d;width:28px;height:28px}.workspace-empty{color:#8a9692;justify-items:center;gap:8px;padding:42px 16px;font-size:11px;display:grid}.feature-inspector{border-top:1px solid #e2e8e5;margin-top:14px;padding-top:14px}.inspector-meta{grid-template-columns:54px minmax(0,1fr);gap:8px;margin-top:8px;font-size:10px;display:grid}.inspector-meta span{color:#7b8884}.inspector-meta code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.data-pane{grid-template-rows:34px 36px minmax(220px,1fr) 36px;gap:10px;height:100%;min-height:0;display:grid}.data-view-switch{grid-template-columns:1fr 1fr}.data-view-switch button{height:26px}.data-crs-row{grid-template-columns:minmax(0,1fr) 158px;align-items:center;gap:10px;display:grid}.data-crs-row .field-label{margin:0}.data-pane textarea,.compact-code{resize:vertical;color:#29403a;white-space:pre;background:#f7f9f8;border:1px solid #d5ddda;border-radius:5px;outline:none;width:100%;height:230px;margin:10px 0;padding:10px;font:10px/16px SFMono-Regular,Consolas,monospace;display:block}.data-pane .data-code-editor{resize:none;height:100%;min-height:0;margin:0}.compact-code{height:94px}.data-pane textarea:focus,.compact-code:focus{border-color:#16856f;box-shadow:0 0 0 3px #16856f1a}.data-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.converted-preview{color:#355049;white-space:pre;background:#f4f7f5;border:1px solid #dce3e0;border-radius:5px;padding:10px;font:10px/16px SFMono-Regular,Consolas,monospace;overflow:auto}.style-pane{flex-direction:column;gap:14px;display:flex}.style-pane>label{color:#46544f;grid-template-columns:92px minmax(0,1fr) 52px;align-items:center;gap:10px;font-size:11px;display:grid}.style-pane input[type=color]{width:42px;height:30px;padding:3px}.style-pane input[type=range]{accent-color:#16856f;height:24px;box-shadow:none;padding:0}.style-pane output{color:#71807b;text-align:right;font-size:10px}.analysis-block+.analysis-block{border-top:1px solid #e2e8e5;margin-top:20px;padding-top:18px}.analysis-block h2{margin:0 0 10px;font-size:12px}.measurement-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.measurement-list>div{border:1px solid #e1e7e4;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}.measurement-list span{color:#71807b;text-transform:capitalize}.analysis-result{color:#126c59;background:#edf6f3;border-left:3px solid #16856f;margin-top:10px;padding:9px 10px;font-size:11px;font-weight:700}.studio-error{margin:0 14px 14px}.local-data-note{color:#126c59;background:#edf6f3;border:1px solid #cce0da;border-radius:5px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;padding:9px 10px;font-size:11px;display:grid}.layer-source-form .field-label{margin-top:13px}.add-layer-button{width:100%;margin-top:14px}.layer-count{color:#126c59;background:#e5f1ed;border-radius:4px;place-items:center;min-width:24px;height:20px;padding:0 6px;font-size:10px;font-weight:700;display:grid}.custom-layer-list{flex-direction:column;gap:8px;display:flex}.custom-layer-item{background:#fff;border:1px solid #dfe6e3;border-radius:6px;padding:8px}.custom-layer-item header{grid-template-columns:30px minmax(0,1fr) repeat(3,28px);align-items:center;gap:3px;display:grid}.custom-layer-item header .icon-button{width:28px;height:28px}.custom-layer-item header>div{flex-direction:column;gap:1px;min-width:0;display:flex}.custom-layer-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.custom-layer-item header span{color:#16856f;font-size:9px;font-weight:700}.custom-layer-item code{color:#77847f;text-overflow:ellipsis;white-space:nowrap;margin:7px 3px;font-size:9px;display:block;overflow:hidden}.custom-layer-item>label{color:#60706a;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:7px;font-size:10px;display:grid}.custom-layer-item input[type=range]{accent-color:#16856f;height:22px;box-shadow:none;padding:0}.custom-layer-item output{text-align:right}.map-stage{grid-area:2/3;min-width:0;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%;position:absolute;inset:0}.map-layer-control{z-index:6;background:#fffffff5;border:1px solid #d8e0dd;border-radius:7px;grid-template-columns:repeat(2,38px);gap:3px;padding:3px;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 4px 16px #1a272224}.map-layer-control button{color:#5f6f69;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:38px;height:34px;padding:0;display:grid}.map-layer-control button:hover{color:#126c59;background:#edf3f1}.map-layer-control button.active{color:#fff;background:#16856f}.map-state{color:#53615d;background:#eef2f0;justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex;position:absolute;inset:0}.error-state{color:#a73523}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.maptalks-attribution{font-size:10px}.dialog-backdrop{z-index:1000;background:#141d1a85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border:1px solid #dfe5e2;border-radius:8px;width:min(440px,100%);box-shadow:0 22px 60px #121e1a38}.dialog-header{border-bottom:1px solid #e4e9e6;grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:10px;padding:18px 20px;display:grid}.dialog-icon{color:#126c59;background:#e6f2ee;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.dialog-header h2{margin:0;font-size:15px}.dialog-header p{color:#75827e;margin:3px 0 0;font-size:11px}.dialog form{padding:20px}.credential-privacy{color:#126c59;background:#edf6f3;border:1px solid #cce0da;border-radius:6px;grid-template-columns:20px minmax(0,1fr);gap:9px;margin-bottom:18px;padding:11px;display:grid}.credential-privacy>svg{margin-top:1px}.credential-privacy div{flex-direction:column;gap:3px;min-width:0;display:flex}.credential-privacy strong{font-size:12px;line-height:16px}.credential-privacy span{color:#526b64;font-size:11px;line-height:16px}.dialog label{color:#46544f;flex-direction:column;gap:7px;margin-bottom:14px;font-size:12px;font-weight:650;display:flex}.dialog-links{gap:16px;margin-top:12px;display:flex}.dialog-links a{color:#126c59;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:inline-flex}.dialog-actions{border-top:1px solid #e8ecea;align-items:center;gap:8px;margin-top:22px;padding-top:16px;display:flex}.action-spacer{flex:1}.panel-empty{color:#7a8782;text-align:center;place-items:center;height:calc(100% - 54px);padding:28px;font-size:12px;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-menu,.mobile-close,.mobile-scrim{display:none}@media (width<=820px){.app-shell{grid-template:56px minmax(0,1fr)/58px minmax(0,1fr)}.topbar{padding:0 10px}.brand-mark{width:32px;height:32px}.brand small{display:none}.mobile-menu{display:inline-grid}.feature-rail{grid-column:1;padding:8px 6px}.feature-rail button{min-height:60px}.feature-rail button span{display:none}.map-stage{grid-column:2}.map-layer-control{top:12px;right:12px}.control-panel{z-index:40;width:min(380px,100vw - 36px);transition:transform .2s;position:fixed;top:56px;bottom:0;left:0;transform:translate(-105%)}.control-panel.open{transform:translate(0)}.mobile-close{margin-left:auto;display:inline-grid}.mobile-scrim{z-index:35;background:#141d1a61;border:0;display:block;position:fixed;inset:56px 0 0}.studio-tabs button span{display:none}}@media (width<=420px){.brand strong{font-size:13px}.language-switcher{gap:3px;padding-left:6px}.language-switcher select{width:88px}.dialog-backdrop{align-items:end;padding:0}.dialog{border-radius:8px 8px 0 0}.dialog-links{flex-direction:column;gap:8px}.dialog-actions{flex-wrap:wrap}}