.dct-expanded-canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;margin:12px 0}.dct-expanded-full{position:relative}.dct-expanded-full:fullscreen{width:100vw;height:100vh;background:#000;display:grid;place-items:center}.dct-expanded-full:fullscreen canvas{width:100%;height:100%;object-fit:fill;margin:0;border:0;border-radius:0}.dct-expanded-exit{position:absolute;right:12px;top:12px;background:#fff;color:#111;border:1px solid #555;padding:10px 16px;z-index:2}.dct-expanded-exit[hidden]{display:none}.dct-calibration-bar{height:44px;border-left:3px solid var(--ink);border-right:3px solid var(--ink);border-bottom:2px solid var(--ink);text-align:center;max-width:none;margin:20px 0;font-size:24px;box-sizing:border-box}.dct-reaction{width:100%;border:1px solid var(--line);color:#111827;cursor:pointer}.dct-runtime .dct-settings-panel .dct-controls{display:flex;flex-wrap:wrap}.dct-expanded-canvas+button{margin-top:12px}.dct-runtime .dct-metric strong{overflow-wrap:anywhere}

.dct-ruler-scroll{max-width:100%;overflow-x:auto;padding:0 0 8px}.dct-expanded-canvas{min-width:0}.dct-runtime .dct-settings-panel .dct-controls button{white-space:normal;overflow-wrap:anywhere}

.dct-screen-inputs{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;gap:12px}.dct-screen-inputs legend{padding:0 6px;font-weight:700}.dct-screen-inputs label{width:100%}