:root{color:#17282b;font-synthesis:none;--border:#dce3de;--muted:#687879;--accent:#286b66;background:#f7f8f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:1px solid var(--border);color:inherit;cursor:pointer;background:#fff;border-radius:4px;padding:7px 11px}button:disabled{color:#75807d;cursor:not-allowed;background:#f0f3f0}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:19px}h2{margin-bottom:0;font-size:16px}h3{font-size:14px}small{color:var(--muted);font-size:11px}.app-shell{flex-direction:column;height:100dvh;min-height:420px;display:flex;overflow:hidden}.app-header{color:#f3f6f2;background:#17282b;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand strong{letter-spacing:.02em;font-size:15px}.brand-mark{border:1px solid #647978;border-radius:4px;padding:8px;font-size:17px;font-weight:750}.brand-caption{color:#bac9c4;letter-spacing:.08em;margin-top:4px;font-size:10px;display:block}.version{white-space:nowrap;color:#cedbd6;border:1px solid #526663;border-radius:3px;padding:5px 8px;font-size:11px}.main-navigation{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:stretch;gap:20px;padding:0 20px;display:flex}.main-navigation a,.main-navigation button{background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-height:44px;padding:0 2px;font-size:12px;text-decoration:none;display:flex}.main-navigation a{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:650}.main-navigation button:disabled{background:0 0}.side-panel{background:#f9faf8;min-width:0;overflow:auto}.panel-heading{border-bottom:1px solid var(--border);padding:20px 16px 16px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:10px;font-weight:650;display:block}.panel-body{padding:18px 16px}.panel-note{color:var(--muted);font-size:12px;line-height:1.7}.equipment-list{margin:22px 0;padding:0;list-style:none}.equipment-list li+li{margin-top:7px}.equipment-list button{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 10px;font-size:12px;display:flex}.wide-button{width:100%;font-size:12px}.inspector-placeholder{color:#8d9d97;margin:12px 0 22px;font-size:26px}.engineering-note{border-top:1px solid var(--border);margin-top:30px;padding-top:18px;font-size:11px;line-height:1.6}.engineering-note strong{display:block}.engineering-note p{color:var(--muted);margin-top:8px}.unknown{letter-spacing:.05em;border:1px solid #cdd6ce;border-radius:3px;margin-top:9px;padding:2px 5px;font-size:10px;display:inline-block}.drawing-workspace{outline-offset:-2px;background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.workspace-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.sheet-label{color:var(--muted);white-space:nowrap;font-size:11px}.drawing-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 16px;display:flex}.drawing-toolbar button{font-size:11px}.drawing-toolbar>span{color:var(--muted);margin-left:auto;font-size:10px}.drawing-surface{background:#f7f8f5;flex:1;min-height:160px;position:relative;overflow:hidden}.svg-canvas{display:block;position:absolute;inset:0}.canvas-empty{text-align:center;pointer-events:none;background:#f7f8f5;width:min(340px,85%);padding:16px 10px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.canvas-empty h2{margin-bottom:12px;font-size:17px;font-weight:550}.canvas-empty p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.7}.canvas-caption{color:var(--muted);background:#f7f8f5;padding:3px;font-size:10px;position:absolute;bottom:12px;left:16px}.status-bar{border-top:1px solid var(--border);color:#526460;background:#eef2ee;flex-shrink:0;justify-content:space-between;gap:10px;padding:8px 16px;font-size:10px;display:flex}.skip-link{z-index:10;color:#17282b;background:#fff;padding:12px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:10px}.responsive-layout{flex-direction:column;flex:1;min-height:0;display:flex}.workspace-layout{flex:1;grid-template-columns:224px minmax(0,1fr) 240px;min-height:0;display:grid;position:relative}.equipment-panel{border-right:1px solid var(--border)}.properties-panel{border-left:1px solid var(--border)}.panel-switcher{display:none}@media (width<=1100px){.workspace-layout{grid-template-columns:minmax(0,1fr)}.panel-switcher{border-bottom:1px solid var(--border);background:#eef2ee;gap:8px;padding:6px 12px;display:flex}.panel-switcher button{flex:1;min-height:44px;font-size:12px}.panel-switcher button[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:#e5eeea}.side-panel{z-index:2;width:min(320px,100%);display:none;position:absolute;top:0;bottom:0}.equipment-panel{left:0}.properties-panel{right:0}[data-panel=equipment] .equipment-panel,[data-panel=inspector] .properties-panel{display:block}}@media (width<=600px){.app-header{gap:8px;padding:10px 12px}.brand{gap:8px}.brand strong{font-size:12px}.brand-mark{padding:7px;font-size:14px}.brand-caption{display:none}.version{padding:4px;font-size:9px}.main-navigation{gap:16px;padding:0 12px}.main-navigation a,.main-navigation button{gap:4px;font-size:11px}.main-navigation small{font-size:9px}.workspace-heading{padding:12px}.workspace-heading h1{font-size:17px}.sheet-label{display:none}.drawing-toolbar{padding:6px 12px}.drawing-toolbar button{min-height:44px}.drawing-toolbar>span{max-width:85px;line-height:1.5}.status-bar{flex-wrap:wrap;gap:4px 12px;padding:7px 12px;font-size:9px}.canvas-empty h2{font-size:16px}}