:root{--bg:#f7f6f3;--surface:#fff;--surface-hover:#f7f6f3;--surface-active:#efeeea;--text-primary:#37352f;--text-secondary:#73726e;--text-muted:#9b9a97;--border:#e8e8e5;--border-strong:#c9c8c4;--accent:#2383e2;--accent-hover:#1e74cc;--accent-subtle:#eef3fb;--amber-subtle:#fef9ec;--amber-border:#f1e0a8;--green-subtle:#ebf5ee;--green-border:#a9d5b3;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--radius-sm:4px;--radius:6px;--ease-out:cubic-bezier(0, 0, .2, 1);--duration:.15s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.65}button,input,label{font-family:inherit;font-size:inherit;line-height:inherit}.layout{background:var(--bg);width:100%;height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex;overflow:hidden}.main-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;padding:12px;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px 10px;display:flex}.sidebar-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex:1;font-size:11px;font-weight:600}.nav-link,.nav-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background:0 0;padding:2px 6px;font-size:12px;font-weight:500;text-decoration:none}.nav-link:hover,.nav-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.lang-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);padding:2px 6px;font-size:11px;font-weight:500}.lang-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.sidebar-body{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow:hidden}.mode-bar{border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr 1fr;display:grid}.mode-btn{cursor:pointer;color:var(--text-muted);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out);background:0 0;border:none;padding:7px 0;font-size:12px;font-weight:500}.mode-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.mode-btn.active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--text-primary)}.mode-btn-remove.active{color:#eb5757;box-shadow:inset 0 -2px #eb5757}.column-controls{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(10,1fr);gap:0;margin-bottom:6px;display:grid;overflow:hidden}.column-controls button{border:none;border-right:1px solid var(--border);background:var(--surface);cursor:pointer;user-select:none;color:var(--text-secondary);transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;display:flex}.column-controls button:last-child{border-right:none}.column-controls button:hover{background:var(--surface-hover)}.col-num{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);font-weight:500;line-height:1}.col-label{font-size:9px;font-family:var(--font-sans);color:var(--text-muted);visibility:hidden;line-height:1}.col-label.visible{visibility:visible}.column-controls button.aisle{background:var(--text-primary);border-right-color:#555}.column-controls button.aisle .col-num,.column-controls button.aisle .col-label{color:#ffffffd9}.column-controls button.aisle:hover{background:#2a2924}.grid{border-collapse:separate;border-spacing:0;table-layout:fixed;flex:1;width:100%}.grid td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;font-size:11px;font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;user-select:none;width:10%;height:10%;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);border-top:none;border-left:none;overflow:hidden}.grid tr:first-child td{border-top:1px solid var(--border)}.grid td:first-child{border-left:1px solid var(--border)}.grid tr:first-child td:first-child{border-top-left-radius:var(--radius-sm)}.grid tr:first-child td:last-child{border-top-right-radius:var(--radius-sm)}.grid tr:last-child td:first-child{border-bottom-left-radius:var(--radius-sm)}.grid tr:last-child td:last-child{border-bottom-right-radius:var(--radius-sm)}.grid td.filled{background:var(--accent-subtle);color:var(--text-primary)}.grid td.confirm{color:#eb5757;background:#fef3f3;border-color:#fbdada}.grid td.disabled{background:var(--surface-active);color:var(--text-muted);cursor:default;opacity:.55}.grid td.pending-disable,.grid td.pending-enable{background:var(--amber-subtle);border-color:var(--amber-border)}.grid td.swap-selected{background:var(--accent-subtle);box-shadow:inset 0 0 0 2px var(--accent)}@keyframes swap-flash{0%{box-shadow:inset 0 0 0 100vw #2383e238}to{box-shadow:inset 0 0 0 100vw #2383e200}}.grid td.swapping{animation:swap-flash .5s var(--ease-out) forwards}.grid td.aisle-cell{background:var(--surface-active);color:var(--text-muted);text-align:center;font-size:10px;font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;border-left:1px solid var(--border);font-weight:500}.coord-label{font-size:14px;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;user-select:none;font-weight:700}.list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.list::-webkit-scrollbar{width:4px}.list::-webkit-scrollbar-track{background:0 0}.list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.list button{border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:12px;font-family:var(--font-mono);color:var(--text-primary);user-select:none;transition:background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background:0 0;border:1px solid #0000;padding:5px 8px;line-height:1.5}.list button:hover{background:var(--surface-active);border-color:var(--border)}.list button.selected{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.list-divider{letter-spacing:.06em;color:var(--text-muted);text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-hover);user-select:none;pointer-events:none;margin:4px 0;padding:4px 8px;font-size:10px;font-weight:600}.actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.btn{box-sizing:border-box;border-radius:var(--radius-sm);cursor:pointer;user-select:none;width:100%;transition:background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-primary{background:var(--text-primary);border:1px solid var(--text-primary);color:#fff}.btn-primary:hover{background:#2a2924;border-color:#2a2924}.btn-mid{color:#fff;background:#adaca8;border:1px solid #9b9a97}.btn-mid:hover{background:#9b9a97;border-color:#87867f}.meta{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.meta-label{color:var(--text-muted);font-size:11px}.meta-value{font-size:11px;font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.error{color:#eb5757;border-radius:var(--radius-sm);background:#fef3f3;border:1px solid #fbdada;padding:4px 6px;font-size:11px;line-height:1.5}.success{color:#0f7b0f;border-radius:var(--radius-sm);background:#ebf5ee;border:1px solid #a9d5b3;padding:4px 6px;font-size:11px;line-height:1.5}.engine-layout{background:var(--bg);width:100%;height:100vh;display:flex;overflow:hidden}.engine-main{flex:1;display:flex;overflow:hidden}.engine-content{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex;overflow:auto}.engine-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.engine-sidebar-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.engine-sidebar-body::-webkit-scrollbar{width:4px}.engine-sidebar-body::-webkit-scrollbar-track{background:0 0}.engine-sidebar-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.engine-sidebar .engine-section{border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;flex-shrink:0;padding:12px 16px}.engine-sidebar .engine-section:last-child{border-bottom:none}.engine-sidebar-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.engine-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.engine-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.engine-form{grid-template-columns:1fr;gap:8px;display:grid}.engine-field{flex-direction:column;gap:4px;display:flex}.engine-field label{color:var(--text-secondary);font-size:11px;font-weight:500}.input,select.input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.5}.input:focus{border-color:var(--accent);outline:none}.engine-radio-group{gap:12px;display:flex}.engine-radio{color:var(--text-primary);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.engine-radio input{cursor:pointer}.engine-weights{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.engine-weights-toggle{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:color var(--duration) var(--ease-out);background:0 0;border:none;padding:4px 0;font-size:11px;font-weight:500}.engine-weights-toggle:hover{color:var(--text-primary)}.engine-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.batch-grid{flex-direction:column;gap:12px;margin-top:10px;display:flex}.batch-grid-top,.batch-grid-bottom{grid-template-columns:1fr 1fr;gap:12px;display:grid}.batch-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.batch-header{border-bottom:2px solid var(--accent);background:var(--surface-hover);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.batch-title{color:var(--text-primary);font-size:13px;font-weight:600}.batch-count{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.batch-list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;max-height:380px;overflow-y:auto}.batch-list::-webkit-scrollbar{width:4px}.batch-list::-webkit-scrollbar-track{background:0 0}.batch-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.batch-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font-size:12px;display:flex}.batch-item:last-child{border-bottom:none}.batch-name{color:var(--text-primary);font-weight:500;font-family:var(--font-mono);flex-shrink:0}.batch-reason{color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.preview-section{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.preview-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.preview-table-title{color:var(--text-muted);background:var(--surface-hover);border-bottom:1px solid var(--border);padding:5px 10px;font-size:11px;font-weight:600}.preview-table{border-collapse:collapse;width:100%;font-size:12px}.preview-table td{border-bottom:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;overflow:hidden}.preview-table .preview-th{color:var(--text-muted);background:var(--surface-hover);font-size:10px;font-weight:600;font-family:var(--font-sans)}.preview-table tr:last-child td{border-bottom:none}.preview-ellipsis{color:var(--text-muted);text-align:center;font-size:10px}.group-preview{flex-direction:column;gap:4px;margin-top:10px;display:flex}.group-preview-item{align-items:center;gap:6px;padding:3px 0;font-size:11px;display:flex}.group-preview-label{color:var(--text-secondary);font-weight:600;font-family:var(--font-mono);flex-shrink:0;min-width:24px}.group-preview-members{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.penalty-list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.penalty-list::-webkit-scrollbar{width:4px}.penalty-list::-webkit-scrollbar-track{background:0 0}.penalty-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.penalty-item{color:var(--text-primary);cursor:pointer;user-select:none;align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.penalty-item:hover{color:var(--accent)}.penalty-item input{cursor:pointer;flex-shrink:0}.stats-table-wrap{max-height:520px;overflow:auto}.stats-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.stats-table th,.stats-table td{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);color:var(--text-primary);padding:6px 10px;overflow:hidden}.stats-table th{color:var(--text-muted);background:var(--surface-hover);font-size:10px;font-weight:600;font-family:var(--font-sans);transition:background var(--duration) var(--ease-out)}.stats-table th:hover{background:var(--border)}.stats-table th.sort-active{color:var(--text-primary);background:var(--border)}.stats-table th .sort-arrow{font-family:var(--font-sans);margin-left:2px;font-size:9px}.stats-table tbody tr:hover{background:var(--surface-hover)}.stats-table tbody tr:last-child td{border-bottom:none}.leaderboard-config-item{align-items:center;gap:6px;display:flex}