.map-builder-shell{background:var(--bg-base,#15171c);min-height:calc(100vh - 56px);color:var(--text-primary,#e6e3d8);flex-direction:column;font-family:system-ui,sans-serif;display:flex}.map-builder-shell *,.map-builder-shell :before,.map-builder-shell :after{box-sizing:border-box}.mb-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161cd9;border-bottom:1px solid #c8a84b40;flex-direction:column;gap:8px;padding:10px 16px;display:flex}.mb-header-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mb-header-row-actions{gap:6px}.mb-header h1{font-size:1.1rem;font-family:var(--font-head,sans-serif);color:var(--accent,#c8a84b);letter-spacing:.04em;white-space:nowrap;margin:0}.mb-header-title-input{min-width:180px;max-width:360px;color:inherit;background:#ffffff0a;border:1px solid #c8a84b33;border-radius:3px;flex:200px;padding:6px 10px;font-size:.9rem}.mb-header-title-input:focus{border-color:var(--accent,#c8a84b);outline:none}.mb-header-meta{color:var(--text-primary,#e6e3d8);align-items:center;gap:8px;font-size:.78rem;display:flex}.mb-header-meta input[type=number]{width:56px;color:inherit;text-align:center;background:#ffffff0a;border:1px solid #c8a84b2e;border-radius:3px;padding:4px 6px;font-size:.85rem}.mb-header-meta select{color:inherit;background:#ffffff0a;border:1px solid #c8a84b2e;border-radius:3px;padding:4px 6px;font-size:.8rem}.mb-header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.mb-btn{color:var(--accent,#c8a84b);font-size:.78rem;font-family:var(--font-head,sans-serif);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#c8a84b14;border:1px solid #c8a84b8c;border-radius:3px;padding:6px 12px;transition:background .15s,border-color .15s}.mb-btn:hover{border-color:var(--accent,#c8a84b);background:#c8a84b29}.mb-btn[disabled],.mb-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.mb-btn.danger{color:#e07a6a;background:#c0392b0f;border-color:#c0392b66}.mb-btn.danger:hover{background:#c0392b26}.mb-status-pill{color:#a0c490;white-space:nowrap;background:#5a805026;border:1px solid #5a805066;border-radius:3px;padding:4px 10px;font-size:.72rem}.mb-status-pill.error{color:#e07a6a;background:#c0392b1a;border-color:#c0392b66}.mb-draft-notice{color:#9ab8e0;background:#4a72a81a;border-bottom:1px solid #4a72a84d;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:.78rem;display:flex}.mb-draft-notice button{color:inherit;cursor:pointer;background:0 0;border:1px solid #9ab8e04d;border-radius:3px;padding:3px 8px;font-size:.7rem}.map-builder-body{flex:auto;min-height:0;display:flex}.mb-tools{background:#14161ca6;border-right:1px solid #c8a84b26;flex:0 0 200px;padding:12px 10px;overflow-y:auto}.mb-tools-section{margin-bottom:14px}.mb-tools-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted,#9a9484);font-size:.65rem;font-family:var(--font-head,sans-serif);margin-bottom:6px}.mb-tool-btn{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:3px;align-items:center;gap:8px;margin-bottom:4px;padding:7px 10px;font-size:.82rem;transition:background .12s,border-color .12s;display:flex}.mb-tool-btn:hover{background:#ffffff0f}.mb-tool-btn.active{border-color:var(--accent,#c8a84b);color:var(--accent,#c8a84b);background:#c8a84b26}.mb-tool-icon{justify-content:center;align-items:center;width:18px;height:18px;font-size:.95rem;font-weight:700;display:inline-flex}.mb-terrain-group{margin-bottom:10px}.mb-terrain-group-title{text-transform:uppercase;letter-spacing:.08em;color:#c8a84bb3;font-size:.6rem;font-family:var(--font-head,sans-serif);margin:2px 0 4px}.mb-terrain-picker{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:4px;display:grid}.mb-terrain-picker button{color:inherit;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:2px;padding:5px 6px;font-size:.7rem}.mb-terrain-picker button:hover{background:#ffffff12}.mb-terrain-picker button.active{border-color:var(--accent,#c8a84b);color:var(--accent,#c8a84b);background:#c8a84b1f}.mb-canvas-wrap{background:radial-gradient(circle,#ffffff05,#0000 60%),#0f1014;flex:auto;padding:20px;position:relative;overflow:auto}.mb-zoom-controls{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14161cd9;border:1px solid #c8a84b40;border-radius:4px;gap:2px;width:fit-content;margin-bottom:-32px;margin-left:auto;margin-right:8px;padding:2px;display:flex;position:sticky;top:8px}.mb-zoom-controls button{color:var(--accent-dim,#8a7030);cursor:pointer;background:0 0;border:none;min-width:32px;padding:4px 10px;font-size:.85rem}.mb-zoom-controls button:hover{color:var(--accent,#c8a84b)}.mb-zoom-controls button:disabled{opacity:.3;cursor:not-allowed}.mb-help-modal{width:720px}.help-faq{margin-top:4px}.help-faq-item{border-top:1px solid #c8a84b26;padding:8px 0}.help-faq-item:last-child{border-bottom:1px solid #c8a84b26}.help-faq-item>summary{cursor:pointer;color:var(--accent,#c8a84b);padding:4px 0;font-size:.88rem;font-weight:500;list-style:none}.help-faq-item>summary::-webkit-details-marker{display:none}.help-faq-item>summary:before{content:"▸";width:12px;color:var(--accent-dim,#8a7030);margin-right:6px;transition:transform .15s;display:inline-block}.help-faq-item[open]>summary:before{transform:rotate(90deg)}.help-faq-answer{color:var(--text-secondary,#a8a294);padding:4px 0 4px 18px;font-size:.82rem;line-height:1.55}.help-faq-answer p{margin:0 0 6px}.help-faq-link a{color:var(--accent,#c8a84b);font-size:.78rem;text-decoration:none}.help-faq-link a:hover{text-decoration:underline}.mb-canvas-inner{min-width:100%;min-height:100%;display:inline-block}.mb-canvas-svg{cursor:crosshair;background:#fff;border:1px solid #c8a84b4d;border-radius:3px;max-width:100%;box-shadow:0 2px 20px #0006}.mb-canvas-svg.tool-select{cursor:default}.mb-canvas-legend{color:#1a1a1a;max-width:100%;margin:16px auto 0;padding:0 8px}.mb-canvas-legend:empty{display:none}.mb-canvas-cell-hover{fill:#c8a84b40;stroke:var(--accent,#c8a84b);stroke-width:1px;pointer-events:none}.mb-canvas-selection{fill:none;stroke:var(--accent-bright,#f0d878);stroke-width:2px;stroke-dasharray:4 3;pointer-events:none}.mb-properties{background:#14161cb3;border-left:1px solid #c8a84b26;flex:0 0 240px;padding:14px;overflow-y:auto}.mb-properties h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary,#e6e3d8);margin:0 0 10px;font-family:inherit;font-size:.82rem}.mb-properties .field,.mb-modal .field{color:var(--text-secondary,#c4bfaf);margin-bottom:12px;font-size:.78rem;display:block}.mb-properties .field-label,.mb-modal .field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#c4bfaf);margin-bottom:4px;font-size:.68rem;display:block}.mb-properties input[type=text],.mb-properties input[type=number],.mb-properties select,.mb-properties textarea,.mb-modal input[type=text],.mb-modal input[type=number],.mb-modal select,.mb-modal textarea{width:100%;color:inherit;box-sizing:border-box;background:#ffffff0d;border:1px solid #c8a84b38;border-radius:3px;padding:7px 9px;font-family:inherit;font-size:.88rem;display:block}.mb-properties input:focus,.mb-properties select:focus,.mb-properties textarea:focus,.mb-modal input:focus,.mb-modal select:focus,.mb-modal textarea:focus{border-color:var(--accent,#c8a84b);outline:none}.mb-properties textarea,.mb-modal textarea{resize:vertical;min-height:60px}.mb-properties input[type=checkbox],.mb-modal input[type=checkbox]{width:auto;margin-right:6px;display:inline-block}.mb-properties .empty-state{color:var(--text-secondary,#c4bfaf);padding:12px 0;font-size:.78rem;line-height:1.5}.mb-properties .color-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:4px;display:grid}.mb-properties .color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;width:100%;transition:transform .12s,border-color .12s}.mb-properties .color-swatch:hover{transform:scale(1.15)}.mb-properties .color-swatch.active{border-color:#fff;transform:scale(1.2)}.mb-modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mb-modal{background:#1c1e25;border:1px solid #c8a84b66;border-radius:4px;width:100%;max-width:420px;max-height:90vh;padding:20px 22px;overflow-y:auto;box-shadow:0 10px 40px #00000080}.mb-modal h2{font-size:1rem;font-family:var(--font-head,sans-serif);color:var(--accent,#c8a84b);margin:0 0 14px}.mb-modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.mb-load-list{max-height:380px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.mb-load-list li{cursor:pointer;border:1px solid #ffffff0f;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;font-size:.85rem;display:flex}.mb-load-list li:hover{background:#c8a84b0f;border-color:#c8a84b4d}.mb-load-list .meta{color:var(--text-muted,#9a9484);font-size:.72rem}@media (max-width:900px){.map-builder-body{flex-direction:column}.mb-tools,.mb-properties{border:none;border-bottom:1px solid #c8a84b26;flex:none;width:100%}.mb-properties{border-top:1px solid #c8a84b26;border-bottom:none}}.mb-panel-tabs{flex-wrap:wrap;flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.mb-panel-tab{background:#ffffff08;border:1px solid #ffffff14;border-radius:3px 3px 0 0;align-items:center;font-size:.78rem;display:inline-flex}.mb-panel-tab.active{border-color:var(--accent,#c8a84b);background:#c8a84b26}.mb-panel-tab.active button{color:var(--accent,#c8a84b)}.mb-panel-tab button{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:6px 10px}.mb-panel-tab button:hover{background:#ffffff0d}.mb-panel-tab-close{opacity:.5;font-weight:700;line-height:1;padding:6px 8px!important}.mb-panel-tab-close:hover{opacity:1;color:var(--danger,#c0392b)!important}.mb-panel-tab-input{background:var(--bg-input,#0000004d);border:1px solid var(--accent,#c8a84b);color:var(--accent,#c8a84b);border-radius:3px 3px 0 0;outline:none;min-width:100px;padding:6px 10px;font-size:.78rem}.mb-panel-tab-add{color:var(--accent-dim,#8a7030);cursor:pointer;background:0 0;border:1px dashed #c8a84b66;border-radius:3px;margin-left:4px;padding:6px 12px;font-size:.78rem}.mb-panel-tab-add:hover{border-color:var(--accent,#c8a84b);color:var(--accent,#c8a84b)}.mb-canvas-conn-pending{fill:#78c8f040;stroke:#78c8f0cc;stroke-width:2px;stroke-dasharray:6 4}.mb-connection-banner{color:#b8d8ec;background:#4a72a826;border-bottom:1px solid #4a72a880;align-items:center;gap:10px;padding:6px 12px;font-size:.78rem;display:flex}.mb-connection-banner button{color:inherit;cursor:pointer;background:0 0;border:1px solid #4a72a880;border-radius:3px;padding:3px 8px;font-size:.7rem}@media print{.mb-header,.mb-tools,.mb-properties,.mb-draft-notice,.mb-canvas-cell-hover,.mb-canvas-selection{display:none!important}.map-builder-shell,.map-builder-body,.mb-canvas-wrap{background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.mb-canvas-inner{display:block!important}.mb-canvas-legend{color:#000!important;margin-top:12px!important}}