/* Minimalist workspace: canvas first, controls second. */
:root{--panel-w:216px;--ribbon-h:68px;--bottom-h:178px}
.ribbon-tabs{height:24px}
.brand{font-size:11.5px;padding:0 11px;letter-spacing:.15px}
.rtab{font-size:10.8px;padding:0 9px}
.ribbon-tools{padding:3px 7px;gap:2px}
.rtool{gap:1px;padding:3px 6px;border-radius:4px;min-width:48px}
.rtool i{font-size:17px}.rtool span{font-size:9.5px}.rsep{height:34px;margin:0 3px}
.left-panel{width:216px}.right-panel{width:340px}
.panel-header{padding:6px 10px;font-size:10.5px}.lib-item{padding:5px 10px}.lib-note{padding:7px 10px;font-size:10px}
.canvas-toolbar{top:6px;padding:2px;gap:2px;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.12)}
.canvas-toolbar #t-add,.canvas-toolbar #t-grid,.canvas-toolbar #t-measures,.canvas-toolbar #t-ruler{display:none!important}
.ctool{width:28px;height:26px}.ctool i{font-size:14px}
.view-toggle{top:6px;right:7px;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.1)}
.vtbtn{padding:5px 10px;font-size:10.5px}
.hint-badge{display:none!important}
.scale-badge{bottom:7px;left:7px;padding:3px 7px;font-size:9.5px;opacity:.72;border-radius:4px}
.canvas-footer-brand{bottom:6px;font-size:9.5px;font-weight:500;letter-spacing:.05px;color:var(--text2);background:transparent;border:0;border-radius:0;padding:2px 6px;box-shadow:none;opacity:.58}
.panel-toggle{width:18px;height:42px;box-shadow:none;opacity:.72}
.panel-toggle:hover{opacity:1}.panel-toggle.left{border-radius:0 5px 5px 0}.panel-toggle.right{border-radius:5px 0 0 5px}
.bottom-panel{min-height:30px}.bp-tabs{min-height:30px}.bptab{padding:6px 11px;font-size:10.5px}.bp-body{padding:8px 10px}
.bp-collapse,.bp-maximize{padding:0 7px;font-size:12px}
.prop-group{padding:7px 9px}.prop-group-label{font-size:10px;margin-bottom:5px}.prop-row{margin-bottom:5px}.prop-label{font-size:10.5px;width:118px}.prop-input,.prop-select{font-size:10.8px;padding:3px 5px}
/* PowerFlowCheck-style max uses browser fullscreen only; panel visibility is preserved. */
/* Temporary typed-command HUD. It stays invisible until the user starts typing. */
#command-hud{position:fixed;top:8px;right:10px;z-index:250;display:none;max-width:280px;padding:5px 9px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text2);font:11px 'Segoe UI',Arial,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.14);pointer-events:none}
#command-hud.show{display:block}#command-hud b{color:var(--text);font-weight:600}
.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:6px 14px;margin-top:8px}.shortcut-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:4px 0;font-size:11px}.shortcut-item code{color:var(--blue);font-weight:700;background:transparent}.shortcut-item span{color:var(--text2);text-align:right}
@media(max-width:760px){.shortcut-grid{grid-template-columns:1fr}.right-panel{width:300px}}
