.map-root{position:absolute;inset:0;display:grid;grid-template-columns:340px 1fr;background:var(--bg)}.map-sidebar{background:var(--bg-elevate);border-right:1px solid var(--border-strong);overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:10px;font-size:.78rem;min-height:0;height:100%}.map-sidebar::-webkit-scrollbar{width:6px}.map-sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.map-sidebar-backdrop,.map-sidebar-toggle{display:none}.mb-section{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;background:var(--bg-elevate-2)}.mb-title{font-weight:700;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;gap:6px}.mb-row,.mb-title{margin-bottom:5px;display:flex;align-items:center}.mb-row{gap:5px}.mb-row input[type=number],.mb-row input[type=text]{flex:1 1}input.mb-input,select.mb-input,textarea.mb-input{width:100%;padding:4px 6px;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.8rem;outline:none}input.mb-input:focus,select.mb-input:focus,textarea.mb-input:focus{border-color:var(--text-dim)}.mb-tabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--border);padding-bottom:4px}.mb-tab{cursor:pointer;padding:4px 8px;font-size:.78rem;color:var(--text-dim);border-radius:4px;transition:.2s;font-weight:500}.mb-tab.active{background:var(--surface);font-weight:700}.mb-tab.active,.mb-tab:hover:not(.active){color:var(--text)}.mb-list{max-height:150px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.mb-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border);font-size:.8rem}.mb-item:last-child{border-bottom:none}.mb-item:hover{background:var(--bg-elevate-2)}.mb-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.mb-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-count{font-size:.7rem;color:var(--text-dim);flex-shrink:0}.map-canvas-wrap{position:relative;overflow:hidden;width:calc(100% - 28px);max-width:1180px;height:calc(100% - 28px);max-height:1180px;margin:14px auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevate)}#mapCanvas{display:block;cursor:-webkit-grab;cursor:grab;outline:none;width:100%;height:100%;touch-action:none}#mapCanvas.dragging{cursor:-webkit-grabbing;cursor:grabbing}#mapCanvas.crosshair{cursor:crosshair}.mb-info-bar{left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);padding:5px 14px;border-radius:20px;font-size:.8rem;white-space:nowrap}.mb-info-bar,.mb-pos-bar{position:absolute;bottom:16px;color:#fff;pointer-events:none;z-index:10}.mb-pos-bar{right:16px;background:rgba(0,0,0,.7);padding:4px 12px;border-radius:12px;font-size:.75rem;letter-spacing:.03em}.map-controls{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;z-index:10}.map-btn{width:38px;height:38px;border-radius:8px;background:var(--bg-elevate);border:1px solid var(--border);color:var(--text);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:.2s}.map-btn:hover{background:var(--text);color:var(--bg)}.minimap{position:absolute;bottom:16px;left:16px;width:200px;height:200px;border:1px solid var(--border-strong);border-radius:8px;background:#2a2a2a;z-index:10;box-shadow:0 4px 16px rgba(0,0,0,.4)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.tool-btn{padding:6px;text-align:center;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.75rem;transition:.2s;background:var(--bg-elevate-2);color:var(--text)}.tool-btn:hover{border-color:var(--text)}.tool-btn.active{background:var(--text);color:var(--bg);font-weight:700}.tpl-active{border-color:#3fbf6f;color:#3fbf6f;box-shadow:inset 0 0 0 1px #3fbf6f}.mb-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:.82rem}.mb-toggle-row .mb-toggle{flex-shrink:0}.mb-toggle{width:34px;height:18px;border-radius:9px;background:var(--border-strong);cursor:pointer;position:relative;transition:.2s}.mb-toggle.on{background:#4a9}.mb-toggle:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s}.mb-toggle.on:after{left:18px}.mb-small{font-size:.72rem;color:var(--text-dim)}.mb-err{color:#e55}.mb-err,.mb-ok{font-size:.78rem}.mb-ok{color:#4a9}.map-page-main{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr}.map-content,.map-page-main{position:relative;overflow:hidden}.map-content{min-width:0}.map-ad-side{display:none;overflow:hidden;border-left:1px solid var(--border);border-right:1px solid var(--border)}.map-ad-side-left{border-left:none}@media (min-width:1500px){.map-page-main.map-page-has-ads{grid-template-columns:220px minmax(0,1fr) 220px}.map-ad-side{display:block;padding-top:14px}}@media (max-width:900px){.map-root{grid-template-columns:1fr;grid-template-rows:1fr}.map-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(86vw,360px);height:100dvh;z-index:60;transform:translateX(-105%);transition:transform .24s ease;box-shadow:10px 0 34px rgba(0,0,0,.55);margin:0}.map-sidebar.open{transform:translateX(0)}.map-sidebar-backdrop{display:block;position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:55}.map-sidebar-toggle{display:flex;position:absolute;top:12px;left:12px;z-index:20;width:42px;height:42px;border-radius:10px;background:var(--bg-elevate);border:1px solid var(--border-strong);color:var(--text);font-size:1.05rem;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.35);cursor:pointer}.map-sidebar-toggle:active{background:var(--text);color:var(--bg)}.map-canvas-wrap{width:calc(100% - 16px);max-width:100%;margin:8px;border-radius:var(--radius)}.minimap{width:112px;height:112px;bottom:12px;left:12px}.map-controls{top:12px;right:12px;gap:6px}.map-btn{width:40px;height:40px;font-size:1rem}.mb-info-bar{max-width:calc(100vw - 24px);white-space:normal;text-align:center;font-size:.74rem}.mb-pos-bar{bottom:10px;right:10px;font-size:.7rem}.map-sidebar .mb-section{padding:7px 9px}.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:460px){#mapCanvas{cursor:default}}.map-canvas-wrap{box-shadow:0 8px 30px rgba(0,0,0,.35)}.map-sidebar .mb-section{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.map-sidebar .mb-title{letter-spacing:.07em}.map-btn{font-weight:700}@media (max-width:900px){.map-controls{top:14px;right:14px}.map-btn{width:44px;height:44px}.minimap{width:124px;height:124px}}