html{--text-color: CanvasText;--background-color: Canvas;--accent-hue: 200;--accent-color: hsl(from AccentColor var(--accent-hue) s l);--accent-bg: hsl(from var(--background-color) var(--accent-hue) 50% l);font-size:16pt;background:var(--background-color);color:var(--text-color);color-scheme:light dark}body{margin:1em}.section-heading{font-variant-caps:small-caps}.copyable{padding:16px;border:2px solid var(--accent-color);resize:vertical;position:relative;margin-top:1em;margin-bottom:1em}.copyable-text{width:60em;height:5em;overflow-y:scroll;font-family:monospace}div.copyable{max-width:fit-content;display:block}.copyable canvas{max-width:50em;max-height:50em}.copyable .controls{position:absolute;top:-2px;right:-2px;padding:8px;background:var(--background-color);border:2px solid var(--accent-color);opacity:.8;display:grid;grid-auto-flow:column;row-gap:8px;column-gap:8px}.copyable .controls:hover{opacity:1}details.tool,.text-block{padding-left:2em;margin:1em;max-width:60em}.compoundInput{background:var(--accent-bg);border-radius:32px;padding:.25em .25em .25em 2em;margin:.25em .25em .25em .5em;display:block}.sectionLabel{font-style:italic}details summary{cursor:pointer}details summary>*{display:inline}.toolInterior{border-left:2px solid var(--accent-color);padding:.2em .2em .2em 1em}.toolInterior .name,.blurb{font-style:italic}.error{border:2px solid red;padding:8px;font-family:monospace}.list-input-item{position:relative;border-left:2px solid var(--accent-color);padding-left:.5em;margin-bottom:.5em}