/* Autonomous 801–835 — Bridge Studio */
.bridge-controls{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:8px;align-items:end;padding:28px 0;border-bottom:1px solid var(--line)}.bridge-controls label{display:grid;gap:6px}.bridge-controls span{font-size:8px;color:#777}.bridge-controls select{background:#0d0d0d;border:1px solid var(--line);color:var(--text);padding:10px}.bridge-controls button,.bridge-actions button{border:1px solid var(--line);background:#0d0d0d;color:var(--text);padding:10px 12px;cursor:pointer}.bridge-controls button{background:var(--accent);border-color:var(--accent);color:#080808}.bridge-stage{border:1px solid var(--line);margin-top:30px;padding:20px;background:#080808}.bridge-stage svg{width:100%;height:auto;min-height:360px}.bridge-stage>[data-bridge-cards]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bridge-stage article{border:1px solid var(--line);border-top:3px solid var(--bridge-color);padding:11px}.bridge-stage article span,.bridge-stage article strong,.bridge-stage article small{display:block}.bridge-stage article span{font-size:8px;color:var(--bridge-color)}.bridge-stage article strong{font-size:20px;margin:10px 0 4px}.bridge-stage article small{color:#777}.bridge-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:18px 0}.bridge-explain>div{border:1px solid var(--line);padding:12px}.bridge-explain span,.bridge-explain strong{display:block}.bridge-explain span{font-size:8px;color:#777}.bridge-explain strong{font-size:24px;margin-top:6px}.bridge-explain p{grid-column:1/-1;color:var(--muted)}.bridge-actions{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:55px}.bridge-actions button:first-child{background:var(--accent);color:#080808;border-color:var(--accent)}.saved-bridges{padding:65px 0 100px;border-top:1px solid var(--line)}.saved-bridges>[data-saved-bridges]{display:grid;gap:7px}.saved-bridges article{display:flex;justify-content:space-between;gap:20px;border:1px solid var(--line);padding:13px}.saved-bridges span,.saved-bridges strong,.saved-bridges small{display:block}.saved-bridges span{font-size:8px;color:var(--accent)}.saved-bridges strong{margin:8px 0}.saved-bridges small{color:#777}.saved-bridges article>div:last-child{display:flex;gap:10px;align-items:start}.saved-bridges a,.saved-bridges button{background:transparent;border:0;color:var(--accent);padding:0;text-decoration:none;cursor:pointer;font-size:9px}@media(max-width:900px){.bridge-controls{grid-template-columns:1fr 1fr}.bridge-controls button{grid-column:1/-1}.bridge-stage>[data-bridge-cards]{grid-template-columns:1fr 1fr}}@media(max-width:560px){.bridge-controls{grid-template-columns:1fr}.bridge-stage svg{min-height:240px}.bridge-stage>[data-bridge-cards],.bridge-explain{grid-template-columns:1fr}.saved-bridges article{flex-direction:column}}