*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;padding:.75rem;min-height:100vh;display:flex;flex-direction:column}h2{font-size:1.1rem;color:#f1f5f9}h3{font-size:.75rem;color:#94a3b8;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}h4{font-size:.7rem;color:#94a3b8;margin:.5rem 0 .2rem}#controls{background:#1e293b;border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem;flex-shrink:0}.controls-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.controls-row+.controls-row{margin-top:.4rem}.control-group.buttons{display:flex;gap:.35rem;flex-wrap:wrap}.btn{padding:.3rem .6rem;border:1px solid #475569;border-radius:6px;background:#334155;color:#e2e8f0;cursor:pointer;font-size:.75rem;font-weight:500;transition:background .15s}.btn:hover{background:#475569}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-green{background:#166534;border-color:#22c55e}.btn-green:hover{background:#15803d}.btn-red{background:#991b1b;border-color:#ef4444}.btn-red:hover{background:#b91c1c}.btn-orange{background:#92400e;border-color:#f59e0b}.btn-orange:hover{background:#a16207}.btn-purple{background:#6b21a8;border-color:#a855f7}.btn-purple:hover{background:#7e22ce}.btn-active{box-shadow:0 0 0 2px #22c55e}.slider-group{display:flex;flex-direction:column;gap:.1rem}.slider-group label{font-size:.65rem;color:#94a3b8}.slider-group input[type=range]{width:100%;accent-color:#3b82f6;height:16px}.slider-val{font-size:.7rem;color:#60a5fa;font-weight:600;text-align:right}.slider-disabled{opacity:.35;pointer-events:none}.param-sliders{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.3rem;margin-bottom:.4rem}.speed-slider{margin-left:auto;min-width:130px}#dual-sim{flex:1;display:flex;flex-direction:column;gap:.5rem;min-height:0}.sim-half{flex:1;background:#1e293b;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;min-height:0;overflow:hidden}#half-batch{border-left:3px solid #f59e0b}#half-opf{border-left:3px solid #22c55e}.sim-half-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;flex-shrink:0}.sim-half-body{display:flex;gap:.5rem;flex:1;min-height:0}.sim-area{flex:1;min-width:0}.kpi-panel{width:220px;flex-shrink:0;overflow-y:auto}.sim-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;height:100%;align-items:start}.sim-col{background:#0f172a;border-radius:6px;padding:.4rem;min-height:80px}.station-box{background:#1a2332;border-radius:5px;padding:.35rem;min-height:40px;position:relative}.station-busy{border-left:3px solid #3b82f6}.station-idle{border-left:3px solid #475569}.station-blocked{border-left:3px solid #ef4444}.progress-bar{height:3px;background:#334155;border-radius:2px;margin-top:.35rem;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;transition:width .1s linear;border-radius:2px}.buffer-box{background:#1a2332;border-radius:5px;padding:.3rem;min-height:40px;display:flex;flex-wrap:wrap;gap:.15rem;align-content:flex-start}.buffer-count{text-align:center;font-size:.65rem;color:#64748b;margin-top:.2rem}.batch-hold{margin-top:.2rem;font-size:.65rem;color:#94a3b8}.batch-hold small{display:block;color:#64748b;margin-bottom:.1rem}.item-badge{display:inline-block;padding:.05rem .3rem;border-radius:3px;font-size:.6rem;font-weight:600;color:#fff;line-height:1.4}.empty{color:#475569;font-size:.7rem}.more{font-size:.6rem;color:#64748b}.sink-count{font-size:.75rem;font-weight:600;margin-bottom:.3rem}.sink-items{display:flex;flex-wrap:wrap;gap:.15rem}.sim-time{font-size:.8rem;color:#94a3b8;font-variant-numeric:tabular-nums}.andon-banner{text-align:center;background:#dc2626;color:#fff;padding:.35rem;border-radius:6px;font-weight:700;font-size:.85rem;margin-top:.35rem;animation:pulse 1s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.kpi-panel h3{margin-bottom:.25rem}.kpi-list{display:flex;flex-direction:column;gap:.1rem}.kpi-row{display:flex;justify-content:space-between;font-size:.7rem;padding:.1rem 0}.kpi-label{color:#94a3b8}.kpi-value{color:#e2e8f0;font-weight:600;font-variant-numeric:tabular-nums}.kpi-row.warn .kpi-value{color:#f59e0b}.util-station{margin-bottom:.3rem}.util-station strong{font-size:.7rem}.util-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#334155;margin:.1rem 0}.util-busy{background:#3b82f6}.util-blocked{background:#ef4444}.util-idle{background:#475569}.util-station small{font-size:.6rem;color:#64748b}@media(max-width:900px){.sim-half-body{flex-direction:column}.kpi-panel{width:100%}.sim-grid{grid-template-columns:repeat(3,1fr)}}