.html-runner-container[data-v-b3baafb0]{display:flex;flex-direction:column;height:100%}.toolbar[data-v-b3baafb0]{flex-shrink:0;margin-bottom:12px}.main-area[data-v-b3baafb0]{display:flex;flex:1;gap:0;overflow:hidden}.editor-section[data-v-b3baafb0]{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.editor-wrapper[data-v-b3baafb0]{border:1px solid #dcdfe6;border-radius:4px;flex:1;min-height:0;overflow:hidden}.monaco-editor[data-v-b3baafb0]{height:100%;width:100%}.divider-vertical[data-v-b3baafb0]{background:#dcdfe6;flex-shrink:0;margin:0 12px;width:1px}.preview-section[data-v-b3baafb0]{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.preview-wrapper[data-v-b3baafb0]{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-b3baafb0]{flex-direction:column}.editor-section[data-v-b3baafb0],.preview-section[data-v-b3baafb0]{max-height:50%}.divider-vertical[data-v-b3baafb0]{height:1px;margin:8px 0;width:auto}}.fullscreen-btn[data-v-b3baafb0]{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-b3baafb0]{opacity:.8}.fullscreen-btn[data-v-b3baafb0]:hover{opacity:1!important}.preview-iframe[data-v-b3baafb0]{border:none;display:block;height:100%;width:100%}.preview-wrapper[data-v-b3baafb0]:fullscreen{background:#fff;padding:0}.preview-wrapper:fullscreen .preview-iframe[data-v-b3baafb0]{height:100vh}body{padding:0!important}.html-page[data-v-2bc12f65]{height:100vh;opacity:0;transition:opacity .2s ease}.html-page.ready[data-v-2bc12f65]{opacity:1}.editor-card[data-v-2bc12f65]{height:100%}.editor-card[data-v-2bc12f65] .n-card__content{height:calc(100% - 50px)}.editor-card[data-v-2bc12f65] .n-card__action{padding:10px}.loading-placeholder[data-v-2bc12f65]{align-items:center;display:flex;height:400px;justify-content:center}.subtle-link[data-v-2bc12f65]{color:inherit!important;text-decoration:none}.subtle-link[data-v-2bc12f65]:hover{text-decoration:underline}.devtool-modal[data-v-2bc12f65]{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-2bc12f65]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-2bc12f65]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-2bc12f65]{color:#333;font-size:16px}