@font-face{font-family:Dotman Maple Mono;src:url(/fonts/maple-mono-nf-cn-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:block}@font-face{font-family:Dotman Maple Mono;src:url(/fonts/maple-mono-nf-cn-regular.ttf) format("truetype");font-style:normal;font-weight:500;font-display:block}@font-face{font-family:Dotman Maple Mono;src:url(/fonts/maple-mono-nf-cn-bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:block}:root{color:#cdd6f4;background:#1e1e2e;font-family:Dotman Maple Mono,monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#1e1e2e;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}#root{min-height:100vh}.demo-shell{width:100vw;height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;overflow:hidden;outline:none;background:#1e1e2e}.demo-shell:focus-visible{box-shadow:inset 0 0 0 1px #6c7086}.terminal-viewport{width:100%;min-width:0;height:100%;display:grid;place-items:center;overflow:hidden}.terminal-pan{width:min(100vw,158.4vh);aspect-ratio:1188 / 750;flex:none}.terminal-canvas{display:block;width:100%;height:100%;opacity:0;cursor:pointer;transition:opacity .1s linear}.terminal-canvas.is-ready{opacity:1}.boot-message{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#6c7086;background:#1e1e2e;font-size:16px}.touch-controls{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px),(hover:none)and (pointer:coarse){html,body,#root{width:100%;height:100%;min-height:0}.demo-shell{width:100vw;height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr) auto;place-items:stretch}.terminal-viewport{display:block;width:100%;max-width:100vw;min-height:0;place-items:normal;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;-webkit-overflow-scrolling:touch}.terminal-viewport::-webkit-scrollbar{display:none}.terminal-pan{width:960px;min-width:960px;max-width:none}.touch-controls{display:grid;width:100%;min-width:0;grid-template-columns:repeat(var(--control-count, 5),minmax(0,1fr));gap:8px;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid #45475a;background:#181825}.touch-key{min-width:0;min-height:48px;padding:0 6px;border:1px solid #585b70;border-radius:2px;color:#cdd6f4;background:#313244;font:700 14px/1 Dotman Maple Mono,monospace;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-key:active{color:#1e1e2e;border-color:#cba6f7;background:#cba6f7}.touch-key:focus-visible{outline:2px solid #89b4fa;outline-offset:1px}}@media(prefers-reduced-motion:reduce){.terminal-canvas{transition:none}}@media(orientation:landscape)and (hover:none)and (pointer:coarse){.terminal-pan{width:min(960px,calc((100dvh - 65px)*1.584));min-width:0;margin-inline:auto}}