/* RigForge "Try it" demo - additions to the kit's .demo panel (landing.css). */
.rf-demo .demo-stage{height:380px}
.rf-demo .demo-hint{top:18px;bottom:auto;right:14px}
.rf-demo .tb{top:10px;left:10px}
.rf-bones[hidden]{display:none}
.rf-demo .demo-stats{bottom:12px}
.rf-demo .chip.on{color:#bff3fb;border-color:rgba(34,211,238,.5)}
.rf-phase{position:absolute;left:50%;top:56px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;
  background:rgba(8,10,16,.78);border:1px solid rgba(34,211,238,.35);font:500 12.5px var(--ui);color:#d9f6fb;white-space:nowrap;z-index:3;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .25s}
.rf-phase[hidden]{display:flex;opacity:0;pointer-events:none}
.rf-phase i{width:8px;height:8px;border-radius:50%;background:var(--sig);box-shadow:0 0 10px var(--sig);animation:pulse 1s infinite}
.rf-steps{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rf-step{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px 0 6px;border-radius:9px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:#dfe6f1;font:600 13px var(--ui);cursor:pointer;transition:background .15s,border-color .15s}
.rf-step b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.08);font:600 12px var(--mono);color:#cfd7e5}
.rf-step:hover:not(:disabled){background:rgba(255,255,255,.09)}
.rf-step:disabled{opacity:.38;cursor:default}
.rf-step.next{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.rf-step.next b{background:var(--sig);color:#062028}
.rf-step.done b{background:var(--ok);color:#06210f}
.rf-step.busy{border-color:rgba(34,211,238,.6)}
.rf-step.busy b{animation:pulse 1s infinite}
.rf-all{display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:34px;padding:0 12px;border-radius:9px;border:0;background:transparent;color:#9fd9e4;font:500 12.5px var(--ui);cursor:pointer}
.rf-all svg{width:14px;height:14px}
.rf-all:hover{color:#fff}
.rf-say{margin:0;font-size:13px;line-height:1.5;color:#b9c3d4;min-height:39px}
.rf-say b{color:#e9edf3;font-weight:600}
.rf-clips button[aria-pressed="true"],.rf-bones button[aria-pressed="true"]{background:#1d6f7d;border-color:var(--sig)}
.rf-clips button:disabled{opacity:.4;cursor:default}
@media (prefers-reduced-motion:reduce){.rf-phase i,.rf-step.busy b{animation:none}}
@media (max-width:560px){.rf-demo .demo-stage{height:320px}.rf-phase{top:52px}.rf-all{margin-left:0}.rf-demo .demo-hint{display:none}.rf-phase{font-size:11.5px}}