.spatial-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:8px 0 25px}.spatial-heading h1{font-size:clamp(24px,2.2vw,34px);letter-spacing:-1.1px;font-weight:600;margin:12px 0}.spatial-heading p{color:var(--brand-muted);font-size:12px;line-height:1.8}.spatial-heading>.btn{flex-shrink:0}.spatial-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:15px}.spatial-floor-tag{font-size:9px;font-weight:600;color:var(--brand-muted);letter-spacing:1.5px;display:flex;gap:10px;align-items:center}.spatial-floor-tag>span:not(.spatial-live-dot){color:var(--brand-muted)}.spatial-live-dot{width:6px;height:6px;background:var(--brand-primary);border-radius:50%;box-shadow:0 0 0 4px var(--brand-line)}.spatial-tool{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--brand-muted);border:1px solid var(--brand-line);border-radius:7px;padding:8px 10px;background:var(--brand-canvas)}.spatial-tool svg{width:13px;height:13px}.spatial-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.spatial-layout.inspecting{grid-template-columns:minmax(0,1fr) 280px}.spatial-floor{overflow:hidden;border:1px solid var(--brand-line);border-radius:16px;background:#fffdf4;box-shadow:0 8px 30px #6d303d09}.spatial-scroll{padding:14px 14px 0;background:linear-gradient(150deg,#f7f7ee,var(--brand-soft));overflow:auto;max-height:none}.spatial-map{min-width:0;max-width:none;display:block;transition:width .3s}.spatial-map .campus-seat{transition:filter .2s}.spatial-map .campus-seat:hover{filter:drop-shadow(0 2px 3px #3b5b3930)}.spatial-map .campus-seat:focus-visible .campus-name{stroke:#416b47;stroke-width:3}.spatial-map .character-head{animation-duration:5s}.spatial-legend{display:flex;flex-wrap:wrap;gap:17px;padding:14px 22px;font-size:9px;color:var(--brand-muted);border-top:1px solid var(--brand-line)}.spatial-legend>span{display:flex;align-items:center;gap:6px}.spatial-legend i{width:6px;height:6px;border-radius:50%}.spatial-legend-note{margin-left:auto;color:var(--brand-muted)}.spatial-inspector{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}.spatial-close{display:flex;align-items:center;gap:7px;color:var(--brand-muted);font-size:10px;margin-bottom:10px;padding:8px 0}.spatial-close svg{width:13px;height:13px}.spatial-inspector .employee-panel{box-shadow:0 5px 18px #6d303d0a}.spatial-inspector .employee-profile{padding-top:18px}.spatial-inspector .portrait-circle{width:70px;height:70px}.spatial-inspector .employee-profile h2{font-size:17px}.spatial-mobile-rooms{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 24px}.spatial-mobile-rooms>span{font-size:8px;letter-spacing:1px;color:var(--brand-muted);margin-right:7px}.spatial-mobile-rooms button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--brand-line);background:var(--brand-canvas);border-radius:8px;font-size:11px;color:var(--brand-muted)}.spatial-mobile-rooms i{height:6px;width:6px;border-radius:50%}.spatial-mobile-rooms svg{width:12px;height:12px;opacity:.5}.spatial-bottom{display:flex;align-items:center;gap:12px;border-top:1px solid var(--brand-line);padding-top:20px}.spatial-bottom>div{margin-right:auto}.spatial-bottom strong{font-size:13px;font-weight:500;color:var(--brand-muted)}.spatial-bottom p{font-size:10px;color:var(--brand-muted);line-height:1.7}.spatial-room-back{margin-bottom:15px}.spatial-view .footer-note{margin-top:24px}@media(min-width:1700px){.spatial-layout.inspecting{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:1100px){.spatial-layout.inspecting{grid-template-columns:minmax(0,1fr)}.spatial-inspector{position:fixed;right:18px;top:90px;width:300px;z-index:45;max-height:calc(100dvh - 110px);background:var(--brand-soft);padding:14px;border:1px solid var(--brand-line);border-radius:15px;box-shadow:0 15px 70px #6d303d35}.spatial-heading{align-items:flex-start}.spatial-heading h1{font-size:25px}.spatial-bottom{flex-wrap:wrap}.spatial-bottom>div{width:100%}}@media(max-width:700px){.spatial-heading{display:block;margin-top:3px}.spatial-heading h1{font-size:26px;line-height:1.3}.spatial-heading>.btn{margin-top:13px}.spatial-heading p{font-size:11px}.spatial-tools{align-items:flex-start}.spatial-floor-tag{font-size:7px;letter-spacing:.4px;gap:6px;padding-top:9px}.spatial-tools .flex{gap:5px}.spatial-tool{font-size:8px;padding:7px}.spatial-scroll{padding:7px 7px 0}.spatial-map{width:100%;min-width:0!important}.spatial-legend{font-size:8px;padding:12px;gap:9px}.spatial-legend-note{margin-left:0;width:100%}.spatial-mobile-rooms{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spatial-mobile-rooms>span{grid-column:1/-1;font-size:8px;margin-bottom:4px}.spatial-mobile-rooms button{font-size:11px;justify-content:space-between}.spatial-inspector{top:auto;bottom:12px;right:10px;left:10px;width:auto;max-height:76dvh}.spatial-bottom .btn{font-size:10px}.spatial-bottom p{font-size:10px}.spatial-legend>span{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.spatial-map{transition:none}.spatial-view *{animation:none!important}}