.viewer-toolbar-controls,.viewer-actions,.view-modes{display:flex;align-items:center;gap:8px}.viewer-toolbar-controls{gap:14px}.viewer-actions button,.view-modes button{min-width:42px;padding:9px 12px;border:1px solid #3a3d44;background:#18191d;color:#eef0f4;cursor:pointer}.viewer-actions button:hover,.view-modes button:hover{border-color:#e8eaee}.view-modes{padding-right:14px;border-right:1px solid #292b30}.view-modes button{min-width:62px}.view-modes button.selected{border-color:#f4f5f7;background:#f4f5f7;color:#08090a;font-weight:850}#schematic-canvas{touch-action:none}#schematic-canvas.fly-mode{cursor:crosshair}.fly-controls{position:absolute;inset:0;pointer-events:none}.fly-controls[hidden]{display:none}.fly-controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #60646d;border-radius:8px;background:#0b0c0edb;color:#fff;font:800 12px ui-monospace,monospace;box-shadow:0 7px 22px #0008;pointer-events:auto;user-select:none;-webkit-user-select:none}.fly-controls button:active{background:#f5f6f8;color:#08090a}.move-pad{position:absolute;left:20px;bottom:20px;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:6px}.move-pad button:nth-child(1){grid-column:2}.move-pad button:nth-child(2){grid-column:1;grid-row:2}.move-pad button:nth-child(3){grid-column:2;grid-row:2}.move-pad button:nth-child(4){grid-column:3;grid-row:2}.height-pad{position:absolute;right:20px;bottom:20px;display:grid;gap:7px}.height-pad button{width:58px}.fly-controls>span{position:absolute;right:20px;top:18px;padding:7px 10px;border:1px solid #34373e;background:#090a0bcf;color:#b8bbc2;font:700 10px ui-monospace,monospace;letter-spacing:.04em}@media(max-width:720px){.viewer-toolbar-controls{width:100%;justify-content:space-between}.canvas-wrap,#schematic-canvas{height:460px!important;min-height:460px!important}.fly-controls>span{right:12px;top:12px}.move-pad{left:12px;bottom:12px}.height-pad{right:12px;bottom:12px}}@media(max-width:460px){.viewer-toolbar-controls{align-items:stretch;flex-direction:column}.view-modes{padding:0 0 10px;border-right:0;border-bottom:1px solid #292b30}.view-modes button,.viewer-actions button{flex:1}.fly-controls button{width:44px;height:44px}.move-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.height-pad button{width:54px}.viewer-hint{font-size:10px}}