.pick-visualizer{background:transparent;border-radius:16px;padding:0;margin-top:0;border:none}.visualizer-controls{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group.filter-toggle{flex-direction:row;align-items:center;gap:1rem;flex-basis:100%;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#e4e4e4}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:#00d9ff}.filter-info{font-size:.8rem;color:#888;font-style:italic}.fullscreen-button{margin-left:auto;padding:.5rem 1rem;font-size:.85rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:6px;color:#00d9ff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.fullscreen-button:hover{background:#00d9ff33;border-color:#00d9ff}.fullscreen-button.active{background:#00d9ff4d;border-color:#00d9ff}.control-group label{font-size:.85rem;color:#a0a0a0}.control-group select,.control-group input[type=range]{padding:.5rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#e4e4e4;font-size:.9rem;min-width:150px}.control-group select:disabled{opacity:.5}.control-group input[type=range]{-webkit-appearance:none;height:8px;background:#ffffff1a;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#00d9ff;cursor:pointer}.control-buttons{display:flex;gap:.5rem;align-items:flex-end}.control-buttons button{padding:.5rem 1rem;font-size:1.2rem;border:1px solid rgba(255,255,255,.2);background:#0000004d;border-radius:6px;cursor:pointer;transition:all .2s ease}.control-buttons button:hover{background:#00d9ff33;border-color:#00d9ff}.current-pick-info{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:#a0a0a0;text-transform:uppercase}.info-value{font-size:1.1rem;font-weight:700;color:#00d9ff}.layout-container{overflow:hidden;background:#0000004d;border-radius:12px;padding:1rem;display:flex;justify-content:center;align-items:flex-start}.layout-wrapper{display:inline-block}.layout{position:relative;background:#1a1a2e;border:2px solid rgba(255,255,255,.1);will-change:transform}.cross-aisle{position:absolute;background:#ffc86426;border:1px dashed rgba(255,200,100,.4);display:flex;align-items:center;justify-content:center}.cross-aisle-label{font-size:.5rem;color:#ffc864cc;writing-mode:horizontal-tb;white-space:nowrap}.aisle{position:absolute;background:#6496ff1a;border-left:1px solid rgba(100,150,255,.3);border-right:1px solid rgba(100,150,255,.3);display:flex;align-items:flex-start;justify-content:center;padding-top:.2rem}.aisle-label{font-size:.4rem;color:#6496ffcc;font-weight:700}.shelf{position:absolute;background:#96643280;border:1px solid rgba(150,100,50,.8);transition:all .3s ease}.shelf-active-left{background:#ff6464cc;border:2px solid rgba(255,50,50,1);box-shadow:0 0 8px #ff3232cc;z-index:5}.shelf-active-right{background:#64c8ffcc;border:2px solid rgba(50,150,255,1);box-shadow:0 0 8px #3296ffcc;z-index:5}.pick-trail{position:absolute;width:1rem;height:1rem;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10}.trail-order{font-size:.4rem;color:#0f8c;background:#0f83;border:1px solid rgba(0,255,136,.5);border-radius:50%;width:.8rem;height:.8rem;display:flex;align-items:center;justify-content:center}.path-lines{position:absolute;top:0;left:0;pointer-events:none;z-index:5}.current-position{position:absolute;transform:translate(-50%,-50%);z-index:20}.position-marker{width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#00d9ff,#0f8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00d9ffcc;position:relative;z-index:2}.position-order{font-size:.5rem;font-weight:700;color:#1a1a2e}.position-pulse{position:absolute;width:2.5rem;height:2.5rem;border-radius:50%;background:#00d9ff4d;animation:pulse 1.5s ease-out infinite;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.layout-legend{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;border-radius:8px}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#a0a0a0;white-space:nowrap;min-width:120px}.legend-color{width:1.2rem;height:1.2rem;border-radius:4px;flex-shrink:0}.legend-color.legend-shelf{background:#96643280;border:1px solid rgba(150,100,50,.8)}.legend-color.legend-aisle{background:#6496ff1a;border:1px solid rgba(100,150,255,.5)}.legend-color.legend-cross-aisle{background:#ffc86426;border:1px dashed rgba(255,200,100,.4)}.legend-color.legend-shelf-left{background:#ff6464cc;border:2px solid rgba(255,50,50,1)}.legend-color.legend-shelf-right{background:#64c8ffcc;border:2px solid rgba(50,150,255,1)}.legend-color.legend-current{background:linear-gradient(135deg,#00d9ff,#0f8);border-radius:50%}.legend-color.legend-trail{background:#0f83;border:1px solid rgba(0,255,136,.5);border-radius:50%}.pick-visualizer.light-mode .visualizer-controls{border-bottom-color:#0000001a}.pick-visualizer.light-mode .control-group.filter-toggle{border-bottom-color:#0000000d}.pick-visualizer.light-mode .checkbox-label{color:#333}.pick-visualizer.light-mode .checkbox-label input[type=checkbox]{accent-color:#1890ff}.pick-visualizer.light-mode .filter-info{color:#666}.pick-visualizer.light-mode .fullscreen-button{background:#1890ff1a;border-color:#1890ff4d;color:#1890ff}.pick-visualizer.light-mode .fullscreen-button:hover{background:#1890ff33;border-color:#1890ff}.pick-visualizer.light-mode .fullscreen-button.active{background:#1890ff4d;border-color:#1890ff}.pick-visualizer.light-mode .control-group label{color:#555}.pick-visualizer.light-mode .control-group select,.pick-visualizer.light-mode .control-group input[type=range]{border-color:#0003;background:#fffc;color:#333}.pick-visualizer.light-mode .control-group input[type=range]{background:#0000001a}.pick-visualizer.light-mode .control-group input[type=range]::-webkit-slider-thumb{background:#1890ff}.pick-visualizer.light-mode .control-buttons button{border-color:#0003;background:#fffc;color:#333}.pick-visualizer.light-mode .control-buttons button:hover{background:#1890ff33;border-color:#1890ff}.pick-visualizer.light-mode .current-pick-info{background:#1890ff1a;border-color:#1890ff4d}.pick-visualizer.light-mode .info-label{color:#666}.pick-visualizer.light-mode .info-value{color:#1890ff}.pick-visualizer.light-mode .layout-container{background:#0000000d}.pick-visualizer.light-mode .layout{background:#f5f5f5;border-color:#00000026}.pick-visualizer.light-mode .cross-aisle{background:#c8963233;border-color:#c8963280}.pick-visualizer.light-mode .cross-aisle-label{color:#966400e6}.pick-visualizer.light-mode .aisle{background:#3264c826;border-left-color:#3264c866;border-right-color:#3264c866}.pick-visualizer.light-mode .aisle-label{color:#3264c8e6}.pick-visualizer.light-mode .shelf{background:#78502866;border-color:#785028b3}.pick-visualizer.light-mode .shelf-active-left{background:#dc3232b3;border-color:#c80000;box-shadow:0 0 10px #c8000099}.pick-visualizer.light-mode .shelf-active-right{background:#3278c8b3;border-color:#0050b4;box-shadow:0 0 10px #0050b499}.pick-visualizer.light-mode .trail-order{color:#009650e6;background:#00965033;border-color:#00965080}.pick-visualizer.light-mode .position-marker{background:linear-gradient(135deg,#1890ff,#52c41a);box-shadow:0 0 12px #1890ffb3}.pick-visualizer.light-mode .position-order{color:#fff}.pick-visualizer.light-mode .position-pulse{background:#1890ff4d}.pick-visualizer.light-mode .layout-legend{border-top-color:#0000001a;background:#0000000d}.pick-visualizer.light-mode .legend-item{color:#555}.pick-visualizer.light-mode .legend-color.legend-shelf{background:#78502866;border-color:#785028b3}.pick-visualizer.light-mode .legend-color.legend-aisle{background:#3264c826;border-color:#3264c880}.pick-visualizer.light-mode .legend-color.legend-cross-aisle{background:#c8963233;border-color:#c8963280}.pick-visualizer.light-mode .legend-color.legend-shelf-left{background:#dc3232b3;border-color:#c80000}.pick-visualizer.light-mode .legend-color.legend-shelf-right{background:#3278c8b3;border-color:#0050b4}.pick-visualizer.light-mode .legend-color.legend-current{background:linear-gradient(135deg,#1890ff,#52c41a)}.pick-visualizer.light-mode .legend-color.legend-trail{background:#00965033;border-color:#00965080}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-layout{min-height:100vh}.ant-card,.ant-upload-drag{border-radius:12px!important}.ant-statistic-title{font-size:13px!important}.ant-statistic-content-value{font-size:24px!important}.ant-table-wrapper{border-radius:8px;overflow:hidden}.ant-btn{border-radius:8px!important;font-weight:500}.ant-tabs-tab{padding:12px 16px!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000080}.ant-layout,.ant-card,.ant-table{transition:background .3s ease,border-color .3s ease}