:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}*{margin:0;padding:0}body{background-color:#f5f6f7;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.none{display:none}.ds05{margin:0 5px}.ds10{margin:0 10px}.ds13{margin:0 13px}.ds15{margin:0 15px}body.dragging{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.page-header{z-index:100;background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0;align-items:center;height:49px;display:flex}.page-header .btn-groups{align-items:center;gap:8px;padding:10px 16px;display:flex}.page-header .btn-groups .ds05{background:#ccc;width:1px;height:20px}.page-body{height:calc(100vh - 50px);display:flex;overflow:hidden}.editor-section{flex:0 0 500px;min-width:300px;height:100%}.resizer{cursor:col-resize;z-index:10;background:#444;width:8px;transition:background .2s;position:relative}.resizer:hover,.resizer.dragging{background:#1976d2}.main-right{flex:1;min-width:400px}.main-right .preview-section{flex:1;height:calc(100% - 250px);padding:0 20px}.main-right .preview-section .iframe{border:none;width:100%;height:100%}.preview-container{background:#000;border:1px solid #333;flex-direction:column;width:100%;height:100%;display:flex}.console-panel{color:#d4d4d4;background:#1e1e1e;width:100%;height:250px;font-family:Cascadia Code,monospace;font-size:13px;transition:all .2s;overflow:hidden}.console-panel.expanded{flex:0 0 180px}.console-panel:not(.expanded){flex:0 0 32px}.console-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#2d2d2d;border-top:1px solid #444;align-items:center;padding:5px 13px;display:flex}.console-header .arrow{margin-right:8px;transition:transform .2s}.console-header .title{flex:1;font-weight:700}.console-header .log-count{color:#6a9955;margin-left:8px;font-size:.9em}.console-logs{height:148px;padding:8px;overflow-y:auto}.log-item{white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #333;margin:2px 0}.log-item.empty{color:#888;font-style:italic}.log-item .prefix{margin-right:6px;font-weight:700}.log-item.level-log .prefix{color:#d4d4d4}.log-item.level-warn .prefix{color:#d7ba7d}.log-item.level-error .prefix{color:#f48771}.log-item.level-info .prefix{color:#75beff}.log-item{border-radius:3px;align-items:flex-start;margin:2px 0;padding:4px 8px;font-family:Cascadia Code,monospace;font-size:13px;display:flex}.log-icon{justify-content:center;align-items:center;width:16px;min-width:16px;margin-right:8px;display:flex}.log-message{word-break:break-word;white-space:pre-wrap;flex:1}.token.string{color:#ce9178}.token.number{color:#b5cea8}.token.boolean{color:#4ec9b0}.token.null,.token.undefined{color:#569cd6}.token.object{color:#dcdcaa}.token.default{color:#d4d4d4}