*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:13px;background:#fff;color:#111}#app{display:grid;grid-template-rows:auto auto auto 1fr;height:100vh;padding:12px;gap:8px}#toolbar{display:flex;align-items:center;gap:8px}select{font:inherit;padding:6px 8px;border:1px solid #ccc;background:#fff;color:#111;border-radius:3px;min-width:160px}button{font:inherit;padding:6px 14px;border:1px solid #111;background:#111;color:#fff;border-radius:3px;cursor:pointer}button:hover:not(:disabled){background:#333;border-color:#333}button:disabled{opacity:.45;cursor:progress}#status{color:#555}#status[data-state=error]{color:#c00}#status[data-state=success]{color:#111}#url{min-height:18px}#url a{color:#111;word-break:break-all}#cmd-form{display:flex;align-items:center;border:1px solid #ddd;border-radius:3px;padding:5px 8px;background:#fafafa}#cmd-form[hidden]{display:none}#cmd-cwd{color:#555}#cmd-sep{color:#aaa;white-space:pre}#cmd-input{flex:1;font:inherit;border:none;outline:none;background:transparent;color:#111}#workspace{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}#preview{border:1px solid #ddd;border-radius:3px;overflow:hidden;position:relative}#preview-empty{position:absolute;inset:0;display:grid;place-items:center;background:#fafafa;color:#bbb}#preview-empty:after{content:"preview"}#portal{width:100%;height:100%;border:none;display:block}#console{margin:0;padding:10px;border:1px solid #ddd;border-radius:3px;background:#111;color:#eee;overflow:auto;font:inherit;font-size:11px;line-height:1.6;white-space:pre-wrap}@media(max-width:800px){#workspace{grid-template-columns:1fr}}