.circuito-roles{display:flex;gap:8px}.circuito-roles a{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-2);text-decoration:none}.circuito-roles a[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.circuito-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;align-items:start}.circuito-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.circuito-steps>li{border:1px solid var(--border);border-radius:8px;padding:18px 20px;background:var(--surface,#fff);opacity:.7}.circuito-steps>li.current,.circuito-steps>li.done{opacity:1}.circuito-steps>li.current{border-color:var(--accent)}.circuito-steps>li>header{display:flex;gap:14px;align-items:flex-start}.circuito-steps>li>header>span{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:12px var(--mono);border:1px solid var(--border)}.circuito-steps>li.done>header>span{background:var(--accent);border-color:var(--accent);color:#fff}.circuito-steps h2{font-size:16px;margin:2px 0 4px}.circuito-steps p{margin:10px 0 0}.circuito-form{display:grid;grid-gap:12px;gap:12px;margin-top:10px}.circuito-form label{display:grid;grid-gap:6px;gap:6px;font-size:12px;color:var(--text-2)}.circuito-form button{justify-self:start}.circuito-pre{font:11px/1.5 var(--mono);background:var(--bg);padding:12px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.circuito-side{display:grid;grid-gap:16px;gap:16px}.circuito-history,.circuito-list{list-style:none;margin:12px 0;padding:0;display:grid;grid-gap:10px;gap:10px;font-size:12px}.circuito-history time{display:block;font:11px var(--mono);color:var(--text-2)}.circuito-list li{display:flex;justify-content:space-between;gap:12px}.circuito-list span{color:var(--text-2)}@media (max-width:900px){.circuito-layout{grid-template-columns:1fr}.demo-title{flex-wrap:wrap}}.demo-header a.demo-brand{font:36px var(--serif);color:var(--text);text-decoration:none}.circuito-form input,.circuito-form select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;font:13px var(--sans);color:var(--text);min-width:0}