*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f1a;height:100vh;font-family:SF Mono,Fira Code,Consolas,monospace;overflow:hidden}#root{height:100vh}.loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:#16162a;border-bottom:1px solid #2a2a4a;align-items:baseline;gap:16px;padding:12px 20px;display:flex}.app-header h1{color:#fff;font-size:18px;font-weight:700}.subtitle{color:#888;font-size:13px}.edit-toggle{color:#888;cursor:pointer;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:4px;margin-left:auto;padding:4px 12px;font-family:inherit;font-size:11px}.edit-toggle.active{color:#ff8c42;background:#3a2a1a;border-color:#ff8c42}.mode-badge{border-radius:4px;padding:3px 10px;font-size:11px}.mode-badge.connected{color:#2ecc71;background:#1a3a2a}.mode-badge.standalone{color:#4a9eff;background:#2a2a4a}.app-body{flex:1;display:flex;overflow:hidden}.scene-container{flex:1;min-width:0}.dashboard{background:#12122a;border-left:1px solid #2a2a4a;flex-direction:column;gap:1px;width:340px;min-width:340px;display:flex;overflow-y:auto}.panel{background:#16162a;padding:14px 16px}.panel h3{text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:10px;font-size:12px}.robot-cards{flex-direction:column;gap:8px;display:flex}.robot-card{background:#1e1e3a;border-radius:6px;padding:8px 10px}.robot-header{align-items:center;gap:8px;display:flex}.robot-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.robot-name{font-size:13px;font-weight:600}.status-badge{background:#2a2a4a;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px}.status-badge.idle{color:#888}.status-badge.active{color:#2ecc71;background:#1a3a2a}.robot-details{color:#888;margin-top:4px;font-size:11px}.controls-row{gap:8px;margin-bottom:10px;display:flex}.controls-row button{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;flex:1;padding:8px;font-family:inherit;font-size:13px}.controls-row button:hover{background:#3a3a5a}.controls-row button:disabled{opacity:.4;cursor:not-allowed}.progress-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.progress-bar{background:#2a2a4a;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:#4a9eff;border-radius:3px;height:100%;transition:width .2s}.step-count{color:#888;text-align:right;min-width:50px;font-size:11px}.speed-row{align-items:center;gap:10px;display:flex}.speed-row label{color:#888;min-width:60px;font-size:12px}.speed-row input[type=range]{accent-color:#4a9eff;flex:1}.done-badge{text-align:center;color:#2ecc71;background:#1a3a2a;border-radius:6px;margin-top:10px;padding:6px;font-size:13px;font-weight:600}.build-task{margin-bottom:10px}.build-task:last-child{margin-bottom:0}.build-task-header{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.build-bar{background:#2a2a4a;border-radius:3px;height:6px;overflow:hidden}.build-fill{background:#ff8c42;border-radius:3px;height:100%;transition:width .3s}.log-entry{gap:10px;padding:6px 0;font-size:12px;display:flex}.log-tick{color:#4a9eff;min-width:50px}.log-robot{color:#ff8c42;min-width:60px}.log-action{color:#aaa}.qc-label{color:#aaa;margin-bottom:6px;font-size:12px;display:block}.defect-toggles{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.defect-toggle{color:#888;cursor:pointer;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px}.defect-toggle.active{color:#ff8c42;background:#3a2a1a;border-color:#ff8c42}.qc-rate{margin-bottom:12px}.qc-rate input[type=range]{accent-color:#ff8c42;width:100%}.scan-button{color:#4a9eff;cursor:pointer;background:#2a4a6a;border:1px solid #4a9eff;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:13px;font-weight:600}.scan-button:hover{background:#3a5a7a}.scan-button:disabled{opacity:.5;cursor:not-allowed}.qc-summary{background:#1e1e3a;border-radius:6px;margin-top:12px;padding:10px}.qc-accuracy{color:#fff;margin-bottom:6px;font-size:20px;font-weight:700}.qc-stats{flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.stat.confirmed{color:#2ecc71}.stat.missing{color:#e74c3c}.stat.offset{color:#f1c40f}.stat.unexpected{color:#e67e22}.qc-perfect{color:#2ecc71;font-size:13px}.defect-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.defect-item{cursor:pointer;color:#ccc;text-align:left;background:#1e1e3a;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-family:inherit;font-size:12px;display:flex}.defect-item:hover{border-color:#4a9eff}.defect-icon{text-align:center;width:18px;font-size:14px;font-weight:700}.defect-type{min-width:70px}.defect-pos{color:#888}.defect-dist{color:#f1c40f;margin-left:auto;font-size:11px}.astar-coords{gap:12px;margin-bottom:10px;display:flex}.coord-group{align-items:center;gap:4px;display:flex}.coord-group label{color:#888;min-width:32px;font-size:11px}.coord-group input{color:#e0e0e0;text-align:center;background:#1e1e3a;border:1px solid #3a3a5a;border-radius:4px;width:40px;padding:4px;font-family:inherit;font-size:12px}.astar-results{margin-top:10px}.astar-summary{color:#aaa;margin-bottom:8px;font-size:12px}.astar-stepper{align-items:center;gap:10px;margin-bottom:8px;display:flex}.astar-stepper button{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:13px}.astar-stepper button:disabled{opacity:.3;cursor:not-allowed}.astar-stepper span{color:#888;font-size:12px}.astar-step-detail{background:#1e1e3a;border-radius:6px;padding:8px;font-size:12px}.step-node{color:#f1c40f;margin-bottom:4px;font-weight:600}.step-scores{color:#aaa;margin-bottom:6px}.step-neighbors{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.neighbor{border-radius:3px;padding:2px 6px;font-size:11px}.neighbor.improved{color:#2ecc71;background:#1a3a2a}.neighbor.skipped{color:#e74c3c;background:#3a1a1a}.step-meta{color:#666;font-size:11px}.setup-section{margin-bottom:12px}.setup-label{color:#aaa;margin-bottom:6px;font-size:11px;display:block}.size-controls{align-items:center;gap:6px;font-size:12px;display:flex}.size-controls button{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:4px;width:28px;height:28px;font-family:inherit;font-size:14px}.size-controls span{color:#ccc;text-align:center;min-width:20px}.brush-selector{flex-direction:column;gap:4px;display:flex}.brush-btn{color:#888;cursor:pointer;text-align:left;background:#1e1e3a;border:1px solid #3a3a5a;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:12px;display:flex}.brush-btn.active{background:#2a2a4a}.brush-dot{border-radius:2px;flex-shrink:0;width:12px;height:12px}.setup-buttons{gap:8px;margin-bottom:8px;display:flex}.setup-apply{color:#2ecc71;cursor:pointer;background:#1a3a2a;border:1px solid #2ecc71;border-radius:6px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:600}.setup-apply:hover{background:#2a4a3a}.setup-randomize{color:#4a9eff;cursor:pointer;background:#2a2a4a;border:1px solid #4a9eff;border-radius:6px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:600}.setup-randomize:hover{background:#3a3a5a}.config-row{color:#ccc;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.config-stepper{align-items:center;gap:6px;display:flex}.config-stepper button{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-family:inherit;font-size:14px;display:flex}.config-stepper span{text-align:center;min-width:20px;font-weight:600}.size-sep{color:#666}.setup-stats{color:#888;text-align:center;padding:6px 0;font-size:11px}.setup-hint{color:#666;text-align:center;font-size:11px}