.morphology-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem;flex-wrap:wrap}.morphology-toolbar label{display:grid;gap:.35rem;font-size:.85rem;color:var(--muted,#61707b)}.morphology-picker{max-width:min(100%,27rem);font:inherit;padding:.45rem .6rem;border:1px solid #bfc8ca;border-radius:.4rem;background:#fff;color:#142d38}.morphology-actions{display:flex;gap:.35rem;flex-wrap:wrap}.morphology-actions button{background:#f3f6f5;border:1px solid #cbd3d1;border-radius:.4rem;color:#214b53;padding:.5rem .7rem;font:inherit;cursor:pointer}.morphology-actions button:hover{background:#e8efec}.morphology-stage{position:relative;width:100%;height:470px;background:#101c27;border-radius:.7rem;overflow:hidden;touch-action:none;cursor:grab;outline-offset:3px}.morphology-stage:active{cursor:grabbing}.morphology-stage canvas{display:block;width:100%;height:100%}.morphology-stage:focus-visible,.morphology-toolbar button:focus-visible,.morphology-toolbar select:focus-visible{outline:3px solid #b88b3e}.morphology-loading,.morphology-fallback{padding:2rem;color:#d9e6ec}.morphology-fallback a{color:#9edfd4}.morphology-bottom{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.7rem 0;font-size:.82rem}.morphology-bottom label{display:flex;gap:.45rem;align-items:center}.morphology-scale{display:inline-flex;align-items:center;gap:.6rem;color:#536670}.morphology-selection{font-size:.87rem;line-height:1.5;min-height:2.5em}.morphology-note{font-size:.82rem;color:#61717a;line-height:1.55;max-width:80ch}.morphology-note a{color:inherit;text-underline-offset:3px}@media(max-width:600px){.morphology-stage{height:350px}.morphology-toolbar{align-items:stretch}.morphology-toolbar label{width:100%}.morphology-picker{width:100%}.morphology-actions button{padding:.6rem .7rem}.morphology-bottom{align-items:start;flex-direction:column}.morphology-note{font-size:.8rem}}