:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;color:#e8eef1;background:#0d171e;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #111e27;--surface-2: #172731;--surface-3: #1d303a;--line: rgba(201, 219, 226, .14);--muted: #8296a0;--accent: #ffb13b;--accent-soft: rgba(255, 177, 59, .14);--cyan: #68d5d2;--danger: #ff766f}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button,input[type=range]{-webkit-tap-highlight-color:transparent}svg{display:block;width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-shell,.editor-shell{width:100%;height:100%}.project-dashboard{display:grid;width:100%;height:100%;grid-template-rows:72px minmax(0,1fr);background:radial-gradient(circle at 82% 12%,rgba(104,213,210,.08),transparent 28%),radial-gradient(circle at 12% 75%,rgba(255,177,59,.06),transparent 30%),#0d171e}.project-dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#0f1c24eb}.project-dashboard-content{width:min(1180px,100%);margin:0 auto;overflow:auto;padding:46px 28px 70px}.project-dashboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px}.project-dashboard-intro span,.project-list-heading span{color:var(--cyan);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em}.project-dashboard-intro h1{margin:8px 0 7px;font-size:clamp(30px,5vw,48px);letter-spacing:.04em}.project-dashboard-intro p{margin:0;color:var(--muted);font-size:13px}.new-project-button{display:inline-flex;min-height:48px;align-items:center;gap:9px;padding:0 20px;color:#191d1d;font-size:13px;font-weight:700;border:1px solid var(--accent);border-radius:5px;background:var(--accent);box-shadow:0 12px 28px #ffb13b2e;cursor:pointer}.project-intro-actions{display:flex;align-items:center;gap:9px}.import-project-button{display:inline-flex;min-height:48px;align-items:center;gap:8px;padding:0 17px;color:#b7cbd2;font-size:12px;border:1px solid rgba(104,213,210,.24);border-radius:5px;background:#68d5d20b;cursor:pointer}.import-project-button svg,.new-project-button svg{width:17px;height:17px}.import-project-button:disabled{cursor:wait;opacity:.55}.project-transfer-notice,.project-transfer-error{margin:-8px 0 18px;padding:9px 11px;font-size:10px;line-height:1.55;border-left:2px solid}.project-transfer-notice{color:#a8dfc5;border-color:#63d5a1;background:#63d5a10e}.project-transfer-error{color:#ffaaa5;border-color:var(--danger);background:#ff766f0e}.project-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.project-list-heading strong{font-size:14px}.project-list-heading span{color:var(--muted);letter-spacing:.08em}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,177,59,.035),transparent 45%),#111f28;box-shadow:0 16px 36px #0000002e}.project-card-main{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;text-align:left;border:0;background:transparent;cursor:pointer}.project-card-main:hover{background:#ffffff06}.project-card-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--accent);border:1px solid rgba(255,177,59,.25);border-radius:5px;background:var(--accent-soft)}.project-card-main h2{margin:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.project-card-main p{margin:5px 0 0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-card-main>span{color:var(--cyan);font-size:9px}.project-card-stats,.project-delete-dialog dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0 18px;border:1px solid rgba(201,219,226,.09);border-radius:4px}.project-card-stats div,.project-delete-dialog dl div{display:grid;gap:3px;padding:9px 12px;border-right:1px solid rgba(201,219,226,.09)}.project-card-stats div:last-child,.project-delete-dialog dl div:last-child{border-right:0}.project-card-stats dt,.project-delete-dialog dt{color:#718790;font-size:8px}.project-card-stats dd,.project-delete-dialog dd{margin:0;color:#dce5e8;font-size:14px;font-weight:700}.project-card-time{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;color:#667b84;font-size:8px}.project-card-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.project-card-actions button{min-height:35px;color:#92a5ad;font-size:9px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.project-card-actions button:last-child{border-right:0}.project-card-actions button.danger{color:#d98882}.project-card-actions button:disabled{cursor:wait;opacity:.45}.empty-project-list{display:grid;width:100%;min-height:260px;place-items:center;align-content:center;gap:8px;color:#a6b6bc;border:1px dashed rgba(201,219,226,.2);border-radius:8px;background:#ffffff05;cursor:pointer}.empty-project-list>span{display:grid;width:50px;height:50px;place-items:center;color:var(--accent);font-size:29px;border:1px solid rgba(255,177,59,.3);border-radius:50%}.empty-project-list strong{margin-top:6px;font-size:14px}.empty-project-list small{color:var(--muted);font-size:10px}.project-form-dialog,.project-delete-dialog{width:min(500px,100%);padding:26px;border:1px solid rgba(255,177,59,.22);border-radius:8px;background:#13222b;box-shadow:0 24px 80px #0000007a}.project-form-dialog.compact{width:min(430px,100%)}.project-form-dialog h2,.project-delete-dialog h2{margin:7px 0 18px;font-size:22px}.project-form-dialog label{display:block;margin:13px 0}.project-form-dialog label>span{display:block;margin-bottom:6px;color:#a8b7bd;font-size:10px}.project-form-dialog input,.project-form-dialog textarea{width:100%;padding:11px 12px;color:#edf3f5;font-size:12px;border:1px solid var(--line);border-radius:4px;outline:none;background:#0d1920;resize:vertical}.project-form-dialog input:focus,.project-form-dialog textarea:focus{border-color:#ffb13b7a}.form-error{margin-top:10px;padding:9px 10px;color:#ffaaa5;font-size:10px;border-left:2px solid var(--danger);background:#ff766f0f}.project-delete-dialog>strong{display:block;color:#f0d7b5;font-size:15px}.project-delete-dialog>p{margin:8px 0 16px;color:#91a4ad;font-size:11px;line-height:1.6}.project-delete-dialog dl{margin:0}.button.danger-confirm{color:#fff;border-color:var(--danger);background:#b94743}.mobile-project-back,.mobile-project-title,.mobile-drawer-grabber,.mobile-locate-fab,.mobile-annotation-actions,.mobile-bottom-navigation{display:none}.editor-shell{display:grid;grid-template-rows:68px minmax(0,1fr);background:var(--surface)}.app-header{position:relative;z-index:30;display:grid;grid-template-columns:minmax(230px,.75fr) minmax(260px,1.2fr) minmax(300px,.9fr);align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,177,59,.025),transparent 30%),#101c24;box-shadow:0 10px 32px #0000003d}.brand-block{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;color:var(--accent);border:1px solid rgba(255,177,59,.34);background:var(--accent-soft);clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%)}.brand-mark svg{width:25px;height:25px;stroke-width:1.4}.brand-title{font-size:17px;font-weight:700;letter-spacing:.12em}.brand-caption{margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:.08em}.project-title-wrap{display:flex;min-width:0;align-items:center;gap:12px;justify-self:center}.project-title-wrap span{flex:0 0 auto;color:var(--muted);font-size:11px;letter-spacing:.08em}.project-title-wrap input{width:min(32vw,390px);padding:8px 10px;color:#edf4f6;font-size:14px;font-weight:600;text-align:center;border:1px solid transparent;border-radius:4px;outline:none;background:transparent}.project-title-wrap input:hover,.project-title-wrap input:focus{border-color:var(--line);background:#ffffff08}.header-actions{display:flex;align-items:center;gap:9px;justify-self:end}.save-state{display:flex;align-items:center;gap:7px;margin-right:4px;color:#9fb0b7;font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#58ce98;box-shadow:0 0 8px #58ce988c}.save-state.error{color:var(--danger)}.save-state.error .status-dot{background:var(--danger)}.icon-text-button,.icon-button{display:inline-flex;height:36px;align-items:center;justify-content:center;gap:7px;color:#c7d3d8;border:1px solid var(--line);border-radius:4px;background:#ffffff06;cursor:pointer}.icon-text-button{padding:0 13px;font-size:12px}.icon-button{width:36px;padding:0}.icon-button:hover,.icon-text-button:hover{color:var(--accent);border-color:#ffb13b66}.workspace{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 320px}.map-stage{position:relative;min-width:0;overflow:hidden;background:#17242a}.map-container,.drawing-overlay,.user-location-overlay,.annotation-overlay{position:absolute;inset:0;width:100%;height:100%}.map-container{z-index:1}.drawing-overlay{z-index:6;pointer-events:none}.drawing-overlay.is-interactive{pointer-events:auto}.user-location-overlay{z-index:7;pointer-events:none}.annotation-overlay{z-index:8;pointer-events:none}.annotation-overlay.is-interactive{pointer-events:auto}.tool-rail{position:absolute;z-index:12;top:24px;left:22px;display:flex;width:62px;flex-direction:column;padding:7px;border:1px solid rgba(210,225,230,.16);border-radius:6px;background:#0c181ff0;box-shadow:0 16px 36px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool-rail button{display:grid;height:54px;place-items:center;align-content:center;gap:3px;padding:0;color:#91a2aa;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer}.tool-rail button svg{width:20px;height:20px}.tool-rail button span{font-size:10px}.tool-rail button:hover:not(:disabled){color:#e8eef1;background:#ffffff0b}.tool-rail button.active{color:#171b19;border-color:#ffc46d;background:var(--accent);box-shadow:0 8px 18px #ffb13b36}.tool-rail button:disabled{cursor:not-allowed;opacity:.32}.rail-divider{height:1px;margin:5px 4px;background:var(--line)}.mode-hint{position:absolute;z-index:11;top:26px;left:98px;display:flex;align-items:center;gap:10px;padding:9px 13px;color:#d6e1e5;font-size:11px;border:1px solid rgba(255,177,59,.3);border-radius:4px;background:#0f1b22e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-hint span{padding:3px 6px;color:#181c1d;font-weight:700;border-radius:2px;background:var(--accent)}.user-location-actions{position:absolute;z-index:12;bottom:54px;left:22px;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid rgba(92,182,255,.28);border-radius:5px;background:#0a1922e8;box-shadow:0 12px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-location-actions>div{display:grid;min-width:118px;grid-template-columns:12px 1fr;align-items:center}.user-location-actions strong{color:#dcecf3;font-size:10px}.user-location-actions small{grid-column:2;color:#7f9ba8;font-size:8px}.live-location-dot{display:inline-block;width:8px;height:8px;border:2px solid #e9f6ff;border-radius:50%;background:#3498ff;box-shadow:0 0 0 4px #3498ff29}.user-location-actions button{min-height:30px;padding:0 9px;color:#a8c3ce;font-size:9px;border:1px solid rgba(201,219,226,.14);border-radius:3px;background:#ffffff06;cursor:pointer}.user-location-actions button.primary{color:#eef8ff;border-color:#4aa5ff94;background:#3498ff4d}.map-meta{position:absolute;z-index:11;right:18px;bottom:16px;padding:8px 11px;color:#c0cdd2;font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:12px;letter-spacing:.05em;border:1px solid rgba(210,225,230,.14);border-radius:3px;background:#091217d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.location-panel{position:absolute;z-index:24;top:24px;right:18px;width:min(360px,calc(100% - 120px));max-height:calc(100% - 48px);overflow:auto;padding:16px;border:1px solid rgba(104,213,210,.24);border-radius:7px;background:#0d1b22f5;box-shadow:0 20px 48px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.location-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.location-panel-heading>div{display:grid;gap:3px}.location-panel-heading span{color:var(--cyan);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:.17em}.location-panel-heading strong{font-size:15px}.location-panel-heading>button{padding:0;color:var(--muted);font-size:21px;border:0;background:transparent;cursor:pointer}.location-status{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px;padding:10px;border:1px solid rgba(127,149,158,.18);border-radius:4px;background:#ffffff06}.location-status>div{display:grid;gap:3px}.location-status strong{color:#cbd8dd;font-size:10px}.location-status small{color:#748a93;font-size:8px;line-height:1.45}.location-status.is-stable{border-color:#5cb6ff57;background:#3498ff12}.location-status.is-unstable,.location-status.is-error{border-color:#ffb13b57;background:#ffb13b0f}.location-status.is-unstable .live-location-dot,.location-status.is-error .live-location-dot{border-color:#fff3dc;background:#ffad33;box-shadow:0 0 0 4px #ffad3324}.locate-action,.save-map-center{display:flex;width:100%;min-height:37px;align-items:center;justify-content:center;gap:8px;color:#cddadd;font-size:10px;border:1px solid var(--line);border-radius:4px;background:#ffffff06;cursor:pointer}.locate-action:hover,.save-map-center:hover{color:var(--cyan);border-color:#68d5d259}.locate-action:disabled{cursor:wait;opacity:.55}.locate-action svg{width:16px;height:16px}.location-note{margin:7px 0 13px;color:#738890;font-size:9px;text-align:center}.current-location-summary{display:grid;gap:3px;margin-top:8px;padding:9px;border-left:2px solid #3498ff;background:#3498ff0e}.current-location-summary>span,.current-location-summary>small{color:#7e99a5;font-size:8px}.current-location-summary>strong{color:#b8d7e4;font-family:Arial Narrow,DIN Condensed,monospace;font-size:10px;font-weight:500}.current-location-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.current-location-summary button{min-height:29px;color:#cae4ee;font-size:8px;border:1px solid rgba(92,182,255,.25);border-radius:3px;background:#3498ff17;cursor:pointer}.current-location-summary button:disabled{cursor:not-allowed;opacity:.35}.location-panel label{display:block;margin-top:10px}.location-panel label>span{display:block;margin-bottom:5px;color:#91a5ad;font-size:9px}.input-action{display:grid;grid-template-columns:minmax(0,1fr) 54px}.input-action input,.coordinate-input-grid input{min-width:0;padding:9px 10px;color:#e5edef;font-size:10px;border:1px solid var(--line);border-right:0;border-radius:4px 0 0 4px;outline:none;background:#0a171d}.input-action input:focus,.coordinate-input-grid input:focus{border-color:#68d5d26b}.input-action button{color:#172126;font-size:10px;font-weight:700;border:1px solid var(--cyan);border-radius:0 4px 4px 0;background:var(--cyan);cursor:pointer}.coordinate-input-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 50px;gap:5px}.coordinate-input-grid input{border-right:1px solid var(--line);border-radius:4px}.coordinate-input-grid button{color:#172126;font-size:10px;font-weight:700;border:1px solid var(--cyan);border-radius:4px;background:var(--cyan);cursor:pointer}.input-action button:disabled{opacity:.5}.location-error{margin-top:10px;padding:8px 9px;color:#ff9e98;font-size:9px;line-height:1.5;border-left:2px solid var(--danger);background:#ff766f0f}.location-candidate{display:grid;gap:4px;margin-top:11px;padding:10px;border:1px solid rgba(255,177,59,.2);border-radius:4px;background:#ffb13b0b}.location-candidate>span{overflow:hidden;color:#dbe5e8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.location-candidate strong{color:#a9bbc1;font-family:Arial Narrow,DIN Condensed,monospace;font-size:10px;font-weight:500}.location-candidate small{color:var(--muted);font-size:8px}.location-candidate button{min-height:32px;margin-top:5px;color:#182024;font-size:9px;font-weight:700;border:0;border-radius:3px;background:var(--accent);cursor:pointer}.candidate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.candidate-actions button:only-child{grid-column:1 / -1}.candidate-actions button:first-child:not(:only-child){color:#eef8ff;background:#287fbd}.save-map-center{margin-top:11px;color:#81959d;font-size:9px}.map-meta span{margin-right:7px;color:var(--cyan)}.map-meta i{margin:0 5px;color:#62747d;font-style:normal}.map-loading,.map-error{position:absolute;z-index:20;inset:0;display:grid;place-items:center;align-content:center;gap:14px;background:linear-gradient(rgba(90,132,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(90,132,139,.08) 1px,transparent 1px),#112027;background-size:40px 40px}.map-loading span{color:var(--muted);font-size:12px;letter-spacing:.08em}.spinner{width:34px;height:34px;border:2px solid rgba(255,177,59,.18);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.map-error{padding:30px;text-align:center}.map-error span{color:var(--danger);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.map-error strong{max-width:440px;color:#d3dee2;font-size:14px;font-weight:500}.drawing-asset-error{position:absolute;z-index:25;top:14px;left:50%;display:flex;max-width:min(520px,calc(100% - 28px));padding:9px 11px;gap:8px;align-items:center;color:#ffe4e1;font-size:11px;border:1px solid rgba(255,118,111,.55);border-radius:8px;background:#2b1214f0;box-shadow:0 8px 24px #00000059;transform:translate(-50%)}.drawing-asset-error strong{flex:none;color:#ffaaa5}.drawing-asset-error span{min-width:0}.drawing-asset-error button{flex:none;padding:3px 7px;color:#eef8ff;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:transparent}.side-panel{position:relative;z-index:21;display:flex;min-height:0;flex-direction:column;overflow:auto;border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(255,177,59,.025),transparent 24%),#121f27;box-shadow:-10px 0 28px #00000029}.project-info-summary{display:grid;gap:4px;padding:13px 20px;border-bottom:1px solid var(--line)}.project-info-summary>span{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.12em}.project-info-summary>strong{color:#bdccd2;font-size:10px}.project-info-summary>p{margin:0;overflow:hidden;color:#748a93;font-size:9px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.project-info-summary>small{color:#60747d;font-size:8px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:22px 20px 16px;border-bottom:1px solid var(--line)}.panel-heading span{color:var(--accent);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:10px;font-weight:600;letter-spacing:.18em}.panel-heading h2{margin:4px 0 0;font-size:18px;letter-spacing:.05em}.panel-heading b{display:grid;width:28px;height:28px;place-items:center;color:var(--muted);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:13px;border:1px solid var(--line);border-radius:50%}.layer-list{padding:10px 12px;border-bottom:1px solid var(--line)}.layer-row{display:flex;min-height:60px;align-items:center;gap:10px;padding:8px;border-radius:5px}.layer-index{width:18px;flex:0 0 auto;color:#536b76;font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:8px;letter-spacing:.08em}.layer-row:hover{background:#ffffff06}.layer-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;color:#8ca1aa;border:1px solid var(--line);border-radius:4px;background:#17262e}.layer-icon svg{width:19px;height:19px}.layer-icon.satellite{color:var(--cyan);background:radial-gradient(circle at 28% 35%,rgba(74,166,135,.3),transparent 30%),linear-gradient(145deg,#274047,#15262d)}.layer-icon.drawing{color:var(--accent);border-color:#ffb13b38;background:var(--accent-soft)}.layer-icon.marker{color:#ff8677}.layer-copy{min-width:0;flex:1}.layer-copy strong{display:block;overflow:hidden;color:#dce6ea;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.layer-copy span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.layer-badge{padding:3px 6px;color:#768b95;font-size:9px;border:1px solid var(--line);border-radius:2px}.visibility-button,.lock-button,.add-mini-button{flex:0 0 auto;border:0;background:transparent;cursor:pointer}.layer-icon.user-location{display:grid;place-items:center;background:#3498ff14}.user-location-layer-row{border-top:1px solid rgba(201,219,226,.07)}.visibility-button{display:grid;width:24px;height:32px;place-items:center;padding:0;color:#80949d}.visibility-button svg{width:17px;height:17px}.lock-button{display:flex;align-items:center;gap:4px;padding:5px 7px;color:#8799a2;font-size:9px;border:1px solid var(--line);border-radius:3px}.lock-button svg{width:12px;height:12px}.lock-button.locked{color:var(--accent);border-color:#ffb13b52;background:var(--accent-soft)}.drawing-card{margin:3px 0;border:1px solid rgba(255,177,59,.13);border-radius:5px;background:#ffb13b06}.opacity-control{display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:8px;padding:3px 12px 12px 45px;color:var(--muted);font-size:9px}.opacity-control input{width:100%;height:3px;accent-color:var(--accent);cursor:pointer}.opacity-control output{color:#bfccd1;font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:11px;text-align:right}.drawing-details{display:flex;flex-wrap:wrap;gap:5px;padding:0 13px 9px 47px}.drawing-details span{padding:3px 5px;color:#76909a;font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:8px;border:1px solid rgba(201,219,226,.1);border-radius:2px;background:#ffffff05}.drawing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 13px 11px 47px}.drawing-actions button{min-height:29px;padding:0 5px;color:#91a7af;font-size:8px;border:1px solid var(--line);border-radius:3px;background:#ffffff05;cursor:pointer}.drawing-actions button:hover{color:var(--accent);border-color:#ffb13b52}.drawing-actions button:disabled{cursor:not-allowed;opacity:.35}.drawing-actions button.danger{color:#e99690;border-color:#ff766f2e}.drawing-calibration{margin:0 13px 11px 47px;border:1px solid rgba(104,213,210,.14);border-radius:4px;background:#68d5d206}.drawing-calibration.open{border-color:#68d5d240}.calibration-heading{display:flex;width:100%;min-height:36px;align-items:center;justify-content:space-between;padding:6px 9px;color:#a9bdc4;text-align:left;border:0;background:transparent;cursor:pointer}.calibration-heading>span{display:grid;gap:2px}.calibration-heading strong{color:#c8d9de;font-size:9px}.calibration-heading small{color:#6f8992;font-size:8px}.calibration-heading>b{color:var(--cyan);font-size:15px;font-weight:400}.calibration-content{display:grid;gap:6px;padding:0 8px 8px;border-top:1px solid rgba(104,213,210,.1)}.calibration-content>p{margin:7px 1px 2px;color:#78919a;font-size:8px;line-height:1.55}.calibration-pair{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 24px;align-items:center;gap:4px}.calibration-pair-label{color:#a7bcc3;font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:10px;font-weight:700;text-align:center}.calibration-pair-label i{color:#607780;font-style:normal}.calibration-pair button,.calibration-add{min-height:29px;padding:0 5px;color:#829aa3;font-size:8px;border:1px solid rgba(201,219,226,.11);border-radius:3px;background:#ffffff05;cursor:pointer}.calibration-pair button{display:flex;align-items:center;justify-content:space-between}.calibration-pair button b{color:#718991;font-size:10px}.calibration-pair button.complete{color:#bce6df;border-color:#68d5d240;background:#68d5d20f}.calibration-pair button.complete b{color:var(--cyan)}.calibration-pair button.calibration-remove{display:grid;padding:0;place-items:center;color:#b17470;font-size:14px;border-color:#ff766f21}.calibration-add{width:100%;color:var(--cyan);border-style:dashed;border-color:#68d5d233}.calibration-add:disabled{color:#667b83;cursor:not-allowed;opacity:.6}.calibration-selection,.calibration-result,.calibration-error{padding:7px 8px;font-size:8px;line-height:1.5;border-left:2px solid}.calibration-selection{color:#f3cf91;border-color:var(--accent);background:#ffb13b0e}.calibration-result{color:#a8dfc5;border-color:#63d5a1;background:#63d5a10e}.calibration-error{color:#ffaaa5;border-color:var(--danger);background:#ff766f0e}.mode-hint.calibration{border-color:#68d5d257}.mode-hint.calibration span{background:var(--cyan)}.drawing-operation-error{margin:0 13px 10px 47px;padding:7px 8px;color:#ff9e98;font-size:8px;line-height:1.5;border-left:2px solid var(--danger);background:#ff766f0e}.empty-drawing{display:grid;width:100%;min-height:90px;margin:6px 0;place-items:center;align-content:center;gap:3px;color:#8da0a8;border:1px dashed rgba(255,177,59,.27);border-radius:5px;background:#ffb13b06;cursor:pointer}.empty-drawing span{color:var(--accent);font-size:23px;font-weight:300}.empty-drawing strong{color:#cbd7dc;font-size:11px}.empty-drawing small{font-size:9px}.add-mini-button{display:grid;width:25px;height:25px;place-items:center;padding:0;color:var(--accent);font-size:18px;border:1px solid rgba(255,177,59,.28);border-radius:3px}.point-editor,.point-list{padding:17px 20px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#d7e1e5;font-size:11px;font-weight:600}.section-title button{padding:0;color:var(--muted);font-size:20px;border:0;background:transparent;cursor:pointer}.point-editor label{display:block;margin-bottom:11px}.point-editor label>span,.coordinate-box>span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px}.point-editor input,.point-editor textarea,.point-editor select{width:100%;padding:9px 10px;color:#e0e9ec;font-size:11px;border:1px solid var(--line);border-radius:4px;outline:none;background:#0f1b22;resize:vertical}.point-editor input:focus,.point-editor textarea:focus,.point-editor select:focus{border-color:#ffb13b73}.point-editor select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7f959e 50%),linear-gradient(135deg,#7f959e 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:4px 4px,4px 4px}.size-control{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:8px;margin:11px 0}.size-control>span{color:var(--muted);font-size:9px}.size-control>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden}.size-control button{height:29px;color:#8599a1;font-size:9px;border:0;border-right:1px solid var(--line);background:#0f1b22;cursor:pointer}.size-control button:last-child{border-right:0}.size-control button.active{color:#172027;font-weight:700;background:var(--accent)}.leader-toggle,.photo-placeholder{display:flex;width:100%;min-height:35px;align-items:center;gap:8px;margin:8px 0;padding:0 10px;color:#94a7ae;font-size:9px;text-align:left;border:1px solid var(--line);border-radius:4px;background:#ffffff05;cursor:pointer}.leader-toggle svg,.photo-placeholder svg{width:15px;height:15px}.leader-toggle.active{color:var(--accent);border-color:#ffb13b52;background:var(--accent-soft)}.photo-placeholder{cursor:not-allowed;opacity:.5}.photo-placeholder small{margin-left:auto;padding:2px 4px;border:1px solid var(--line);border-radius:2px}.coordinate-box{margin:11px 0;padding:8px 10px;border-left:2px solid var(--cyan);background:#68d5d20e}.coordinate-readout{display:grid;grid-template-columns:58px minmax(0,1fr);gap:5px 8px}.coordinate-readout small{color:#708a95;font-size:8px}.coordinate-readout code{color:#a8c4c9;font-family:Arial Narrow,DIN Condensed,monospace;font-size:11px}.coordinate-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}.coordinate-actions button,.marker-coordinate-editor button{min-height:30px;padding:0 5px;color:#9cb4be;font-size:8px;border:1px solid rgba(104,213,210,.18);border-radius:3px;background:#68d5d209;cursor:pointer}.coordinate-actions button:hover{color:var(--cyan);border-color:#68d5d261}.marker-coordinate-editor{margin-top:10px;padding-top:9px;border-top:1px solid rgba(104,213,210,.12)}.marker-coordinate-editor label{margin-bottom:7px}.marker-coordinate-editor>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:6px}.marker-coordinate-editor button.primary{color:#102025;font-weight:700;background:var(--cyan)}.coordinate-edit-error{margin-bottom:7px;color:#ff9e98;font-size:8px;line-height:1.5}.drawing-delete-backdrop{z-index:1200}.drawing-delete-dialog{width:min(430px,100%);padding:24px;border:1px solid rgba(255,177,59,.25);border-radius:7px;background:linear-gradient(145deg,rgba(255,177,59,.045),transparent 44%),#13222b;box-shadow:0 24px 80px #00000080}.drawing-delete-dialog>span{color:var(--accent);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em}.drawing-delete-dialog h2{margin:6px 0 7px;font-size:20px}.drawing-delete-dialog>p{margin:0 0 15px;color:#8fa3ab;font-size:10px;line-height:1.65}.drawing-delete-choice{display:grid;width:100%;gap:3px;margin-top:8px;padding:11px 12px;text-align:left;border:1px solid var(--line);border-radius:4px;background:#ffffff06;cursor:pointer}.drawing-delete-choice strong{color:#d6e2e6;font-size:10px}.drawing-delete-choice small{color:#738993;font-size:8px}.drawing-delete-choice.recommended{border-color:#63d5a152;background:#63d5a10e}.drawing-delete-choice.recommended strong{color:#9ce8c4}.drawing-delete-choice.destructive{border-color:#ff766f33}.drawing-delete-choice.destructive strong{color:#ee9d97}.drawing-delete-choice:disabled{cursor:wait;opacity:.55}.drawing-delete-dialog .drawing-operation-error{margin:10px 0 0}.drawing-delete-cancel{width:100%;min-height:34px;margin-top:12px;color:#90a3ab;font-size:9px;border:1px solid var(--line);border-radius:3px;background:transparent;cursor:pointer}.danger-button{width:100%;padding:8px;color:var(--danger);font-size:10px;border:1px solid rgba(255,118,111,.24);border-radius:3px;background:#ff766f0e;cursor:pointer}.point-list>button{display:grid;width:100%;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:9px;padding:8px 5px;text-align:left;border:0;border-bottom:1px solid rgba(201,219,226,.08);background:transparent;cursor:pointer}.point-list>button:hover{background:#ffffff06}.point-list b{display:grid;grid-row:1 / 3;width:23px;height:23px;place-items:center;color:#152026;font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:11px;border-radius:50% 50% 50% 3px;background:var(--accent)}.point-list span{color:#cdd9dd;font-size:10px}.point-list small{margin-top:2px;color:#71858e;font-family:Arial Narrow,DIN Condensed,monospace;font-size:9px}.panel-footer{display:grid;gap:3px;margin-top:auto;padding:15px 20px 18px;color:#647982;font-size:9px}.panel-footer strong{color:#80949c;font-size:9px;font-weight:500}.dialog-backdrop{position:fixed;z-index:1000;inset:0;display:grid;padding:20px;place-items:center;background:#050c10c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.credentials-dialog{width:min(480px,100%);padding:28px;border:1px solid rgba(255,177,59,.25);border-radius:8px;background:linear-gradient(145deg,rgba(255,177,59,.05),transparent 45%),#13222b;box-shadow:0 24px 80px #00000075}.dialog-kicker{color:var(--accent);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.credentials-dialog h2{margin:7px 0 8px;font-size:23px}.credentials-dialog>p{margin:0 0 22px;color:#91a4ad;font-size:12px;line-height:1.7}.credentials-dialog label{display:block;margin:13px 0}.credentials-dialog label span{display:block;margin-bottom:6px;color:#a8b7bd;font-size:10px}.credentials-dialog input{width:100%;padding:11px 12px;color:#ecf2f4;font-size:12px;border:1px solid var(--line);border-radius:4px;outline:none;background:#0d1920}.credentials-dialog input:focus{border-color:#ffb13b80}.dialog-help{margin-top:15px;padding:10px 12px;color:#81959e;font-size:10px;line-height:1.6;border-left:2px solid var(--cyan);background:#68d5d20b}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.button{min-height:37px;padding:0 15px;font-size:11px;border:1px solid var(--line);border-radius:4px;background:transparent;cursor:pointer}.button.primary{color:#171c1d;font-weight:700;border-color:var(--accent);background:var(--accent)}.button.primary:disabled{cursor:not-allowed;opacity:.4}.button.ghost{color:#9eb0b7}.app-loading,.map-placeholder{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:10px;background:#0e1a21}.loading-mark{color:var(--accent);font-size:22px;font-weight:700;letter-spacing:.16em}.app-loading span{color:var(--muted);font-size:11px}.map-placeholder{position:relative;overflow:hidden}.placeholder-grid{position:absolute;inset:0;opacity:.55;background:linear-gradient(30deg,rgba(104,213,210,.08) 12%,transparent 12.5%,transparent 87%,rgba(104,213,210,.08) 87.5%),linear-gradient(150deg,rgba(104,213,210,.08) 12%,transparent 12.5%,transparent 87%,rgba(104,213,210,.08) 87.5%);background-size:80px 140px}.map-placeholder>div:last-child{position:relative;display:grid;gap:7px;text-align:center}.map-placeholder span{color:var(--accent);font-family:Arial Narrow,DIN Condensed,sans-serif;font-size:11px;letter-spacing:.18em}.map-placeholder strong{font-size:20px}.visually-hidden{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:900px){.editor-shell{grid-template-rows:58px minmax(0,1fr)}.app-header{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:0 10px}.app-header>.brand-block,.brand-caption,.project-title-wrap,.save-state,.icon-text-button{display:none}.location-button,.mobile-project-back,.mobile-project-title{display:inline-flex}.mobile-project-back{width:36px;height:36px;align-items:center;justify-content:center;padding:0;color:#b9c8ce;border:1px solid var(--line);border-radius:5px;background:#ffffff06}.mobile-project-title{display:grid;min-width:0;gap:2px}.mobile-project-title strong,.mobile-project-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-project-title strong{font-size:13px}.mobile-project-title span{color:var(--muted);font-size:8px}.location-button{width:36px;padding:0;font-size:0}.brand-mark{width:34px;height:34px}.workspace{position:relative;display:block}.map-stage{position:absolute;inset:0}.side-panel{position:absolute;z-index:40;right:0;bottom:calc(70px + env(safe-area-inset-bottom));left:0;height:48vh;max-height:none;overflow:auto;border:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 18px 46px #0006;transform:translateY(calc(100% + 12px));transition:transform .18s ease,height .18s ease,top .18s ease}.side-panel.mobile-drawer-half{transform:translateY(0)}.side-panel.mobile-drawer-full{top:6px;height:auto;transform:translateY(0)}.mobile-drawer-grabber{position:sticky;z-index:2;top:0;display:grid;width:100%;min-height:34px;place-items:center;align-content:center;gap:3px;padding:4px;color:#7f959e;border:0;border-bottom:1px solid var(--line);background:#111f27f5}.mobile-drawer-grabber>span{width:42px;height:4px;border-radius:4px;background:#526771}.mobile-drawer-grabber>strong{font-size:7px;font-weight:500}.panel-heading{padding:12px 15px 9px}.panel-heading h2{font-size:15px}.panel-heading span,.panel-heading b,.base-layer,.panel-footer{display:none}.layer-list{padding:5px 8px}.layer-row{min-height:52px}.point-editor,.point-list{padding:12px 15px}.tool-rail{display:none}.mode-hint{top:12px;right:12px;left:12px;justify-content:center}.location-panel{z-index:24;top:10px;right:8px;left:8px;width:auto;max-height:calc(100% - 82px - env(safe-area-inset-bottom));overflow:auto}.user-location-actions{display:none}.user-location-actions>div{margin-right:auto}.map-meta{display:none}.mobile-locate-fab{position:absolute;z-index:18;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));display:grid;width:48px;height:48px;place-items:center;padding:0;color:#e9f6ff;border:1px solid rgba(92,182,255,.45);border-radius:50%;background:#112836ed;box-shadow:0 10px 30px #00000057}.mobile-locate-fab:disabled{opacity:.45}.mobile-bottom-navigation{position:absolute;z-index:50;right:0;bottom:0;left:0;display:grid;height:calc(70px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);padding:6px 10px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0a171ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-navigation button{display:grid;place-items:center;align-content:center;gap:4px;color:#8298a1;font-size:9px;border:0;border-radius:6px;background:transparent}.mobile-bottom-navigation button.active{color:var(--accent);background:#ffb13b14}.mobile-annotation-actions{position:absolute;z-index:32;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));left:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#0a171ef0;box-shadow:0 12px 30px #00000052}.mobile-annotation-actions button{min-height:42px;padding:3px;color:#aec0c7;font-size:9px;border:1px solid rgba(201,219,226,.1);border-radius:5px;background:#ffffff06}.mobile-annotation-actions button.primary{color:#191d1d;font-weight:700;border-color:var(--accent);background:var(--accent)}.mobile-annotation-actions button:disabled{opacity:.35}.project-info-summary{padding:10px 15px}}@media(max-width:560px){.project-dashboard{grid-template-rows:60px minmax(0,1fr)}.project-dashboard-header{padding:0 14px}.project-dashboard-header .brand-caption{display:none}.project-dashboard-content{padding:28px 14px 50px}.project-dashboard-intro{display:grid;align-items:stretch;margin-bottom:28px}.new-project-button{width:100%;justify-content:center}.project-intro-actions{display:grid;grid-template-columns:1fr 1fr}.import-project-button{width:100%;justify-content:center}.project-card-grid{grid-template-columns:1fr}.project-card-main{grid-template-columns:42px minmax(0,1fr)}.project-card-main>span{display:none}.project-card-time{display:grid}.project-form-dialog,.project-delete-dialog{padding:22px 18px}.brand-title{font-size:14px}.opacity-control{padding-left:42px}.drawing-calibration{margin-right:10px;margin-left:42px}.layer-index{display:none}.mode-hint{font-size:9px}.map-meta{font-size:10px}.credentials-dialog{padding:22px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}