.viewer-wrapper{padding:1rem}.cesium-viewer-container{position:relative;width:100%;height:100%}.toolsContainer{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:.4rem;padding:.65rem;z-index:1}.toolWrapper{display:flex;align-items:center;gap:.65rem}.toolButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.12);padding:0;cursor:pointer;background:rgba(12,12,20,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.82);font-size:18px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease}.toolButton:hover{background:rgba(35,35,55,.78);border-color:rgba(255,255,255,.22);box-shadow:0 3px 10px rgba(0,0,0,.4);transform:translateY(-1px);color:#fff}.toolActive{background:rgba(99,102,241,.88);border-color:rgba(165,168,255,.55);color:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.28),0 3px 10px rgba(0,0,0,.4)}.toolInfoDisplay{font-size:1.2rem;color:rgba(255,255,255,.92);font-weight:600;font-family:inherit;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:.01em}#annotationsInfoDisplay:not(:empty){position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.infoDisplayWithModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.toolInfoDisplay.basemapSelector{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.25rem .35rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg, rgba(16, 18, 30, 0.72), rgba(34, 37, 58, 0.62));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}.toolInfoDisplay.basemapSelector .basemapNavButton{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:50%;padding:0;background:rgba(255,255,255,.06);color:rgba(255,255,255,.9);font-size:12px;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.toolInfoDisplay.basemapSelector .basemapNavButton:hover{background:rgba(99,102,241,.28);border-color:rgba(165,168,255,.48);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.toolInfoDisplay.basemapSelector .basemapNavButton:active{background:rgba(99,102,241,.38)}.toolInfoDisplay.basemapSelector .basemapTitle{max-width:150px;padding:0 .35rem;color:rgba(255,255,255,.95);font-size:.86rem;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-wrapper:has(.infoDisplayWithModal) .cesium-credit{display:none}#pickerInfoDisplay:not(:empty){position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.modalContent{display:flex;flex-direction:column;gap:1rem;background:rgba(36,36,36,.5);backdrop-filter:blur(12px);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);min-width:350px}.modalContent h2{margin:0 0 .5rem 0;font-size:1.5rem;align-self:center}.formGroup{display:flex;flex-direction:column;gap:.5rem}.formGroup label{font-size:.9rem;color:rgba(255,255,255,.9);font-weight:500}.formGroup input[type=text]{padding:.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);font-family:inherit;font-weight:700;transition:all .2s ease}.formGroup input[type=text]:focus{outline:none;background:rgba(255,255,255,.12)}.formGroup input[type=color]{cursor:pointer;width:100%;height:45px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);padding:4px;box-sizing:border-box;transition:all .2s ease}.formGroup textarea{padding:.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);font-family:inherit;font-weight:700;resize:vertical;transition:all .2s ease}.modalControlPanel{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.modalButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.15);cursor:pointer;background-color:rgba(255,255,255,.06);color:rgba(255,255,255,.8);font-size:16px;transition:all .15s ease-in-out}.modalButton:hover{background-color:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.25)}.modalButton:active{transform:translateY(0);background-color:rgba(255,255,255,.18);box-shadow:none}#modalCloseButton{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.7);font-size:14px;cursor:pointer;transition:all .15s ease-in-out}#modalCloseButton:hover{background-color:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.3)}.cesium-credit{position:absolute;right:10px;bottom:6px;background:rgba(255,255,255,.9);padding:4px 8px;font-size:12px;border-radius:4px;text-decoration:none;color:#000;z-index:1000;pointer-events:auto}.invisible{display:none}.spaced-between{justify-content:space-between}
