.he-frame[data-v-18e8739f]{background:#1c1b22;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;box-shadow:0 24px 80px #00000073,0 0 0 1px #c8f5420d;margin:0 auto;max-width:880px;overflow:hidden;text-align:left}.he-bar[data-v-18e8739f]{align-items:center;background:#232229;border-bottom:1px solid hsla(0,0%,100%,.09);display:flex;justify-content:space-between;padding:10px 16px}.he-dots[data-v-18e8739f]{display:flex;gap:7px}.he-dots i[data-v-18e8739f]{border-radius:50%;display:inline-block;height:11px;width:11px}.he-dots i[data-v-18e8739f]:first-child{background:#ff5f57}.he-dots i[data-v-18e8739f]:nth-child(2){background:#febc2e}.he-dots i[data-v-18e8739f]:nth-child(3){background:#28c840}.he-live[data-v-18e8739f]{align-items:center;color:var(--acid);display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;gap:5px}.he-live-dot[data-v-18e8739f]{background:var(--acid);border-radius:50%;height:5px;width:5px}.he-file[data-v-18e8739f]{color:#8b8899;font-family:IBM Plex Mono,monospace;font-size:10px}.he-body[data-v-18e8739f]{display:grid;grid-template-columns:1fr 1fr;min-height:300px}.he-code[data-v-18e8739f]{border-right:1px solid hsla(0,0%,100%,.09);display:flex;gap:12px;padding:18px 16px 18px 22px}.he-linenos[data-v-18e8739f]{color:#ffffff38;padding-top:2px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.he-input[data-v-18e8739f],.he-linenos[data-v-18e8739f]{font-family:IBM Plex Mono,monospace;font-size:12.5px;line-height:1.8}.he-input[data-v-18e8739f]{background:transparent;border:none;caret-color:var(--acid);color:#dbd9e6;flex:1;min-height:240px;outline:none;overflow-x:auto;padding:2px 0 0;resize:none;white-space:pre;width:100%}.he-input[data-v-18e8739f]:focus-visible{box-shadow:-12px 0 0 -10px var(--acid)}.he-canvas[data-v-18e8739f]{align-items:center;background-color:#1f1e26;background-image:radial-gradient(circle,hsla(0,0%,100%,.07) .8px,transparent 0);background-size:18px 18px;display:flex;justify-content:center;overflow:hidden;padding:20px;position:relative}.he-static[data-v-18e8739f]{max-width:200px;width:100%}.he-preview[data-v-18e8739f]{height:auto;max-height:300px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.he-render[data-v-18e8739f]{align-items:center;display:flex;justify-content:center;width:100%}.he-render[data-v-18e8739f] svg{height:auto;max-height:300px;max-width:100%}.he-loading[data-v-18e8739f]{bottom:10px;position:absolute;right:14px}.he-loading[data-v-18e8739f],.he-status[data-v-18e8739f]{color:#8b8899;font-family:IBM Plex Mono,monospace;font-size:10px}.he-status[data-v-18e8739f]{align-items:center;background:#232229;border-top:1px solid hsla(0,0%,100%,.09);display:flex;gap:12px;justify-content:space-between;padding:6px 8px 6px 16px}.he-error[data-v-18e8739f]{color:#f9a8d4}.he-open[data-v-18e8739f]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--acid);cursor:pointer;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;gap:6px;min-height:44px;padding:10px 14px;transition:background .2s ease}.he-open[data-v-18e8739f]:hover{background:#c8f54214}.he-open[data-v-18e8739f]:focus-visible{outline:2px solid var(--acid);outline-offset:-2px}.he-el[data-v-18e8739f]{opacity:1}@media(max-width:767px){.he-body[data-v-18e8739f]{grid-template-columns:1fr}.he-code[data-v-18e8739f]{border-bottom:1px solid hsla(0,0%,100%,.09);border-right:none}.he-input[data-v-18e8739f]{min-height:170px}}