body{font-family:system-ui,sans-serif;margin:1rem}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:1rem;align-items:start}main>section{border:1px solid #bbb;padding:.75rem;min-width:0}main>section>h2{font-size:.9rem;margin:0 0 .5rem;color:#555}textarea{width:100%;min-height:12rem;box-sizing:border-box}#save{margin-top:.5rem}#result{font-family:monospace;white-space:pre-wrap;min-height:1.2em}#list{list-style:none;margin:0;padding:0;max-height:16rem;overflow-y:auto}#list li button{all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box;font-family:monospace;padding:.15rem .3rem}#list li button:hover{background:#eef2f8}#list li button.selected{background:#d6e4f7;font-weight:600}#read-name{font-family:monospace;font-size:.9rem;margin:0 0 .5rem;overflow-wrap:anywhere;font-weight:600}#read-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:monospace;font-size:.85rem;max-height:24rem;overflow-y:auto;background:#fafafa;border:1px solid #ddd;padding:.5rem}#read-actions{margin-top:.5rem;display:flex;gap:.5rem}#read-result,#export-result,#storage-state,#shell-state{font-family:monospace;white-space:pre-wrap;min-height:1.2em;margin:.5rem 0 0}#export-all-row{margin-top:.5rem}