.packing-3d-viewer[data-v-a5bb6ad9]{width:100%;height:400px;background:#f8fafc;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.viewer-header[data-v-a5bb6ad9]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-bottom:1px solid #eee}.view-title[data-v-a5bb6ad9]{font-size:13px;font-weight:600;color:#333}.view-controls[data-v-a5bb6ad9]{display:flex;gap:6px}.ctrl-btn[data-v-a5bb6ad9]{padding:4px 10px;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.ctrl-btn[data-v-a5bb6ad9]:hover{background:#f5f5f5}.ctrl-btn.active[data-v-a5bb6ad9]{background:#667eea;color:#fff;border-color:#667eea}.canvas-container[data-v-a5bb6ad9]{flex:1;min-height:0}.viewer-legend[data-v-a5bb6ad9]{display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px;background:#fff;border-top:1px solid #eee}.legend-item[data-v-a5bb6ad9]{display:flex;align-items:center;gap:4px}.legend-color[data-v-a5bb6ad9]{width:12px;height:12px;border-radius:2px}.legend-label[data-v-a5bb6ad9]{font-size:11px;color:#666}