.lab-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.lab-tools{align-self:start}.lab-tools label{display:block;font-size:13px;margin:14px 0}.lab-tools input,.lab-tools select{display:block;width:100%;margin-top:6px;box-sizing:border-box}.lab-tools input[type=color]{height:38px}.lab-buttons{display:grid;gap:8px}.lab-buttons button{text-align:left;white-space:normal}.lab-main{display:grid;gap:20px;min-width:0}.lab-heading{display:block;font-weight:600;margin-bottom:12px}.lab-code{display:block;box-sizing:border-box;width:100%;min-height:340px;resize:vertical;background:#202436;color:#e5ecff;padding:20px;border:0;border-radius:14px;font:16px/1.7 Consolas,monospace;tab-size:4;white-space:pre;overflow:auto}.lab-main textarea:not(.lab-code){width:100%;box-sizing:border-box;padding:12px;font:16px/1.6 Consolas,monospace}.lab-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;min-height:90px;background:#f0f4f7;padding:18px;border-radius:12px;font:15px/1.6 Consolas,monospace}.lab-drawing canvas{display:block;width:100%;height:auto;border:1px solid #e1e4e0;border-radius:10px;background:white}.lab-help{margin-top:22px;line-height:1.8}.lab-help summary{cursor:pointer;font-weight:600}.lab-tools hr{border:0;border-top:1px solid #e9e4ec;margin:20px 0}@media(max-width:850px){.lab-layout{grid-template-columns:1fr}.lab-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-code{min-height:280px}}