@media screen{
.spaceNavigation{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px;background:#f6f9fc;border-bottom:1px solid #dae5ef}.spaceNavigation button,.spaceNavigation select{border:1px solid #c7d9e6;border-radius:7px;padding:9px 12px;background:white;color:#254f70;min-height:40px;font:inherit;font-size:12px}.spaceNavigation button[aria-pressed=true]{background:#205f91;color:white;border-color:#205f91}.spaceNavigation .spaceVisit{background:#1d638f;color:white;font-weight:700}.spaceNavigation label{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px}.spaceCanvas{background:#e9f0f5}.spaceCanvas canvas:focus-visible{outline:3px solid #43a2d0;outline-offset:-3px}.spaceLabel{font-weight:600;background:#fffdf5e8;font-size:10px;padding:3px 6px;box-shadow:0 1px 4px #1b39571c}.spaceLabel.active{background:#216fa6;color:white;border-color:white;z-index:2}.spaceHoverInfo{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);padding:10px 14px;box-sizing:border-box;background:#17374deb;color:white;border-radius:8px;pointer-events:none;font-size:12px;line-height:1.6;z-index:4}.spaceVisitControls{position:absolute;inset:auto 16px 18px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:5}.spaceVisitControls[hidden]{display:none}.walkPad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px;pointer-events:auto}.walkPad button,.walkExit{color:#fff;background:#173b58d9;border:1px solid #ffffff80;border-radius:10px;min-height:48px;font-size:20px;touch-action:none;user-select:none}.walkPad button[aria-pressed=true]{background:#2e8cbb}.walkPad [data-walk=forward]{grid-column:2}.walkPad [data-walk=left]{grid-column:1;grid-row:2}.walkPad [data-walk=back]{grid-column:2;grid-row:2}.walkPad [data-walk=right]{grid-column:3;grid-row:2}.walkExit{pointer-events:auto;font-size:12px;padding:10px 14px}.spaceVisitBadge{position:absolute;top:14px;right:14px;background:#e9f7ee;color:#276f4b;border:1px solid #cee7d6;padding:7px 10px;border-radius:20px;font-size:11px;pointer-events:none}.spaceVisitBadge[hidden]{display:none}.spaceWalking .spaceAxes{display:none}.spaceWalking .spaceHoverInfo{max-width:calc(100% - 190px)}.spaceGuide{font-size:11px!important;line-height:1.6;color:#61798d!important}.spaceCanvas canvas{cursor:grab}.spaceCanvas canvas:active{cursor:grabbing}.spaceWalking canvas{cursor:crosshair}
#threePane.spaceExpanded{position:fixed;inset:0;z-index:1500;background:white;overflow:auto}#threePane.spaceExpanded>.panelhead,#threePane.spaceExpanded>.networkList,#threePane.spaceExpanded .spaceTools,#threePane.spaceExpanded #spaceDetail,#threePane.spaceExpanded .catalogMeta{display:none}#threePane.spaceExpanded .spaceLayout{display:block;border:0}#threePane.spaceExpanded .spaceStage{display:flex;flex-direction:column;height:100vh;height:100dvh}#threePane.spaceExpanded .spaceCanvas{height:auto;min-height:180px;flex:1}#threePane.spaceExpanded .spaceBar{flex-shrink:0}#threePane.spaceExpanded .spaceNavigation{flex-shrink:0}
}
@media screen and (max-width:700px){.spaceNavigation{padding:8px;gap:5px}.spaceNavigation button,.spaceNavigation select{min-height:42px;font-size:11px;padding:8px}.spaceNavigation label{margin-left:0}.spaceNavigation label select{max-width:130px}.spaceCanvas{height:520px}.spaceVisitControls{inset:auto 10px 10px}.walkPad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.walkPad button{min-height:44px}.spaceHoverInfo{left:8px;top:8px;padding:7px 9px;font-size:11px}.spaceVisitBadge{top:8px;right:8px;font-size:10px}.spaceWalking .spaceHoverInfo{max-width:calc(100% - 160px)}.spaceGuide{padding:3px!important}.spaceExpanded .spaceBar:first-child{display:none}.spaceExpanded .spaceCanvas{height:auto}}
@media print{.spaceNavigation,.spaceVisitControls,.spaceVisitBadge,.spaceHoverInfo{display:none!important}}

.walkActions{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.walkActions #spaceWalkJump{background:#216e9a;font-weight:700}