.mode-switch{display:flex;gap:3px;background:#f0f5f3;padding:3px;border-radius:7px;white-space:nowrap}.mode-switch button{border:0;background:transparent;padding:7px 10px;font-size:12px;border-radius:5px;cursor:pointer}.mode-switch button.selected{background:#fff;color:#087c73;box-shadow:0 1px 4px #173c3420;font-weight:600}
html.miniapp-boot .mode-switch button{padding:4px 8px;line-height:1.25}
html.miniapp-boot .miniapp-mode-status{display:block;margin-top:2px;color:#94621d;font-size:10px;line-height:1.3;font-weight:400;white-space:nowrap}
#intersection-panel{width:290px;flex:none;background:#fff;border-right:1px solid #dbe5e1;display:flex;flex-direction:column;min-height:0}#intersection-panel[hidden],#element-dock[hidden],#param-bar[hidden],#gl-canvas[hidden]{display:none!important}.plan-head{padding:17px 18px;font-size:16px;font-weight:650;letter-spacing:.5px}.plan-tabs{display:flex;padding:0 12px 10px;gap:5px;border-bottom:1px solid #e6eeea}.plan-tabs button{flex:1;border:0;border-radius:6px;padding:7px;background:#f3f6f5;cursor:pointer}.plan-tabs button.active{color:#0b8277;background:#e4f3ee;font-weight:600}.plan-content{overflow:auto;flex:1;padding:8px 16px}.plan-content section{margin-bottom:14px}.plan-content h3{font-size:12px;color:#467078;font-weight:650;letter-spacing:.5px;margin:11px 0 9px}.plan-row{display:flex;align-items:center;gap:8px;font-size:12px;min-height:33px}.plan-row span{flex:1;color:#64787f}.plan-row input,.plan-row select,.plan-row textarea{width:113px;min-width:0;padding:5px;border:1px solid #dfe7e3;border-radius:5px;background:#fff;font-family:inherit;color:#2e4550}.plan-row input[type=checkbox]{width:15px;margin-right:98px;accent-color:#098d7d}.plan-row input[type=color]{height:26px}.plan-row input:focus,.plan-row select:focus,.plan-row textarea:focus{outline:1px solid #1d9e8b}.plan-content button,.plan-footer button{border:1px solid #dce7e1;border-radius:5px;background:#f5f9f7;padding:6px 8px;font-size:11px;cursor:pointer;margin:4px 3px 2px 0}.plan-library{display:grid;grid-template-columns:1fr 1fr;gap:4px}.plan-library button{margin:0;padding:8px}.plan-note{font-size:11px;line-height:1.85;color:#788c92;margin:8px 0}.plan-footer{padding:8px 10px;border-top:1px solid #e3ece7;display:flex;gap:3px}.plan-footer button{flex:1;margin:0}#plan-status{font-size:10px;line-height:1.6;color:#648187;padding:5px 12px 10px}.plan-check{font-size:11px;line-height:1.8;margin:7px 0;padding:8px;border-radius:5px;background:#f9f2e4;color:#8b733c}.plan-check.error{background:#faefeb;color:#a26050}.plan-mode #dom-overlay{display:none}.plan-mode #svg-overlay [data-plan-arm],.plan-mode #svg-overlay [data-plan-item]{pointer-events:visiblePainted}.plan-mode #tb-recalc,.plan-mode #tb-underground,.plan-mode [data-cmd=style],.plan-mode [data-cmd=dim-style],.plan-mode [data-cmd=arrow-style],.plan-mode [data-cmd=text],.plan-mode [data-cmd=image]{display:none}

.plan-mode .dropdown-host{display:none}
.plan-tabs{gap:3px;padding-left:8px;padding-right:8px}.plan-tabs button{font-size:12px;padding:7px 4px}.plan-mode #svg-overlay [data-plan-mark]{pointer-events:visiblePainted}.plan-library button:hover,.plan-footer button:hover{background:#e8f4ef;border-color:#a6cec1}.plan-content section:has(#plan-flow-rules){background:#f3f8f6;border-radius:9px;padding:5px 10px}.plan-check.warn{border-left:3px solid #d7b766}

.plan-library{margin-top:10px}.plan-content details summary{cursor:pointer;color:#42646d;font-size:12px;padding:8px 0}.plan-note{line-height:1.6}
.plan-mode #svg-overlay [data-plan-mark][opacity="0"]{pointer-events:none}

html.miniapp-boot #app-bar{height:auto;min-height:52px;flex-wrap:wrap;padding-top:3px;padding-bottom:3px}
html.miniapp-boot #app-bar .brand,html.miniapp-boot #app-bar .bar-group,html.miniapp-boot .mode-switch{flex-shrink:0}
html.miniapp-boot #save-state,html.miniapp-boot #app-bar .bar-btn span{white-space:nowrap}
@media(max-width:1450px){html.miniapp-boot #app-bar .brand-name em{display:none}html.miniapp-boot #app-bar .brand{gap:6px;margin-right:6px}}