#krabka-playground{--cp-accent: #ff4d2e;--cp-accent-deep: #c82408;--cp-bg: #0c1322;--cp-panel: #0f172a;--cp-border: rgba(255, 255, 255, .1);--cp-text: #f3f4f6;--cp-muted: #9ca3af;--cp-leader: #f7b73a;--cp-follower: #45c178;--cp-candidate: #ff8466;--cp-prospective: #d8b743;--cp-observer: #5aa0e0;--cp-idle: #6b7280;--cp-msg: #94a3b8;margin:1.5rem 0;padding:1rem;border:1px solid var(--cp-border);border-radius:12px;background:var(--cp-bg);color:var(--cp-text);font-size:.92rem}#krabka-playground .cp-controls,#krabka-playground .cp-faults{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.6rem}#krabka-playground .cp-faults{padding-top:.5rem;border-top:1px dashed var(--cp-border)}#krabka-playground .cp-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cp-muted);font-weight:700;margin-right:.15rem}#krabka-playground .cp-btn,#krabka-playground .cp-select{font:inherit;font-size:.86rem;padding:.34rem .7rem;border-radius:7px;border:1px solid var(--cp-border);background:var(--cp-panel);color:var(--cp-text);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease}#krabka-playground .cp-btn:hover{border-color:var(--cp-accent);color:var(--cp-accent-deep)}#krabka-playground .cp-btn:active{transform:translateY(1px)}#krabka-playground .cp-btn.cp-primary,#krabka-playground .cp-btn.cp-active{background:var(--cp-accent);border-color:var(--cp-accent);color:#fff;font-weight:600}#krabka-playground .cp-btn.cp-primary:hover,#krabka-playground .cp-btn.cp-active:hover{background:var(--cp-accent-deep);border-color:var(--cp-accent-deep);color:#fff}#krabka-playground .cp-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.9rem;align-items:stretch}@media(max-width:720px){#krabka-playground .cp-stage{grid-template-columns:1fr}}#krabka-playground .cp-diagram-wrap,#krabka-playground .cp-timeline-wrap{background:var(--cp-panel);border:1px solid var(--cp-border);border-radius:10px;padding:.6rem}#krabka-playground .cp-diagram{width:100%;height:auto;display:block}#krabka-playground .cp-status{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.4rem;padding-top:.5rem;border-top:1px solid var(--cp-border);font-size:.82rem;color:var(--cp-muted)}#krabka-playground .cp-status b{color:var(--cp-text);font-weight:600}#krabka-playground .cp-timeline{list-style:none;margin:.4rem 0 0;padding:0;max-height:320px;overflow-y:auto;font-size:.8rem}#krabka-playground .cp-event{display:grid;grid-template-columns:1.1rem 3.2rem 1fr;gap:.3rem;align-items:baseline;padding:.18rem .1rem;border-bottom:1px solid var(--cp-border)}#krabka-playground .cp-event:last-child{border-bottom:none}#krabka-playground .cp-event-icon{color:var(--cp-accent);text-align:center}#krabka-playground .cp-event-clock{color:var(--cp-muted);font-variant-numeric:tabular-nums;font-size:.74rem}#krabka-playground .cp-node-bg{fill:var(--cp-panel);stroke:var(--cp-idle);stroke-width:2.5;transition:stroke .15s ease,fill .15s ease}#krabka-playground .cp-node-id{font-size:15px;font-weight:700;fill:var(--cp-text)}#krabka-playground .cp-node-role{font-size:11px;fill:var(--cp-muted)}#krabka-playground .cp-node-log{font-size:9.5px;fill:var(--cp-muted)}#krabka-playground .cp-node-cut{font-size:16px;fill:var(--cp-accent-deep)}#krabka-playground .cp-leader .cp-node-bg{stroke:var(--cp-leader);stroke-width:4}#krabka-playground .cp-follower .cp-node-bg{stroke:var(--cp-follower)}#krabka-playground .cp-candidate .cp-node-bg{stroke:var(--cp-candidate);stroke-dasharray:4 3}#krabka-playground .cp-prospective .cp-node-bg{stroke:var(--cp-prospective);stroke-dasharray:2 3}#krabka-playground .cp-observer .cp-node-bg{stroke:var(--cp-observer)}#krabka-playground .cp-partitioned{opacity:.42}#krabka-playground .cp-partitioned .cp-node-bg{stroke-dasharray:3 4}#krabka-playground .cp-msg-path{fill:none;stroke:var(--cp-msg);stroke-width:1.8;opacity:.85}#krabka-playground .cp-arrow-tip{fill:var(--cp-msg)}#krabka-playground .cp-msg-label{font-size:8.5px;fill:var(--cp-text);paint-order:stroke;stroke:var(--cp-panel);stroke-width:2.4px;stroke-linejoin:round}#krabka-playground .cp-legend{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:.7rem;font-size:.78rem;color:var(--cp-muted)}#krabka-playground .cp-legend-item{display:inline-flex;align-items:center;gap:.28rem}#krabka-playground .cp-legend-item .cp-dot{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;display:inline-block}#krabka-playground .cp-leader{color:var(--cp-leader)}#krabka-playground .cp-follower{color:var(--cp-follower)}#krabka-playground .cp-candidate{color:var(--cp-candidate)}#krabka-playground .cp-prospective{color:var(--cp-prospective)}#krabka-playground .cp-observer{color:var(--cp-observer)}#krabka-playground .cp-idle{color:var(--cp-idle)}#krabka-playground .cp-hint{margin:.7rem 0 0;font-size:.8rem;color:var(--cp-muted);line-height:1.5}#krabka-playground .cp-error{color:var(--cp-accent-deep);font-size:.88rem}#krabka-playground:not(.cp-ready) .cp-fallback{color:var(--cp-muted)}