:root{--page:#dce0e8;--bg:#eff1f5;--fg:#4c4f69;--chrome:#e6e9ef;--border:#ccd0da;--muted:#8c8fa1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:#11111b;--bg:#1e1e2e;--fg:#cdd6f4;--chrome:#181825;--border:#313244;--muted:#7f849c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--page:#11111b;--bg:#1e1e2e;--fg:#cdd6f4;--chrome:#181825;--border:#313244;--muted:#7f849c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--page);height:100%;color:var(--fg);margin:0;transition:background-color .2s}body{justify-content:center;align-items:center;height:100dvh;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei UI,sans-serif;display:flex}#app{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:100%;max-width:1100px;height:min(760px,100%);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.titlebar{background:var(--chrome);border-bottom:1px solid var(--border);height:36px;color:var(--muted);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;padding:0 14px;font:13px/1 ui-monospace,Cascadia Code,Consolas,monospace;display:flex}.dots{gap:8px;display:flex}.dots i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:52px;overflow:hidden}#terminal{box-sizing:content-box;flex:1;min-height:0;padding:10px 4px 6px 14px}#terminal .xterm-viewport{background-color:#0000}#keys{display:none}@media (pointer:coarse){#keys{padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--chrome);border-top:1px solid var(--border);flex-shrink:0;gap:6px;display:flex;overflow-x:auto}#keys button{border:1px solid var(--border);background:var(--bg);min-width:36px;height:36px;color:var(--fg);border-radius:6px;flex:1 1 0;padding:0 4px;font:14px ui-monospace,Consolas,monospace}#keys button:active{background:var(--border)}}@media (width<=640px){body{padding:0}#app{max-width:none;height:100%;box-shadow:none;border:0;border-radius:0}.dots{display:none}.title{margin-right:0}#terminal{padding:6px 2px 4px 8px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;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{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;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;pointer-events:none;position:absolute;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{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}
