:root{font-family:Arial,Helvetica,sans-serif;color:#263d4e;background:#f5f7f8;font-size:12px}*{box-sizing:border-box}html,body,#views{margin:0;width:100%;height:100%;overflow:hidden}#views{display:flex;flex-direction:column}button,select{font:inherit;color:inherit;background:#fff;border:1px solid #cbd5db;border-radius:4px;padding:6px 9px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#e3edf1;border-color:#7398a9}button:focus-visible,select:focus-visible,.carrier-stage:focus-visible{outline:2px solid #598caf;outline-offset:-2px}input{accent-color:#42687b;margin:0}label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}input[type=range]{width:105px}output{min-width:36px}.render-toolbar{padding:7px 10px;display:flex;justify-content:space-between;gap:8px;background:#fff;border-bottom:1px solid #dce3e8;flex:none}.render-toolbar div{display:flex;gap:5px}.assembly-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:7px 10px;background:#fff;border-bottom:1px solid #dce3e8;flex:none}.visibility,.pose-controls{display:flex;align-items:center;gap:9px}.pose-controls{margin-left:auto;gap:4px}.pose-controls button{padding:5px 7px}.nominal{font-size:11px;color:#6a7d87}.routing-controls{padding:7px 10px;background:#fff;border-bottom:1px solid #dce3e8;flex:none}.layer-choices,.routing-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px}.layer-choices label{border-bottom:2px solid var(--layer);padding-bottom:4px}.layer-choices input{accent-color:var(--layer)}.routing-options{margin-top:6px;gap:6px 13px}#net-picker{width:175px;padding:4px 6px}#net-selection{color:#607480;overflow-wrap:anywhere;font-size:11px;flex:1;min-width:140px}.carrier-stage{flex:1;min-height:120px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff 0%,#f0f4f6 72%);touch-action:none;cursor:grab}.carrier-stage[data-mode=routing]{background:#fff}.carrier-stage.dragging{cursor:grabbing}.carrier-stage img,#routing-surface,#carrier-3d{width:100%;height:100%;display:block;transform-origin:center;user-select:none}.carrier-stage img{object-fit:contain;pointer-events:none}#routing-surface,#carrier-3d{position:absolute;inset:0}#routing-surface svg{width:100%;height:100%;display:block;overflow:visible}#routing-surface .net-muted{opacity:.10}#routing-surface .net-selected{opacity:1;filter:drop-shadow(0 0 .08px #171717)}#image-status{position:absolute;z-index:6;bottom:12px;left:12px;background:#fff;padding:8px 12px;border:1px solid #d3dfe6;border-radius:4px;font:12px Arial;max-width:85%}.caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:6px 10px;background:#fff;border-top:1px solid #dce3e8;font-size:11px;flex:none;min-height:25px}.caption strong{font-weight:500}.caption span{color:#607480;font-size:10px}[hidden]{display:none!important}@media(max-width:850px){.assembly-controls{gap:6px 8px}.nominal{display:none}.pose-controls{margin-left:0}.routing-options{gap:6px 9px}#net-selection{display:none}}@media(max-width:550px){:root{font-size:11px}.caption span{display:none}.layer-choices{gap:6px 10px}.pose-controls{width:100%}.assembly-controls{padding:5px 8px}.render-toolbar{padding:5px 8px}}

/* The layout tab is the original native KiCanvas workspace, not an SVG color imitation. */
.carrier-stage[data-mode=routing]{background:#060808}.carrier-stage[data-mode=routing] #routing-surface{transform:none!important}#native-pcb-frame{width:100%;height:100%;border:0;display:block;background:#060808}#routing-controls{display:none!important}

#views[data-mode=routing] .render-toolbar>div[aria-label="View zoom"],#views[data-mode=routing] .caption{display:none}#views[data-mode=routing] .render-toolbar{padding:4px 8px;background:#16232c;border-color:#33444f}#views[data-mode=routing] .render-toolbar button{background:#21333f;border-color:#405461;color:#d0e1e9;font-size:10px;padding:5px 9px}#views[data-mode=routing] .render-toolbar button[aria-pressed=true]{background:#306781;border-color:#79afc7;color:white}

.review-links{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center;padding:5px 10px;background:#fff;border-top:1px solid #dce3e8;font-size:10px;flex:none}.review-links a{color:#42687b;text-decoration:none}.review-links a:hover{text-decoration:underline}

/* Keep the requested distance control reachable in every embedded 3D view. */
.spacing-control{gap:7px;flex-wrap:wrap;white-space:normal}.spacing-control input{width:140px;min-height:24px;cursor:ew-resize;touch-action:pan-x}.spacing-control input:focus-visible{outline:2px solid #598caf;outline-offset:2px}.assembly-controls .nominal{display:inline;white-space:normal;line-height:1.35}@media(max-width:550px){.spacing-control input{width:125px}.assembly-controls .nominal{font-size:10px}.visibility{flex-wrap:wrap}}