.drawing-map-choice{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:13px}.drawing-map-choice small{font-size:11px;color:var(--muted)}
.drawing-map-workspace{display:flex;flex-direction:column;gap:0;min-width:0}.drawing-map-workspace .drawing-participants:empty{display:none}
.map-commandbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 0}.map-commandbar>div{display:flex;align-items:center;gap:4px}.map-commandbar>div:last-child{margin-left:auto}.map-commandbar [data-map=finish]{background:var(--accent);color:white;border-color:var(--accent)}
.map-commandbar>span{font-size:11px;color:var(--muted);margin-left:4px}.map-commandbar small{font-size:10px;color:var(--muted);white-space:nowrap}.map-commandbar .is-error{color:#b53c49}
.drawing-map-workspace :is(.map-commandbar,.map-toolbar,.map-panel,.map-statusbar) button{font:12px/1.25 var(--sans);padding:6px 8px;min-height:32px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);cursor:pointer}.drawing-map-workspace button:disabled{opacity:.45;cursor:default}
.map-toolbar{display:flex;gap:4px;overflow-x:auto;padding:5px 0 8px;flex-shrink:0}.map-toolbar button{white-space:nowrap}.map-toolbar .active,.map-panel button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}
.map-editor{display:grid;grid-template-columns:minmax(0,1fr) 254px;min-height:420px;height:min(70dvh,920px);border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative;isolation:isolate}
.map-stage{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#d9dce2}.map-stage *{-webkit-user-drag:none;-webkit-touch-callout:none}.map-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.map-stage-caption{position:absolute;bottom:8px;left:10px;right:10px;font:10px/1.4 var(--sans);color:#384356;background:rgb(255 255 255 / 80%);padding:3px 5px;pointer-events:none;width:fit-content;max-width:calc(100% - 20px);border-radius:3px}
.map-guide{position:absolute;top:0;left:0;border:1px solid #26364e;box-shadow:0 0 0 1px white;border-radius:50%;pointer-events:none}.map-zero-guide{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgb(49 85 156 / 35%);pointer-events:none}.map-zero-guide span{position:absolute;top:8px;left:5px;white-space:nowrap;background:#ffffffbb;color:#31559c;padding:2px 4px;font-size:10px}
.map-panel{min-height:0;overflow:auto;background:var(--paper);border-left:1px solid var(--line);padding:10px;font-size:12px;overscroll-behavior:contain}.map-panel header{display:flex;justify-content:space-between;align-items:center;min-height:24px;margin-bottom:8px}.map-panel .map-panel-close{display:none}.map-options{display:grid;gap:8px}.map-panel label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.map-panel input:not([type=checkbox]),.map-panel select{width:100%;min-width:0;height:31px;padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font:12px var(--sans)}.map-panel input[type=color]{padding:3px}.map-panel input[type=range]{padding:0}.map-option-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-panel [data-map-text-options]{display:grid;gap:7px}.map-selection-note,.map-panel details>p{font-size:10px;line-height:1.45;color:var(--muted);margin:4px 0 0}
.map-patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.map-patterns:empty{display:none}.map-patterns button,.map-resources button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0}.map-patterns svg{height:43px;width:43px}.map-resources{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:6px}.map-panel .map-resources button{font-size:9px;padding:3px 2px;min-height:58px}.map-resources svg{width:32px;height:40px;flex-shrink:0}.map-resources button span{white-space:nowrap;font-size:9px}.map-panel [data-map-selected]{display:flex;gap:4px}
.map-layers,.map-output{border-top:1px solid var(--line);padding-top:9px;margin-top:10px}.map-panel summary{cursor:pointer;font-weight:600;margin-bottom:7px;color:var(--ink)}.map-panel summary span{float:right;font-weight:400;color:var(--muted);font-size:10px}.map-layer-actions{display:flex;gap:3px;margin-bottom:5px}.map-panel .map-layer-actions button{font-size:10px;padding:3px 6px;min-height:27px}.map-layer{display:flex;gap:4px;align-items:center;padding:2px;border-radius:3px}.map-layer.active{background:var(--accent-soft,#e9edf6)}.map-layer>button:first-of-type{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-panel .map-layer button{border:0;background:none;font-size:11px;min-height:29px}.map-layer input{margin:0}.map-system-layer{font-size:10px;color:var(--muted);padding:7px 3px}
.map-export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.map-output .map-check{display:flex;align-items:center;gap:5px;margin-top:8px;line-height:1.35}.map-statusbar{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;color:var(--muted);gap:6px}.map-statusbar>div{display:flex;align-items:center;gap:4px}.map-statusbar output{min-width:42px;text-align:center}.map-commandbar [data-map=panel]{display:none}.map-panel [hidden],.map-editor [hidden]{display:none!important}.map-dialog input{width:100%;margin-top:6px}.map-dialog{max-width:450px}
.drawing-expanded .map-editor{height:auto;flex:1;min-height:0}.drawing-expanded .map-stage-caption{bottom:12px}
@media(max-width:900px){
 .drawing-map-workspace .map-editor{flex:1;height:auto;min-height:160px;grid-template-columns:minmax(0,1fr);overflow:hidden}.drawing-map-workspace .map-commandbar,.drawing-map-workspace .map-toolbar,.drawing-map-workspace .map-statusbar{flex-shrink:0}
 .map-commandbar{gap:4px;padding:4px 0}.map-commandbar>span{order:3;width:100%;font-size:10px;min-height:13px}.drawing-map-workspace .map-commandbar button{min-height:34px;padding:4px 7px;font-size:11px}.map-commandbar small{display:none}.map-commandbar [data-map=panel]{display:block}.map-toolbar{padding:3px 0 5px;gap:4px}.drawing-map-workspace .map-toolbar button{min-height:36px;padding:5px 9px;font-size:11px}
 .map-panel{display:none;position:absolute;right:0;top:0;bottom:0;width:min(300px,88vw);z-index:4;box-shadow:-5px 0 18px #17233b26;padding:10px}.map-panel.is-open{display:block}.map-panel header{position:sticky;top:-10px;background:var(--paper);padding:4px 0;z-index:2}.map-panel .map-panel-close{display:block}.map-statusbar{font-size:10px;padding:4px 0}.drawing-map-workspace .map-statusbar button{min-height:32px;padding:4px 7px;font-size:11px}.map-stage-caption{font-size:9px;bottom:6px;left:6px;max-width:calc(100% - 12px)}
}
@media(max-width:380px){.map-statusbar>span{font-size:9px}.map-statusbar>div{gap:2px}.map-statusbar output{min-width:34px}.map-commandbar>div{gap:3px}.drawing-map-workspace .map-commandbar button{padding:4px 5px}}