.map-header{flex-wrap:wrap}.render-switch{display:flex;margin-left:auto;background:#f0f3ed;border:1px solid #dce4d6;padding:3px;border-radius:8px;gap:2px}.render-switch button{background:none;border:0;padding:6px 10px;border-radius:5px;font-size:11px;font-weight:650;color:#718374}.render-switch button[aria-pressed=true]{background:#fff;color:#246959;box-shadow:0 1px 4px #28493412}
#floor-three{position:absolute;inset:0;background:#e7ece2;overflow:hidden}#three-canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px;cursor:grab}#three-canvas:active{cursor:grabbing}.three-toolbar{position:absolute;left:14px;bottom:14px;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 28px);border:1px solid #d6e1d0;background:#fffffff2;padding:4px;border-radius:9px;box-shadow:0 3px 14px #2648310c}.three-toolbar button{border:0;background:none;font-size:10px;padding:8px 10px;min-height:32px;border-radius:5px;color:#66775e}.three-toolbar button[aria-pressed=true]{background:#e8efe1;color:#315d3d;font-weight:650}.three-toolbar button:last-child{border-left:1px solid #dce3d7;border-radius:0 5px 5px 0}.three-tag{position:absolute;top:15px;left:18px;background:#fafff5c9;color:#617357;font-size:10px;letter-spacing:.08em;padding:7px 10px;border-radius:20px;pointer-events:none}#three-status{position:absolute;z-index:3;top:18px;left:18px;right:18px;font-size:12px;color:#345840;background:#fffffff2;border:1px solid #d8e3cf;padding:14px 16px;border-radius:8px;pointer-events:none}
@media(max-width:720px){.map-header .map-tools{width:100%;justify-content:flex-end;padding-top:7px;border-top:1px solid #edf0e8}.three-toolbar{left:8px;bottom:8px;max-width:calc(100% - 16px);gap:0}.three-toolbar button{font-size:9px;padding:7px 8px}.three-tag{top:10px;left:10px;font-size:9px}.render-switch button{min-width:36px;min-height:32px}.canvas-frame:has(#floor-three:not([hidden])){height:390px}}