.diagram{padding:var(--space-3);max-width:360px;width:100%;margin:var(--space-4) auto;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-elevated);font-size:.875rem}.balance-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.balance-state{display:flex;flex-direction:column;align-items:center}.balance-label{display:block;margin-bottom:.25rem;font-size:.7rem;color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase}.balance-bar{border-radius:999px;padding:.25rem .5rem;text-align:center;white-space:nowrap;background:var(--color-bg);border:1px solid var(--color-border);width:100%;max-width:120px}.balance-bar--full{width:120px}.balance-bar--half{width:70px}.balance-arrow{font-size:1.2rem;color:var(--color-text-muted);flex-shrink:0;margin-top:1rem}.slots-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.slot{min-width:3rem;min-height:3rem;padding:.25rem .35rem;border-radius:6px;border:1px solid var(--color-border);text-align:center;display:flex;flex-direction:column;justify-content:center;gap:.15rem}.slot-index{font-size:.7rem;color:var(--color-text-muted)}.slot-content{font-size:.8rem;font-weight:600}.slot--active{border-color:var(--color-accent)}.grid-1d{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.grid-1d-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem}.grid-cell{width:3.5rem;height:3.5rem;border-radius:6px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.9rem}.grid-position-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.grid-content{font-weight:600;color:var(--color-text)}.grid-cell--occupied{border-color:var(--color-accent);background-color:var(--color-accent-dim)}[data-theme=light] .grid-cell--occupied{background-color:#0969da1a}[data-theme=dark] .grid-cell--occupied{background-color:#58a6ff26}.continuous-rail{display:flex;align-items:center;justify-content:center;gap:.75rem}.rail-bound{font-size:.7rem;color:var(--color-text-muted);width:3.5rem;text-align:center}.rail-track{position:relative;flex:1;min-width:140px;max-width:200px;height:.4rem;background-color:var(--color-border);border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 .4rem}.rail-tick{width:2px;height:.8rem;background-color:var(--color-text-muted);opacity:.6}.rail-marker{position:absolute;left:58%;top:50%;transform:translate(-50%,-75%);display:flex;flex-direction:column;align-items:center;gap:.2rem}.rail-marker-dot{width:1.5rem;height:1.5rem;border-radius:999px;border:2px solid var(--color-grid-robot);background-color:var(--color-grid-robot-bg);color:var(--color-grid-robot);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.grid-2d{display:flex;flex-direction:column;gap:.25rem;justify-content:center;margin-bottom:.75rem}.grid-2d-row{display:grid;grid-template-columns:repeat(5,2.5rem);gap:.25rem;justify-content:center}.grid2-cell{border-radius:4px;border:2px solid var(--color-border);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.grid2-cell--robot{border-color:var(--color-grid-robot);background-color:var(--color-grid-robot-bg);color:var(--color-grid-robot)}.grid2-cell--package{border-color:var(--color-grid-package);background-color:var(--color-grid-package-bg);color:var(--color-grid-package)}.grid2-content{font-weight:700}.workcell{position:relative;width:230px;height:160px;margin:0 auto .75rem;border-radius:10px;border:1px solid var(--color-border);background-color:var(--color-bg);background-image:linear-gradient(transparent 23px,#0000000f 24px),linear-gradient(90deg,transparent 23px,rgba(0,0,0,.06) 24px);background-size:24px 24px;overflow:hidden}[data-theme=dark] .workcell{background-image:linear-gradient(transparent 23px,#ffffff14 24px),linear-gradient(90deg,transparent 23px,rgba(255,255,255,.08) 24px)}.workcell-axis{position:absolute;font-size:.7rem;color:var(--color-text-muted);font-weight:600}.workcell-axis--x{bottom:6px;right:10px}.workcell-axis--y{top:8px;left:10px}.workcell-path{position:absolute;left:45px;top:80px;width:110px;height:50px;border-left:2px dashed var(--color-accent);border-bottom:2px dashed var(--color-accent);opacity:.8}.workcell-marker{position:absolute;width:34px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 4px 10px #00000014}.workcell-marker--gripper{left:30px;top:90px;background-color:var(--color-grid-robot-bg);border:2px solid var(--color-grid-robot);color:var(--color-grid-robot)}.workcell-marker--part{left:150px;top:40px;transform:rotate(12deg);background-color:var(--color-grid-package-bg);border:2px solid var(--color-grid-package);color:var(--color-grid-package)}.workcell-marker-label{display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.diagram{max-width:100%}}