:root{--teal-light: #8ff3dd;--teal: #2dd4bf;--teal-dark: #0c7a70;--deep: #062e2b;--ink: #06201e;--white: #ffffff}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#eaf7f4;color:var(--ink);font-family:DejaVu Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.app{position:relative;width:100%;height:100%;overflow:hidden}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#eaf7f4,#c2e2dc)}.loading__mark{display:flex;align-items:flex-end;gap:6px;height:44px}.loading__bar{width:9px;height:26px;border-radius:3px;background:var(--teal);animation:rise 1.05s ease-in-out infinite}.loading__bar:nth-child(2){animation-delay:.16s;background:var(--teal-dark)}.loading__bar:nth-child(3){animation-delay:.32s;background:var(--teal-light)}@keyframes rise{0%,to{height:18px;opacity:.55}50%{height:44px;opacity:1}}.loading__label{font-size:13px;font-weight:700;letter-spacing:.42em;color:var(--teal-dark)}.legend{position:absolute;top:18px;left:18px;padding:14px 16px;border-radius:14px;background:#ffffffc7;border:1px solid rgba(12,122,112,.18);backdrop-filter:blur(10px);box-shadow:0 8px 26px #062e2b1f;pointer-events:none;user-select:none}.legend__title{font-size:12px;font-weight:700;letter-spacing:.34em;color:var(--teal-dark);margin-bottom:10px}.legend__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.legend__item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}.legend__dot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex:none}.legend__name{font-weight:600}.legend__count{color:#06201e8c;font-size:11px}@media(max-width:640px){.legend{top:10px;left:10px;padding:10px 12px}.legend__count{display:none}}@media(max-width:1024px){.camera-controls{top:10px;right:10px;padding:6 10}.zoom-level-label,.help-toggle .toggle-label{display:none}.help-toggle{padding:8}.brand-label{font-size:12px}.floor-indicator{bottom:12px;right:12px;padding:8 12;min-width:120px}.floor-indicator .floor-name{font-size:14px}.control-hint{bottom:12px;left:12px;padding:8 10}.control-hint kbd{min-width:22px;height:22px;font-size:9px;padding:0 4}}@media(max-width:480px){.floor-indicator{min-width:100px;padding:6 10}.floor-indicator .floor-dots{display:none}.floor-indicator .transition-info{font-size:9px}.help-panel{max-width:100%;margin:12px;border-radius:12px}.help-panel section{gap:8px}.key-row kbd{min-width:20px;height:20px;font-size:9px;padding:0 3}}