.guided-canvas-container.impulse-studio { background: #101f30; border-radius: 12px; border: 1px solid #294356; }
.impulse-studio > canvas { border-radius: 10px 10px 0 0 !important; }
.impulse-studio > .sim3d-data-panel { display: none !important; }
.impulse-studio-ui { color: #e3edf4; flex: 1 1 100%; width: 100%; min-width: 0; font-family: system-ui, sans-serif; }
.impulse-studio-heading { flex: 1 1 100%; padding: 14px 16px 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; pointer-events: none; font: 650 10px system-ui; letter-spacing: .08em; color: #bfd8e6; }
.impulse-stage { color: #ffcf92; letter-spacing: 0; }
.impulse-scene-caption { display: flex; align-items: center; justify-content: space-between; padding: 0 14px 10px; gap: 6px; font-size: 11px; color: #b3c9d8; }
.impulse-camera-reset { border: 1px solid #526c80; border-radius: 5px; background: #20364a; color: #e3edf4; font: inherit; padding: 5px 9px; cursor: pointer; }
.impulse-ledger { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 14px; background: #172b3c; border-block: 1px solid #304b60; }
.impulse-ledger div { min-width: 0; }
.impulse-ledger span { display: block; font-size: 11px; color: #adc4d3; margin-bottom: 5px; }
.impulse-ledger strong { font-size: clamp(14px, 1.7vw, 21px); font-weight: 550; font-variant-numeric: tabular-nums; white-space: nowrap; }
.impulse-plots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px; }
.impulse-plots canvas { min-width: 0; display: block; }
.impulse-model-note { padding: 0 14px 12px; margin: 0; font-size: 11px; line-height: 1.5; color: #b3c9d8; }
@container (max-width: 519px) { .impulse-plots { grid-template-columns: 1fr; } }
.impulse-studio { container-type: inline-size; }
@media (max-width: 620px) { .impulse-plots { grid-template-columns: 1fr; } .impulse-camera-reset { min-height: 40px; } }
@media (max-width: 620px) { .impulse-studio-heading { padding-right: 95px; } .impulse-stage { flex-basis: 100%; } }