.guided-canvas-container.torque-studio { background:#0c1c2b; color:#e3eef3; border:1px solid #2c4659; border-radius:14px; overflow:hidden; width:100%; container-type:inline-size; }
.torque-studio > .sim3d-data-panel { display:none!important; }
.torque-studio > canvas { width:100%; border-radius:0!important; }
.torque-heading { flex:1 1 100%; display:flex; justify-content:space-between; gap:12px; padding:18px 22px 8px; font-size:12px; letter-spacing:.08em; color:#9bdacb; }
.torque-heading span:last-child { color:#a8bfca; letter-spacing:0; }
.torque-ui { flex:1 1 100%; min-width:0; padding:0 22px 16px; text-align:left; }
.torque-tools { display:flex; justify-content:space-between; gap:12px; align-items:center; color:#a8bfca; font-size:12px; }
.torque-tools button { background:#20394b; color:#e8f3f8; border:1px solid #496577; border-radius:6px; padding:7px 11px; cursor:pointer; margin-left:5px; }
.torque-tools button:focus-visible { outline:3px solid #ffcb7c; outline-offset:2px; }
.torque-ledger { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:15px 0; border:1px solid #334c5f; border-radius:9px; }
.torque-ledger > div { padding:13px 16px; border-right:1px solid #334c5f; }
.torque-ledger > div:last-child { border:0; }
.torque-ledger span { display:block; font-size:12px; color:#b5c9d3; margin-bottom:5px; }
.torque-ledger strong { font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; color:#ffac94; }
.torque-ledger > div:nth-child(2) strong { color:#a1f7de; }
.torque-ledger > div:nth-child(3) strong { color:#dabdff; }
.torque-plots { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.torque-plots > div { min-width:0; padding:13px 10px 5px; background:#132b3d; border:1px solid #304b60; border-radius:9px; }
.torque-plots h4 { margin:0 8px 12px!important; color:#e3eef3!important; font-size:14px!important; font-weight:500; }
.torque-plots svg { width:100%; display:block; }
.torque-plots text { fill:#c5d7df; font:12px system-ui,sans-serif; }
.torque-summary { margin-top:15px; line-height:1.7; font-size:13px; font-variant-numeric:tabular-nums; color:#f4dbaa; }
.torque-model-note { margin:10px 0 0!important; font-size:11px!important; line-height:1.6!important; color:#a8bfca!important; }
@container(max-width:680px) {
  .torque-plots { grid-template-columns:1fr; }
}
@media(max-width:650px) {
  .torque-heading { padding:14px 12px 7px; font-size:10px; }
  .torque-heading span:last-child { display:none; }
  .torque-ui { padding:0 12px 14px; }
  .torque-tools { flex-wrap:wrap; }
  .torque-tools button { margin:0 6px 0 0; min-height:38px; }
  .torque-ledger > div { padding:10px 7px; }
  .torque-ledger span { font-size:10px; min-height:28px; }
  .torque-ledger strong { font-size:17px; }
  .torque-plots { grid-template-columns:1fr; gap:12px; }
  .torque-summary { font-size:12px; }
}