@font-face{font-family:IosevkaTerm Nerd Font;src:url(/piodide/fonts/IosevkaTermNerdFont-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:block}html,body{--footer-height:40px;overscroll-behavior:none;background:#0b0c10;height:100%;margin:0;overflow:hidden}body{box-sizing:border-box;width:var(--app-width,100vw);max-width:100vw;height:var(--app-height,100dvh);padding:8px;position:fixed;top:0;left:0}#agent-view,#slop-view,#neovim-view{width:100%;height:calc(100% - var(--footer-height))}#agent-view{position:relative}#agent-view[hidden],#slop-view[hidden],#neovim-view[hidden]{display:none}#terminal,#slop-terminal{overscroll-behavior:none;touch-action:none;width:100%;height:100%}#terminal canvas,#slop-terminal canvas{display:block}#terminal textarea,#slop-terminal textarea{font-size:16px!important}#thinking-overlay{z-index:8;box-sizing:border-box;color:#a9b1d6;pointer-events:none;background:#11131af5;border:1px solid #283457;border-left:3px solid #bb9af7;border-radius:5px;flex-direction:column;width:min(720px,100% - 24px);max-height:min(36%,280px);font:13px/19px IosevkaTerm Nerd Font,monospace;display:flex;position:absolute;top:10px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0000006b}#thinking-overlay[hidden]{display:none}#thinking-overlay header{color:#bb9af7;border-bottom:1px solid #283457;justify-content:space-between;padding:4px 8px;display:flex}#thinking-overlay header>:last-child{color:#565f89}#thinking-overlay-content{color:#a9b1d6;min-height:0;font:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding:7px 9px 9px;overflow:hidden}#neovim-view{background:#1a1b26;border:1px solid #283457;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}#neovim-toolbar{box-sizing:border-box;color:#7f849c;white-space:nowrap;border-bottom:1px solid #283457;justify-content:space-between;align-items:center;gap:16px;min-height:28px;padding:3px 8px;font:12px/20px IosevkaTerm Nerd Font,monospace;display:flex}#neovim-toolbar>:first-child{color:#bb9af7}#neovim-status{color:#9ece6a;text-overflow:ellipsis;min-width:0;overflow:hidden}#neovim-status.warning{color:#f7768e}#neovim-editor{flex:1;width:100%;min-height:0}#neovim-commandline{z-index:30;box-sizing:border-box;color:#c0caf5;white-space:pre-wrap;background:#15161e;border-top:1px solid #414868;min-height:23px;padding:2px 8px;font:14px/19px IosevkaTerm Nerd Font,monospace;display:none;position:absolute;bottom:0;left:0;right:0}#neovim-commandline.visible{display:block}#footer{box-sizing:border-box;height:var(--footer-height);color:#7f849c;white-space:nowrap;-webkit-user-select:text;user-select:text;background:#11131a;border-top:1px solid #283457;padding:2px 8px;font:12px/17px IosevkaTerm Nerd Font,monospace}.footer-row{justify-content:space-between;gap:16px;min-width:0;display:flex}.footer-row>span{text-overflow:ellipsis;overflow:hidden}#footer-location,#footer-usage{color:#a9b1d6}#footer-model{color:#7dcfff;text-align:right}#command-menu{z-index:10;left:20px;bottom:calc(var(--footer-height) + 16px);box-sizing:border-box;width:min(560px,100vw - 40px);max-height:min(280px, calc(100vh - var(--footer-height) - 40px));color:#a9b1d6;background:#15161e;border:1px solid #414868;border-radius:5px;padding:5px;font:13px/20px IosevkaTerm Nerd Font,monospace;position:fixed;overflow:hidden;box-shadow:0 8px 24px #00000073}#command-menu[hidden]{display:none}.command-option{border-radius:3px;gap:14px;padding:1px 6px;display:flex}.command-option.selected{color:#c0caf5;background:#283457}.command-name{color:#bb9af7;flex:0 0 12ch}.command-description{color:#7f849c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-help{color:#565f89;padding:2px 6px 0}#mobile-command-trigger{z-index:39;right:max(12px, env(safe-area-inset-right));bottom:calc(var(--footer-height) + max(12px, env(safe-area-inset-bottom)));color:#bb9af7;cursor:pointer;background:#24283b;border:1px solid #7aa2f7;border-radius:50%;width:48px;height:48px;font:700 24px/1 IosevkaTerm Nerd Font,monospace;display:none;position:fixed;box-shadow:0 8px 24px #0000008c}#mobile-command-trigger[hidden]{display:none}.mobile-commands-enabled #mobile-command-trigger{place-items:center;display:grid}.html-preview-open #mobile-command-trigger,.raylib-preview-open #mobile-command-trigger,.mobile-commands-enabled #command-menu{display:none}#mobile-command-layer{z-index:40;visibility:hidden;pointer-events:none;position:fixed;inset:0}#mobile-command-layer.open{visibility:visible;pointer-events:auto}#mobile-command-backdrop{opacity:0;background:#00000094;border:0;transition:opacity .16s;position:absolute;inset:0}#mobile-command-layer.open #mobile-command-backdrop{opacity:1}#mobile-command-drawer{width:min(88vw,390px);height:var(--app-height,100dvh);box-sizing:border-box;color:#c0caf5;touch-action:pan-y;background:#11131a;border-left:1px solid #414868;flex-direction:column;font:15px/1.35 IosevkaTerm Nerd Font,monospace;transition:transform .18s;display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(102%);box-shadow:-14px 0 40px #0000008c}#mobile-command-layer.open #mobile-command-drawer{transform:translate(0)}#mobile-command-header{min-height:58px;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px 16px;color:#bb9af7;border-bottom:1px solid #283457;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}#mobile-command-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#mobile-command-close{color:#7f849c;background:0 0;border:0;border-radius:6px;flex:none;width:44px;height:44px;font:28px/1 system-ui,sans-serif}#mobile-command-content{overscroll-behavior:contain;min-height:0;padding:16px max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) 14px;overflow:auto}.mobile-command-intro{color:#7f849c;margin:0 0 12px;font-size:13px}.mobile-command-list,.mobile-option-list,.mobile-command-form{gap:10px;display:grid}.mobile-command-button,.mobile-option-button{box-sizing:border-box;color:#c0caf5;width:100%;min-height:58px;font:inherit;text-align:left;background:#1a1b26;border:1px solid #283457;border-radius:7px;gap:3px;padding:10px 12px;display:grid}.mobile-command-button:active,.mobile-option-button:active,.mobile-option-button.active{background:#24283b;border-color:#7aa2f7}.mobile-command-name,.mobile-option-label{color:#7dcfff;font-weight:700}.mobile-command-description,.mobile-option-description{color:#7f849c;font-size:12px}.mobile-command-search,.mobile-command-input{box-sizing:border-box;color:#c0caf5;background:#0b0c10;border:1px solid #414868;border-radius:7px;outline:none;width:100%;min-height:48px;margin:0 0 12px;padding:10px 12px;font:16px/1.3 IosevkaTerm Nerd Font,monospace}.mobile-command-search:focus,.mobile-command-input:focus{border-color:#7aa2f7}.mobile-option-empty,.mobile-command-form-message{color:#7f849c;font-size:12px}.mobile-command-form-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.mobile-command-primary,.mobile-command-secondary{border:1px solid #414868;border-radius:7px;min-height:48px;font:700 14px/1 IosevkaTerm Nerd Font,monospace}.mobile-command-primary{color:#fff;background:#3d59a1;border-color:#7aa2f7}.mobile-command-secondary{color:#c0caf5;background:#24283b}@media (width<=960px){html,body{--footer-height:53px}.mobile-commands-enabled{padding:max(4px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left))}#footer{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left));font-size:11px;line-height:16px}.footer-row{justify-content:flex-start;gap:0}.footer-row:last-child{flex-direction:column}#footer-model{text-align:left;width:100%}}#html-preview,#raylib-preview{z-index:100;box-sizing:border-box;background:#fff;padding:0;display:block;position:fixed;inset:0}#html-preview[hidden],#raylib-preview[hidden]{display:none}.html-preview-window{width:100%;height:100%;box-shadow:none;background:#fff;border:0;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.html-preview-header{box-sizing:border-box;min-height:38px;padding:max(5px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) 5px max(7px, env(safe-area-inset-left));color:#a9b1d6;background:#15161e;border-bottom:1px solid #283457;justify-content:flex-start;align-items:center;gap:16px;font:13px/20px IosevkaTerm Nerd Font,monospace;display:flex}#html-preview-title,#raylib-preview-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#html-preview-close,#raylib-preview-close{color:#c0caf5;font:inherit;cursor:pointer;background:#24283b;border:1px solid #565f89;border-radius:4px;padding:2px 10px}#html-preview-close:hover,#html-preview-close:focus-visible,#raylib-preview-close:hover,#raylib-preview-close:focus-visible{border-color:#7aa2f7;outline:none}#html-preview-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}#raylib-preview{background:#090b10}#raylib-preview-status{color:#7aa2f7;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}#raylib-preview-stage{min-height:0;padding:0 max(0px, env(safe-area-inset-right)) max(0px, env(safe-area-inset-bottom)) max(0px, env(safe-area-inset-left));background:#090b10;flex:1;place-items:center;display:grid;overflow:hidden}#raylib-preview-canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;touch-action:none;outline:none;display:block}