@import url('/next-tools/layout.css');#pattern{display:grid;grid-template-columns:repeat(8,1fr);min-height:320px;overflow:hidden}.patch{min-height:260px;display:flex;align-items:center;justify-content:center;font-size:14px}.retention-pattern{display:block!important;background:#808080}.grid-pattern{background-color:#808080;background-image:linear-gradient(#101010 1px,transparent 1px),linear-gradient(90deg,#101010 1px,transparent 1px);background-size:40px 40px}#pen-canvas{touch-action:auto;height:400px;max-height:none;background:#071524;border:1px solid #4f8196}#pen-canvas.capturing{touch-action:none}canvas{height:auto}#waveform{max-height:180px}#history-chart,#download-chart{max-height:240px}.dual-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dual-panels pre{min-width:0;padding:12px;background:#071524;white-space:pre-wrap;overflow-wrap:anywhere}.lab-panel .controls{margin-bottom:20px}@media(max-width:600px){.dual-panels{grid-template-columns:1fr}#pattern{grid-template-columns:repeat(4,1fr)}.patch{min-height:140px}#pen-canvas{height:300px}}

#pad-a,#pad-b{min-width:165px;margin-right:12px}