.vocabulary-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin:2rem 0}canvas{display:block;width:100%;height:auto;background:#f5f5f2;border:1px solid #aaa}#terms{display:flex;flex-wrap:wrap;gap:.5rem}button{font:inherit;background:#fff;color:#111;border:1px solid #555;padding:.6rem .9rem;cursor:pointer}button[aria-pressed=true]{background:#111;color:#fff}#axes label{display:block;margin:1rem 0}input[type=range]{width:100%;display:block}textarea{box-sizing:border-box;width:100%;padding:.6rem;font:inherit}pre{white-space:pre-wrap;font:1rem/1.7 system-ui,sans-serif;border:1px solid #999;padding:1rem}.small{font-size:.875rem}#lineage a{display:inline-block;margin-right:.8rem}#copy-status{margin-left:1rem}@media(max-width:760px){.vocabulary-workspace{grid-template-columns:1fr}}
#axes input{box-sizing:border-box}.vocabulary-workspace>*{min-width:0}#brief{overflow-wrap:anywhere}#lineage small{display:block}

.loop-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.loop-controls label{flex-basis:100%;font-size:14px}.loop-controls input{box-sizing:border-box}.loop-controls #loop-status{font-size:13px;color:#555}

.directory .loop-controls label{display:block}.loop-controls output{display:inline}