.fsm-params-row{flex-wrap:wrap;gap:12px}.fsm-canvas-shell{border:1px solid var(--border);background:#080c15;border-radius:8px;margin:10px 0 0;position:relative;overflow:hidden}.fsm-canvas-shell canvas{display:block}.fsm-canvas-actions{z-index:2;gap:.35rem;display:flex;position:absolute;top:.5rem;right:.5rem}.fsm-fs-btn{border:1px solid var(--border);background:var(--bg-surface);width:1.7rem;height:1.7rem;color:var(--text-dim);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;font-size:.85rem;transition:color .12s,background .12s;display:flex}.fsm-fs-btn:hover{color:var(--text);background:var(--bg-card)}.fsm-fallback-fullscreen{background:var(--bg,#06101d);justify-content:center;align-items:center;width:100vw;height:100vh;padding:.75rem;display:flex}.fsm-canvas-shell:fullscreen{background:var(--bg,#06101d);justify-content:center;align-items:center;width:100vw;height:100vh;padding:.75rem;display:flex}.fsm-fallback-fullscreen{z-index:10000;position:fixed;inset:0}.fsm-fallback-fullscreen canvas{width:100%;height:auto}.fsm-canvas-shell:fullscreen canvas{width:100%;height:auto}.fsm-input-strip{align-items:center;min-height:38px;padding:6px 0 4px;display:flex}.fsm-strip-inner{flex-wrap:wrap;gap:4px;display:flex}.fsm-sc{border:1.5px solid var(--border);background:var(--bg-card);width:28px;height:32px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;transition:background .12s,border-color .12s;display:flex}.fsm-sc-active{background:color-mix(in srgb, #f59e0b 18%, var(--bg-card));color:#b45309;border-color:#f59e0b}.fsm-sc-done{background:var(--bg-surface);border-color:var(--border);color:var(--text-dim);opacity:.5}.fsm-transport{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.fsm-tb-nav{border:1px solid var(--border);background:var(--bg-surface);width:34px;height:34px;color:var(--text-dim);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:color .1s,background .1s,border-color .1s;display:flex}.fsm-tb-nav:hover:not(:disabled){color:var(--text);background:var(--bg-card);border-color:var(--accent)}.fsm-tb-nav:disabled{opacity:.28;cursor:not-allowed}.fsm-step-badge{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;color:var(--text-dim);padding:0 6px;font-size:.8rem}.fsm-tb-play{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);height:34px;color:var(--accent);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 16px;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex}.fsm-tb-play:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.fsm-tb-play.playing{color:#86efac;background:#14532d;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e40,0 0 10px #22c55e18}.fsm-tb-play.playing:hover{background:#166534}.fsm-play-icon{font-size:11px}.fsm-calc{margin-bottom:12px}.fsm-calc-inner{border:1px solid var(--border);border-radius:8px;font-size:.82rem;overflow:hidden}.fsm-calc-hdr{background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text);padding:7px 12px;font-weight:600}.fsm-cr{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:4px 12px;display:flex}.fsm-cr:last-child{border-bottom:0}.fsm-cl{min-width:7rem;color:var(--text-dim);flex-shrink:0;font-size:.78rem}.fsm-cr-match{background:color-mix(in srgb, #22c55e 6%, var(--bg-surface))}.fsm-cc{background:var(--bg-card);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:3px;padding:1px 5px;font-family:Courier New,monospace;font-size:.82rem}.fsm-cc-amber{color:#b45309}.fsm-cc-blue{color:#2563eb}.fsm-halted{background:var(--bg-surface);border-bottom:1px solid var(--border);align-items:center;padding:9px 14px;display:flex}.fsm-halt-label{font-size:1rem;font-weight:700}.fsm-halt-accept{color:#22c55e}.fsm-halt-reject{color:#ef4444}.fsm-delta-wrap{margin-bottom:12px}.fsm-delta-table{border-collapse:collapse;width:100%;font-size:.82rem}.fsm-delta-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:4px 12px;font-size:.73rem}.fsm-delta-table td{border-bottom:1px solid var(--border);padding:3px 10px}.fsm-delta-table tbody tr:last-child td{border-bottom:0}.fsm-delta-active{background:color-mix(in srgb, #3b82f6 10%, var(--bg-surface))}.fsm-state-current{background:color-mix(in srgb, #3b82f6 6%, var(--bg-surface))}.fsm-delta-undef{color:var(--text-dim);opacity:.5}.fsm-accept-badge{background:color-mix(in srgb, #22c55e 15%, var(--bg-card));color:#16a34a;vertical-align:middle;border:1px solid #22c55e55;border-radius:3px;margin-left:5px;padding:0 4px;font-size:.65rem;font-weight:600;line-height:1.6;display:inline-block}.fsm-legend{border:1px solid var(--border);border-radius:8px;margin-top:8px;font-size:.82rem;overflow:hidden}.fsm-legend-row{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:5px 12px;display:flex}.fsm-legend-row:last-child{border-bottom:0}.fsm-legend-row code{flex-shrink:0}.fsm-legend-active{background:color-mix(in srgb, #3b82f6 6%, var(--bg-surface))}.fsm-legend-desc{color:var(--text-dim);line-height:1.4}