.demo-preview{margin:0 0 68px}.demo-preview h2{margin-top:0}.demo-preview label{display:block;margin-top:14px;margin-bottom:7px;color:#f1f8f8;font-weight:650}.demo-preview textarea{width:100%;max-width:850px;display:block;min-height:110px;resize:vertical;color:#f1f8f8;background:#081923;border:1px solid #56737d;border-radius:12px;padding:15px;font:inherit}.demo-preview textarea:focus-visible{outline:3px solid #96e3c1;outline-offset:2px}.demo-preview button{margin:14px 0}.demo-preview .result{max-width:850px;padding:15px;border-radius:12px;background:#081923;border:1px solid #385561;white-space:pre-wrap;overflow-wrap:anywhere;color:#d9eee9}.demo-preview small{display:block;color:#a9bfc8;margin-top:4px}.demo-preview button:disabled{opacity:.5;cursor:not-allowed}