.html-runner-container[data-v-e51878c9]{display:flex;flex-direction:column;height:100%}.toolbar[data-v-e51878c9]{flex-shrink:0;margin-bottom:12px}.main-area[data-v-e51878c9]{display:flex;flex:1;gap:0;overflow:hidden}.editor-section[data-v-e51878c9]{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.editor-wrapper[data-v-e51878c9]{border:1px solid #dcdfe6;border-radius:4px;flex:1;min-height:0;overflow:hidden}.monaco-editor[data-v-e51878c9]{height:100%;width:100%}.divider-vertical[data-v-e51878c9]{background:#dcdfe6;flex-shrink:0;margin:0 12px;width:1px}.preview-section[data-v-e51878c9]{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.preview-wrapper[data-v-e51878c9]{background:#fff;border:1px solid #dcdfe6;border-radius:4px;flex:1;min-height:0;overflow:hidden;position:relative}@media (max-width:768px){.main-area[data-v-e51878c9]{flex-direction:column}.editor-section[data-v-e51878c9],.preview-section[data-v-e51878c9]{max-height:50%}.divider-vertical[data-v-e51878c9]{height:1px;margin:8px 0;width:auto}}.fullscreen-btn[data-v-e51878c9]{background:#ffffffd9;border-radius:4px;opacity:0;padding:2px;position:absolute;right:6px;top:6px;transition:opacity .2s;z-index:10}.preview-wrapper:hover .fullscreen-btn[data-v-e51878c9]{opacity:.8}.fullscreen-btn[data-v-e51878c9]:hover{opacity:1!important}.preview-iframe[data-v-e51878c9]{border:none;display:block;height:100%;width:100%}.preview-wrapper[data-v-e51878c9]:fullscreen{background:#fff;padding:0}.preview-wrapper:fullscreen .preview-iframe[data-v-e51878c9]{height:100vh}.html-page[data-v-21d15355]{height:100vh;opacity:0;transition:opacity .2s ease}.html-page.ready[data-v-21d15355]{opacity:1}.editor-card[data-v-21d15355]{height:100%}.editor-card[data-v-21d15355] .n-card__content{height:calc(100% - 50px)}.loading-placeholder[data-v-21d15355]{align-items:center;display:flex;height:400px;justify-content:center}.subtle-link[data-v-21d15355]{color:inherit!important;text-decoration:none}.subtle-link[data-v-21d15355]:hover{text-decoration:underline}.devtool-modal[data-v-21d15355]{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.devtool-modal-content[data-v-21d15355]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-21d15355]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-21d15355]{color:#333;font-size:16px}