.tcm-plate{aspect-ratio:3/2;isolation:isolate;width:100%;height:auto;display:block;overflow:hidden}.tcm-plate--portrait{aspect-ratio:4/5}.tcm-plate--square{aspect-ratio:1}.tcm-plate--wide{aspect-ratio:16/9}.tcm-plate--tall{aspect-ratio:2/3}.tcm-instrument{color:#15211a;max-width:100%;font-family:var(--font-ui,system-ui,sans-serif);background:#e4e9dd;padding:clamp(12px,2vw,24px);line-height:1.55}.tcm-instrument__help{max-width:70ch;margin:0 0 1rem}.tcm-instrument__controls{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1rem;display:flex}.tcm-instrument__controls button{font:inherit;color:#15211a;cursor:pointer;overflow-wrap:anywhere;background:#f6f8f2;border:1px solid #46574b;border-radius:0;min-height:44px;padding:.5rem .8rem}.tcm-instrument__controls button:disabled{opacity:.55;cursor:default}.tcm-instrument__controls label{align-items:center;gap:.5rem;min-height:44px;display:flex}.tcm-instrument input{accent-color:#2343a6;width:20px;height:20px}.tcm-instrument button:focus-visible,.tcm-instrument input:focus-visible{outline-offset:3px;outline:2px solid #15211a;box-shadow:0 0 0 3px #f6f8f2}.tcm-instrument__field{aspect-ratio:5/3;touch-action:manipulation;cursor:crosshair;background:#2c2234;border:0;border-radius:0;width:100%;padding:0;display:block;overflow:hidden}.tcm-instrument__field svg{width:100%;height:100%;display:block}.tcm-instrument__field:focus-visible{outline-offset:4px!important;outline:3px solid #2343a6!important}.tcm-instrument__state{font-variant-numeric:tabular-nums;margin:.75rem 0 0}.tcm-instrument__announcement{min-height:1.6em;margin:0;font-size:.9em}@media (prefers-reduced-motion:reduce){.tcm-instrument *{transition:none!important;animation:none!important}}@media (forced-colors:active){.tcm-instrument__field{forced-color-adjust:none}.tcm-instrument button:focus-visible{outline:3px solid highlight!important}}