*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0f1a;--bg-card: #131b2e;--bg-header: #1a2440;--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #22d3ee;--accent-dark: #0891b2;--green: #6ee7b7;--green-bg: #065f46;--red: #fca5a5;--red-bg: #7f1d1d;--blue: #0891b2;--blue-hover: #0e7490;--border: #1e3050;--orange: #fb923c}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border)}.header-left{display:flex;flex-direction:column;gap:.15rem}header h1{font-size:1.4rem;color:var(--accent)}.header-subtitle{font-size:.75rem;color:var(--text-dim)}.header-right{display:flex;gap:.5rem}.status{padding:.2rem .6rem;border-radius:1rem;font-size:.65rem;font-weight:600}.status.online{background:var(--green-bg);color:var(--green)}.status.offline{background:var(--red-bg);color:var(--red)}.status.loading{background:#22d3ee1a;color:var(--accent)}.tab-bar{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid var(--border)}.tab{padding:.6rem 1.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.viewer-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 120px)}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.sidebar h3{font-size:.8rem;color:var(--text-muted);padding:.6rem 1rem;background:var(--bg-header);position:sticky;top:0;z-index:1}.sidebar>ul{list-style:none;max-height:240px;overflow-y:auto;flex-shrink:0}.sidebar li{padding:.5rem 1rem;cursor:pointer;border-bottom:1px solid var(--bg-dark);transition:background .1s}.sidebar li:hover{background:var(--bg-header)}.sidebar li.active{background:#22d3ee14;border-left:3px solid var(--accent)}.loc-title{font-size:.82rem;font-weight:600;margin-bottom:.15rem}.loc-desc{font-size:.68rem;color:var(--text-dim)}.loc-coords{font-size:.62rem;color:var(--text-dim);margin-top:.2rem;font-family:monospace}.viewer-container{position:relative;overflow:hidden}.no-key-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-muted)}.no-key-message h2{color:var(--red);font-size:1.2rem}.code-block{background:var(--bg-card);border:1px solid var(--border);border-radius:.375rem;padding:.75rem 1rem;font-family:Fira Code,monospace;font-size:.85rem;color:var(--green)}.synth-panel{padding:.75rem 1rem;border-top:1px solid var(--border);margin-top:auto}.synth-panel h3{font-size:.8rem;color:var(--accent);margin-bottom:.5rem}.synth-actions{display:flex;flex-direction:column;gap:.4rem}.synth-actions button{padding:.4rem .75rem;background:var(--blue);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:background .15s}.synth-actions button:hover{background:var(--blue-hover)}.synth-actions button:disabled{opacity:.5;cursor:not-allowed}.synth-result{margin-top:.5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:.25rem;padding:.5rem}.result-type{font-size:.7rem;color:var(--accent);font-weight:600;margin-bottom:.25rem}.synth-result pre{font-size:.65rem;color:var(--text-muted);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.synth-hint{font-size:.62rem;color:var(--text-dim);margin-top:.5rem;font-style:italic}.synth-option{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.synth-option label{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.synth-option select{flex:1;padding:.3rem .4rem;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:.25rem;font-size:.72rem;cursor:pointer}.synth-option select:disabled{opacity:.5;cursor:not-allowed}.synth-progress{margin-bottom:.5rem}.progress-bar{height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:var(--accent);transition:width .15s ease}.progress-text{font-size:.65rem;color:var(--accent);margin-top:.2rem;text-align:center}.cmms-panel{padding:.75rem 1rem;border-top:1px solid var(--border);flex-shrink:0}.cmms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.cmms-header h3{font-size:.8rem;color:var(--orange);padding:0;background:none}.cmms-toggle{padding:.2rem .6rem;border:1px solid var(--border);border-radius:.25rem;background:var(--bg-dark);color:var(--text-muted);font-size:.7rem;font-weight:600;cursor:pointer}.cmms-toggle.on{background:#fb923c26;color:var(--orange);border-color:var(--orange)}.cmms-toggle:disabled{opacity:.5;cursor:not-allowed}.cmms-count{font-size:.65rem;color:var(--text-dim);margin-bottom:.3rem}.cmms-error{font-size:.7rem;color:var(--red);margin-bottom:.3rem}.cmms-empty{font-size:.7rem;color:var(--text-dim);font-style:italic}.cmms-list{list-style:none;max-height:180px;overflow-y:auto}.cmms-list li{padding:.35rem .5rem;cursor:pointer;border-radius:.25rem;border-bottom:1px solid rgba(30,48,80,.5);transition:background .1s}.cmms-list li:hover{background:var(--bg-header)}.cmms-list li.active{background:#fb923c14;border-left:3px solid var(--orange)}.cmms-item-header{display:flex;align-items:center;gap:.4rem}.cmms-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cmms-item-name{font-size:.75rem;font-weight:600;flex:1}.cmms-item-type{font-size:.6rem;color:var(--text-dim);background:var(--bg-dark);padding:.1rem .3rem;border-radius:.15rem}.cmms-item-desc{font-size:.62rem;color:var(--text-dim);margin-top:.15rem;margin-left:1.2rem}.cmms-item-code{font-size:.6rem;color:var(--text-dim);margin-left:1.2rem;font-family:monospace}.cmms-detail{margin-top:.5rem;padding:.6rem;background:var(--bg-dark);border:1px solid var(--orange);border-radius:.25rem}.cmms-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.cmms-detail-name{font-size:.82rem;font-weight:700;color:var(--orange)}.cmms-detail-close{background:none;border:1px solid var(--border);border-radius:.2rem;color:var(--text-dim);cursor:pointer;font-size:.7rem;padding:.1rem .4rem;line-height:1}.cmms-detail-close:hover{color:var(--text);border-color:var(--text-muted)}.cmms-detail-row{display:flex;gap:.5rem;align-items:baseline;font-size:.72rem;padding:.15rem 0;border-bottom:1px solid rgba(30,48,80,.3)}.cmms-detail-label{color:var(--text-dim);min-width:60px;flex-shrink:0}.cmms-detail-coords{font-family:monospace;font-size:.68rem;color:var(--text-muted)}.cmms-detail-status{font-weight:600;padding:.1rem .4rem;border-radius:.15rem;font-size:.68rem}.cmms-status-normal{background:#22d3ee26;color:var(--accent)}.cmms-status-caution{background:#fb923c26;color:var(--orange)}.cmms-status-restricted{background:#fca5a526;color:var(--red)}.cmms-status-closed{background:var(--red-bg);color:var(--red)}.cmms-wo-badge{background:var(--red);color:#fff;font-size:.55rem;font-weight:700;padding:.05rem .3rem;border-radius:.6rem;min-width:1rem;text-align:center}.cmms-wo-badge-detail{background:#fca5a526;color:var(--red);font-weight:600;padding:.1rem .4rem;border-radius:.15rem;font-size:.68rem}.cmms-detail-dim{color:var(--text-dim);font-size:.68rem}.sensor-panel{padding:.75rem 1rem;border-top:1px solid var(--border);flex-shrink:0}.sensor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.sensor-header h3{font-size:.8rem;color:var(--green);padding:0;background:none}.sensor-status-bar{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--text-dim);margin-bottom:.4rem;padding:.2rem .4rem;background:var(--bg-dark);border-radius:.2rem}.sensor-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sensor-status-dot.online{background:var(--green);animation:pulse-green 2s ease infinite}.sensor-status-dot.offline{background:var(--red)}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}.sensor-status-text{font-weight:600}.sensor-device-count{margin-left:auto}.sensor-section-title{font-size:.68rem;color:var(--text-dim);margin-bottom:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.sensor-alerts{margin-bottom:.5rem}.sensor-alert-list{list-style:none}.sensor-alert-item{display:flex;align-items:center;gap:.35rem;padding:.25rem .4rem;font-size:.68rem;border-radius:.2rem;margin-bottom:.15rem}.sensor-alert-item.severity-critical{background:#ef44441a}.sensor-alert-item.severity-warning{background:#fb923c1a}.sensor-alert-item.severity-info{background:#22d3ee0d}.sensor-alert-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sensor-alert-label{font-weight:600;color:var(--text);flex:1}.sensor-alert-value{font-family:monospace;color:var(--text-muted)}.sensor-alert-device{font-size:.6rem;color:var(--text-dim)}.sensor-device-list{list-style:none;max-height:200px;overflow-y:auto}.sensor-device-item{padding:.35rem .4rem;border-bottom:1px solid var(--border);font-size:.72rem}.sensor-device-item:last-child{border-bottom:none}.sensor-device-header{display:flex;align-items:center;gap:.35rem}.sensor-device-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sensor-device-dot.real{background:var(--green)}.sensor-device-dot.sim{background:var(--accent)}.sensor-device-name{font-weight:600;flex:1}.sensor-device-type{font-size:.55rem;color:var(--text-dim);background:var(--bg-dark);padding:.05rem .25rem;border-radius:.1rem}.sensor-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.15rem;margin-top:.2rem;padding-left:.6rem}.sensor-metric{display:flex;justify-content:space-between;gap:.3rem}.sensor-metric-key{color:var(--text-dim);font-size:.62rem}.sensor-metric-val{color:var(--accent);font-family:monospace;font-size:.65rem;font-weight:600}.sensor-no-data{font-size:.6rem;color:var(--text-dim);font-style:italic;padding-left:.6rem;margin-top:.15rem}.sensor-facility-item{border-bottom:1px solid var(--border)}.sensor-facility-item:last-child{border-bottom:none}.sensor-facility-item.severity-critical{border-left:3px solid var(--red)}.sensor-facility-item.severity-warning{border-left:3px solid var(--orange)}.sensor-facility-header{display:flex;align-items:center;gap:.35rem;padding:.35rem .4rem;cursor:pointer;font-size:.72rem}.sensor-facility-header:hover{background:var(--bg-header)}.sensor-device-dot.ok{background:var(--green)}.sensor-device-dot.warn{background:var(--orange)}.sensor-device-dot.alert{background:var(--red);animation:pulse-green 1s ease infinite}.sensor-facility-code{font-size:.55rem;color:var(--text-dim);font-family:monospace;margin-left:auto}.sensor-alert-badge{background:var(--red);color:#fff;font-size:.55rem;font-weight:700;padding:.05rem .3rem;border-radius:.6rem;min-width:1rem;text-align:center}.sensor-expand{color:var(--text-dim);font-size:.7rem;font-weight:700;width:1rem;text-align:center}.sensor-device-detail{padding:.2rem .4rem .3rem 1rem;border-top:1px solid var(--border)}.sensor-device-detail-header{font-size:.6rem;color:var(--text-dim);font-family:monospace;margin-bottom:.15rem}.sensor-device-alerts{margin-top:.15rem}.sensor-alert-inline{display:flex;align-items:center;gap:.3rem;font-size:.62rem;color:var(--red);padding:.1rem 0}.about-section{max-width:1400px;margin:0 auto;padding:1.5rem}.about-hero{text-align:center;margin-bottom:2rem}.about-hero h2{font-size:1.6rem;color:var(--accent);margin-bottom:.75rem}.about-lead{font-size:.92rem;color:var(--text-muted);line-height:1.8;max-width:800px;margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1rem}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.about-card h3{font-size:1rem;color:var(--accent);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.about-card p{font-size:.85rem;color:var(--text-muted);line-height:1.7;margin-top:.75rem}.problem-list{display:flex;flex-direction:column;gap:.4rem}.problem-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted)}.problem-icon{color:var(--red);font-weight:700;font-size:.75rem;min-width:1rem;text-align:center}.pipeline-diagram{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.pipe-box{padding:.6rem .8rem;border-radius:.5rem;font-weight:600;font-size:.78rem;text-align:center}.pipe-box small{font-weight:400;font-size:.65rem;display:block;margin-top:.15rem}.pipe-arrow{color:var(--text-dim);font-size:1.2rem;font-family:monospace}.pipe-col{display:flex;flex-direction:column;gap:.35rem}.source-box{background:#22d3ee26;color:var(--accent);border:1px solid rgba(34,211,238,.3)}.process-box{background:#fb923c26;color:var(--orange);border:1px solid rgba(251,146,60,.3)}.target-box{background:var(--green-bg);color:var(--green);border:1px solid rgba(110,231,183,.3);padding:.3rem .6rem;font-size:.72rem}.tech-table{width:100%;border-collapse:collapse;font-size:.8rem;margin:.5rem 0}.tech-table th,.tech-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border);text-align:left}.tech-table td:first-child{color:var(--accent);font-weight:600;font-family:monospace;white-space:nowrap}.compare-table .adopted{color:var(--green);font-weight:600}.compare-table .planned{color:var(--orange);font-weight:600}.compare-table .skipped{color:var(--text-dim)}.roadmap{display:flex;flex-direction:column;gap:.4rem}.roadmap-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.375rem;background:var(--bg-dark);border:1px solid var(--border)}.roadmap-item.active{border-color:var(--accent);background:#22d3ee0d}.roadmap-phase{font-size:.7rem;font-weight:700;color:var(--accent);min-width:55px}.roadmap-item.active .roadmap-phase{color:var(--accent)}.roadmap-label{font-size:.78rem;color:var(--text-muted)}.factory3d-layout{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 120px)}.factory3d-sidebar{background:var(--bg-card);border-right:1px solid var(--border);overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.3rem}.factory3d-sidebar h3{font-size:.9rem;color:var(--accent);margin-bottom:.2rem}.factory3d-sidebar h4{font-size:.75rem;color:var(--text-muted);margin-top:.6rem;margin-bottom:.3rem}.factory3d-desc{font-size:.68rem;color:var(--text-dim);margin-bottom:.5rem}.factory3d-canvas{position:relative;overflow:hidden;background:#1a1a2e}.factory3d-canvas canvas{display:block;width:100%!important;height:100%!important}.factory3d-error{font-size:.72rem;color:var(--red);margin-top:.5rem;padding:.4rem;background:var(--red-bg);border-radius:.25rem}.factory3d-info{font-size:.68rem;color:var(--text-muted);margin-top:.5rem;padding:.4rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:.25rem}.factory3d-info div{padding:.1rem 0}.factory3d-legend{margin-top:.8rem}.factory3d-legend h4{font-size:.72rem;color:var(--text-dim);margin-bottom:.3rem}.factory3d-legend div{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--text-muted);padding:.1rem 0}.legend-color{display:inline-block;width:12px;height:12px;border-radius:2px;flex-shrink:0}.app-footer{text-align:center;padding:1rem;color:var(--text-dim);font-size:.7rem;border-top:1px solid var(--border)}@media (max-width: 768px){.viewer-layout,.factory3d-layout{grid-template-columns:1fr}.factory3d-canvas{min-height:400px}.sidebar{max-height:200px}.about-grid{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:.5rem}}.dashboard{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.dashboard-hero{text-align:center;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-header));border-radius:16px;border:1px solid var(--border)}.dashboard-hero h2{font-size:1.8rem;margin-bottom:.75rem;background:linear-gradient(90deg,var(--accent),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-hero p{color:var(--text-muted);line-height:1.7;max-width:700px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-bottom:2.5rem}.dashboard-card{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s}.dashboard-card:hover{border-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 20px #22d3ee1a}.card-icon{font-size:2rem;flex-shrink:0;width:3rem;text-align:center}.card-body h3{font-size:1rem;margin-bottom:.4rem;color:var(--text)}.card-body p{font-size:.82rem;color:var(--text-muted);line-height:1.5;margin-bottom:.5rem}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{font-size:.7rem;padding:.15rem .5rem;background:var(--bg-header);border:1px solid var(--border);border-radius:10px;color:var(--text-dim)}.dashboard-api{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.dashboard-api h3{margin-bottom:1rem;font-size:1rem;color:var(--accent)}.dashboard-api table{width:100%;border-collapse:collapse;font-size:.82rem}.dashboard-api th{text-align:left;padding:.5rem;border-bottom:1px solid var(--border);color:var(--text-dim);font-weight:600}.dashboard-api td{padding:.4rem .5rem;border-bottom:1px solid rgba(30,48,80,.3);color:var(--text-muted)}.dashboard-api td:first-child{color:var(--green);font-family:monospace;font-weight:600}.dashboard-api td:nth-child(2){color:var(--accent);font-family:monospace;font-size:.78rem}.hamburger-btn{background:none;border:1px solid var(--border);color:var(--text);font-size:1.2rem;padding:.3rem .6rem;border-radius:6px;cursor:pointer;margin-right:.5rem;transition:all .2s}.hamburger-btn:hover{background:var(--bg-card);border-color:var(--accent-dark)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100}.hamburger-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-header);border-right:1px solid var(--border);z-index:101;padding:1rem 0;display:flex;flex-direction:column;gap:2px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;text-align:left;transition:all .15s;border-left:3px solid transparent}.menu-item:hover{background:#ffffff0d;color:var(--text)}.menu-item.active{background:#22d3ee1a;color:var(--accent);border-left-color:var(--accent)}.menu-icon{font-size:1.1rem;width:1.5rem;text-align:center}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:240px;background:var(--bg-header);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s}.app-sidebar.collapsed{width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1rem;white-space:nowrap;overflow:hidden}.collapse-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:.25rem}.collapse-btn:hover{color:var(--text)}.sidebar-nav{padding:.5rem 0;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem 1rem;background:none;border:none;border-left:3px solid transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;text-align:left;transition:all .15s}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:#22d3ee14;color:var(--accent);border-left-color:var(--accent)}.nav-icon{font-size:1rem;width:1.25rem;text-align:center}.nav-label{white-space:nowrap}.sidebar-panels{flex:1;overflow-y:auto;padding:0 .5rem}.sidebar-divider{border-top:1px solid var(--border);margin:.5rem}.sidebar-section-label{padding:.4rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-dim)}.app-main{flex:1;overflow:auto;min-width:0}@media (max-width: 767px){.app-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;width:260px;transform:translate(-260px);transition:transform .25s ease;box-shadow:none}.app-sidebar:not(.collapsed){transform:translate(0);box-shadow:4px 0 20px #00000080}.app-sidebar.collapsed{width:0;transform:translate(-260px);overflow:hidden}.collapse-btn{position:fixed;top:8px;left:8px;z-index:1001;background:var(--bg-header);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:1.2rem;color:var(--text)}.app-sidebar:not(.collapsed) .collapse-btn{position:static;background:none;border:none;font-size:1.2rem}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999}.app-main{padding-top:44px}}.mobile-hamburger{display:none}@media (max-width: 767px){.mobile-hamburger{display:block;position:fixed;top:8px;left:8px;z-index:998;background:var(--bg-header);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:1.3rem;color:var(--text);cursor:pointer}}@media (min-width: 768px){.sidebar-overlay,.mobile-hamburger{display:none}}.location-select{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.location-select h2{font-size:1.4rem;margin-bottom:.5rem}.location-select p{color:var(--text-muted);margin-bottom:1.5rem}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.location-card{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s}.location-card:hover{border-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 16px #22d3ee1a}.location-card-title{font-weight:600;margin-bottom:.3rem}.location-card-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.location-card-coords{font-size:.7rem;color:var(--text-dim);font-family:monospace}.viewer-full{display:flex;flex-direction:column;height:100%}.viewer-toolbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.back-btn{background:var(--bg-header);border:1px solid var(--border);color:var(--text-muted);padding:.3rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s}.back-btn:hover{color:var(--text);border-color:var(--accent-dark)}.viewer-loc-name{font-size:.85rem;color:var(--text);font-weight:500}