*{box-sizing:border-box}html,body{color:#d7dae0;background:#1b1d23;height:100%;margin:0;font:13px system-ui,sans-serif}body{flex-direction:column;display:flex}header{background:#14161a;border-bottom:1px solid #2c2f36;align-items:center;gap:8px;padding:6px 10px;display:flex}header button,#clear{color:inherit;cursor:pointer;background:#2c313a;border:1px solid #3a3f4a;border-radius:4px;padding:4px 10px}header button:hover{background:#3a404c}header button:disabled{opacity:.5;cursor:default}#status{color:#8b919e}main{flex:1;grid-template-columns:200px 1fr 1fr;min-height:0;display:grid}#tree{border-right:1px solid #2c2f36;min-height:0}#editor{min-width:0;overflow:hidden}#editor .cm-editor{height:100%}#editor .pierre-host{background:#0a0a0a;height:100%;overflow:auto}.editorkind{color:#8b919e;align-items:center;gap:6px;margin-left:auto;display:flex}#example,.editorkind select{color:#d7dae0;background:#2c313a;border:1px solid #3a3f4a;border-radius:4px;padding:3px 6px}#right{border-left:1px solid #2c2f36;grid-template-rows:1fr 1fr;min-width:0;min-height:0;display:grid}#preview-wrap{flex-direction:column;min-height:0;display:flex}#preview-wrap.expanded{z-index:20;background:#1b1d23;border:1px solid #3a3f4a;border-radius:8px;position:fixed;inset:2.5vh 2.5vw;overflow:hidden;box-shadow:0 24px 80px #0009}#preview-backdrop{z-index:19;background:#0000008c;position:fixed;inset:0}#preview-backdrop[hidden]{display:none}#request{background:#14161a;border-bottom:1px solid #2c2f36;gap:6px;padding:4px 8px;display:flex}#request select,#request input,#req-body{color:#d7dae0;background:#2c313a;border:1px solid #3a3f4a;border-radius:4px;padding:3px 6px;font:12px ui-monospace,monospace}#req-path{flex:1;min-width:0}#request button{color:inherit;cursor:pointer;background:#2c313a;border:1px solid #3a3f4a;border-radius:4px;padding:3px 10px}#expand{place-items:center;padding:0 8px;display:grid}#req-body{resize:vertical;border-width:0 0 1px;border-radius:0;height:5em;margin:0}#preview{background:#fff;border:0;flex:1;width:100%}#preview[hidden],#req-body[hidden]{display:none}#response{white-space:pre-wrap;flex:1;margin:0;padding:6px 8px;font:12px ui-monospace,monospace;overflow:auto}#response.error{color:#e06c75}#console-wrap{border-top:1px solid #2c2f36;flex-direction:column;min-height:0;display:flex}#console-head{color:#8b919e;background:#14161a;justify-content:space-between;padding:4px 8px;display:flex}#console{white-space:pre-wrap;flex:1;padding:4px 8px;font:12px ui-monospace,monospace;overflow:auto}#console .warn{color:#e5c07b}#console .error{color:#e06c75}#console .sys{color:#61afef}.unsupported{max-width:36rem;margin:4rem auto;padding:0 1rem;line-height:1.5}