.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;z-index:5;top:0}.xterm .xterm-helper-textarea{position:absolute;opacity:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none;border:0;width:0;height:0;margin:0;padding:0;top:0;left:-9999em}.xterm .composition-view{color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1;background:#000}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{overflow-y:scroll;cursor:default;position:absolute;background-color:#000;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;line-height:normal;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;z-index:10;color:#0000;pointer-events:none;inset:0}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:#0000}.xterm .xterm-accessibility-tree{user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:-moz-fit-content;width:fit-content}.xterm .live-region{position:absolute;overflow:hidden;width:1px;height:1px;left:-9999px}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;pointer-events:none;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;box-shadow:var(--vscode-scrollbar-shadow,#000)0 6px 6px -6px inset;width:100%;height:3px;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{display:block;box-shadow:var(--vscode-scrollbar-shadow,#000)6px 0 6px -6px inset;width:3px;height:100%;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;width:3px;height:3px;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000)6px 0 6px -6px inset}:root{--bg:#14151a;--panel:#1b1d24;--border:#2a2d38;--text:#e6e6e6;--dim:#8b8fa3;--accent:#fbf0df;--pink:#f472b6;--ok:#86efac;--bad:#fca5a5;--app-height:100dvh;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;height:100%;margin:0;font:14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{display:flex;height:var(--app-height);padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);flex-direction:column}header{display:flex;border-bottom:1px solid var(--border);background:var(--panel);flex:none;align-items: center;gap:12px;padding:8px 12px}h1{white-space:nowrap;margin:0;font-size:16px;font-weight:650}.dim{color:var(--dim);font-weight:400}.product{color:var(--pink);font-weight:600}#status{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px}#status[data-kind=ok]{color:var(--ok)}#status[data-kind=error]{color:var(--bad)}button,select{font:inherit;color:inherit;touch-action:manipulation}.engine{display:flex;color:var(--dim);align-items: center;gap:6px;font-size:12px}#engine,#file-select{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:13px}#restart{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:4px 10px;font-size:13px}#restart:hover{border-color:var(--dim)}main{display:grid;grid-template-columns:minmax(150px,210px)minmax(0,1fr)minmax(0,1fr);grid-template-rows:minmax(0,1fr)minmax(120px,32%);grid-template-areas:"files editor preview" "files editor terminal";flex:1;min-height:0}.pane{display:flex;border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0}.files{grid-area:files;background:var(--panel);overflow:auto}.editor-pane{grid-area:editor}.preview-pane{grid-area:preview;border-right:0;border-bottom:1px solid var(--border)}.terminal-pane{grid-area:terminal;border-right:0}.pane-title,.bar{display:flex;color:var(--dim);border-bottom:1px solid var(--border);background:var(--panel);white-space:nowrap;overflow:hidden;flex:none;align-items: center;gap:8px;height:34px;padding:0 10px;font-size:12px}.pane-title{text-transform:uppercase;letter-spacing:.06em;font-size:11px}#tree,#tree ul{list-style:none;margin:0;padding:0}#tree{padding:6px 0}#tree button{display:flex;padding:3px 10px 3px calc(10px + var(--depth,0)*14px);text-align:left;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:0 0;border:0;align-items: center;gap:6px;width:100%;font-size:13px}#tree button:hover{background:#23262f}#tree button[aria-current=true]{color:var(--accent);background:#2c2f3b}#tree .folder{color:var(--dim)}#tree .icon{text-align:center;color:var(--dim);flex:none;width:12px;font-size:10px}#file-select{display:none;max-width:60%}#file-name{color:var(--text);overflow:hidden;text-overflow:ellipsis}#save-state{margin-left:auto}#save-state[data-kind=ok]{color:var(--ok)}#save-state[data-kind=error]{color:var(--bad)}#editor{overflow:hidden;flex:1;min-height:0}#editor .cm-editor{height:100%}#editor .cm-scroller{font-family:ui-monospace,SF Mono,Menlo,Cascadia Mono,Consolas,monospace;font-size:13px}.dot{background:var(--dim);border-radius:50%;flex:none;width:8px;height:8px}.dot[data-state=up]{background:var(--ok)}.dot[data-state=down]{background:var(--bad)}#preview-url{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace}#open-preview{color:var(--dim);text-decoration:none;padding:0 4px;font-size:14px}#open-preview[aria-disabled=true]{pointer-events:none;opacity:.4}#preview{background:#1b1c22;border:0;flex:1;width:100%;min-height:0}#terminal{background:var(--bg);flex:1;min-height:0;padding:4px 0 0 8px}@media (max-width:800px){header{gap:8px;padding:6px 10px}h1 .dim,.engine .label{display:none}main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,42fr)minmax(0,40fr)minmax(0,18fr);grid-template-areas:"editor" "preview" "terminal"}.files{display:none}.pane{border-right:0}.editor-pane{border-bottom:1px solid var(--border)}#file-select{display:block}#file-name{display:none}#editor .cm-scroller{font-size:12px}}a.nav{color:var(--dim);text-decoration:none;flex:none;font-size:13px}a.nav:hover{color:inherit;text-decoration:underline}