.mapper-container{background:var(--g50);flex:1;height:calc(100vh - 54px);display:flex;overflow:hidden}.mapper-sidebar{background:var(--w);border-right:var(--border);flex-direction:column;width:280px;display:flex}.sidebar-header{border-bottom:var(--border);padding:16px}.sidebar-header h3{color:var(--g900);margin-bottom:4px;font-size:14px;font-weight:700}.sidebar-header p{color:var(--g500);margin-bottom:12px;font-size:10px;line-height:1.4}.clear-btn{border:1.5px dashed var(--g300);width:100%;color:var(--g600);border-radius:var(--radius);cursor:pointer;transition:all var(--t);background:0 0;padding:6px;font-size:11px;font-weight:600}.clear-btn:hover{background:var(--g100);border-color:var(--g500);color:var(--g900)}.canvas-floating-clear-btn{z-index:100;align-items:center;gap:6px;display:flex;position:absolute;top:20px;right:20px;background:var(--w)!important;border:1.5px solid var(--g300)!important;width:auto!important;color:var(--g700)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;padding:8px 16px!important;font-size:12px!important}.canvas-floating-clear-btn:hover{background:var(--g100)!important;border-color:var(--g500)!important;color:var(--g900)!important;box-shadow:var(--shadow)!important}.node-card.selected-node{border-color:var(--b500)!important;box-shadow:0 0 0 3px #3b82f64d!important}.toolbox-tabs{border-bottom:var(--border);display:flex}.toolbox-tab{color:var(--g500);cursor:pointer;transition:all var(--t);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:12px;font-weight:700}.toolbox-tab.active{color:var(--b600);border-bottom-color:var(--b600)}.toolbox-panel{flex-direction:column;flex:1;padding:12px;display:none;overflow-y:auto}.toolbox-panel.active{display:flex}.toolbox-search{border:var(--border);border-radius:var(--radius);outline:none;width:100%;margin-bottom:10px;padding:6px 10px;font-size:11.5px}.card-list{flex-direction:column;gap:6px;display:flex}.toolbox-item{background:var(--g50);border:var(--border);border-radius:var(--radius);cursor:grab;user-select:none;transition:all var(--t);padding:10px}.toolbox-item:active{cursor:grabbing}.toolbox-item:hover{box-shadow:var(--shadow-sm);border-color:var(--b200);background:var(--b50);transform:translateY(-1px)}.toolbox-item-hdr{color:var(--g900);align-items:center;gap:6px;font-size:11.5px;display:flex}.item-icon{font-size:12px}.item-sub{color:var(--g400);margin-top:2px;margin-left:20px;font-size:9.5px;display:block}.canvas-area{flex:1;position:relative;overflow:auto}.canvas-grid{background-color:#fafafa;background-image:radial-gradient(var(--g200) 1.5px, transparent 1.5px);background-size:20px 20px;width:2000px;height:1200px;transition:background-color .2s;position:relative}.canvas-grid.drag-over{background-color:#f0fdf4}#svg-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-empty-state{text-align:center;max-width:320px;color:var(--g500);pointer-events:none;user-select:none;position:absolute;top:40%;left:35%;transform:translate(-50%,-50%)}.empty-icon{margin-bottom:12px;font-size:40px}.canvas-empty-state h4{color:var(--g900);margin-bottom:6px;font-size:14px;font-weight:700}.canvas-empty-state p{font-size:11px;line-height:1.5}.node-card{background:var(--w);border-radius:var(--radius-lg);border:1.5px solid var(--g200);width:220px;box-shadow:var(--shadow-sm);z-index:10;transition:box-shadow var(--t), border-color var(--t);position:absolute}.node-card:hover{box-shadow:var(--shadow)}.node-material{border-color:var(--b200)}.node-process{border-color:var(--orange200)}.node-drag-handle{cursor:move;user-select:none;border-top-left-radius:6px;border-top-right-radius:6px;align-items:center;padding:10px 12px;display:flex}.node-title-text{color:var(--g900);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}.node-delete{color:var(--g400);cursor:pointer;transition:color var(--t);background:0 0;border:none;padding:2px 4px;font-size:11px}.node-delete:hover{color:var(--red500)}.node-body{user-select:none;padding:10px 12px;font-size:11px}.node-body *{pointer-events:none}.node-info-row{justify-content:space-between;margin-bottom:4px;display:flex}.node-info-lbl{color:var(--g500)}.node-info-val{color:var(--g900);font-weight:600}.node-socket{background:var(--w);border:2px solid var(--g400);width:14px;height:14px;color:var(--g400);cursor:pointer;z-index:20;transition:all var(--t);user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute}.node-socket:hover{background:var(--b500);border-color:var(--b500);color:var(--w);transform:scale(1.2)translateY(-50%)}.node-socket.socket-out:hover,.node-socket.socket-in:hover{transform:scale(1.2)translateY(-50%)}.node-socket.selected{background:var(--b600);border-color:var(--b600);color:var(--w)}.socket-out{top:50%;right:-7px;transform:translateY(-50%)}.socket-in{top:50%;left:-7px;transform:translateY(-50%)}.connection-line{fill:none;stroke-width:3px;stroke:var(--g400);cursor:pointer;pointer-events:stroke;transition:stroke var(--t)}.connection-line:hover{stroke:var(--b500);stroke-width:4px}.connection-line.selected{stroke:var(--b600);stroke-width:4px}.connection-line.feasible{stroke:var(--gr600)}.connection-line.infeasible{stroke:var(--r600)}.connection-line.feasible.selected{stroke:var(--gr700)}.connection-line.infeasible.selected{stroke:var(--r700)}.inspector-panel{background:var(--w);border-left:var(--border);flex-direction:column;width:320px;display:flex}.inspector-hdr{border-bottom:var(--border);padding:16px}.inspector-hdr h3{color:var(--g900);font-size:14px;font-weight:700}.inspector-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.inspector-empty{text-align:center;color:var(--g400);margin-top:40px}.inspector-empty-icon{margin-bottom:8px;font-size:32px}.inspector-empty p{font-size:12px;line-height:1.4}.status-indicator{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px;font-size:12px;display:flex}.status-indicator.feasible{background:var(--gr50);border:1px solid var(--gr100);color:var(--gr700)}.status-indicator.infeasible{background:var(--r50);border:1px solid var(--r100);color:var(--r700)}.status-icon{font-size:18px}.inspect-sec h4{color:var(--g900);margin-bottom:6px;font-size:12px;font-weight:700}.inspect-sec p{color:var(--g700);font-size:11.5px;line-height:1.5}.info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.info-cell{background:var(--g50);border-radius:var(--radius);border:var(--border);padding:8px}.info-cell .lbl{color:var(--g500);margin-bottom:2px;font-size:9px;display:block}.info-cell .val{color:var(--g900);font-size:11px}.guideline-card{border:1px solid var(--b200);border-radius:var(--radius);color:var(--b900);background:#eff6ff;padding:12px;font-size:11px;line-height:1.5}.compare-add-btn{background:var(--b600);width:100%;color:var(--w);border-radius:var(--radius);cursor:pointer;transition:background var(--t);border:none;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:8px;font-size:11.5px;font-weight:700;display:flex}.compare-add-btn:hover{background:var(--b700)}.compare-add-btn:disabled{background:var(--g200);color:var(--g400);cursor:not-allowed}