@property --width{syntax: "<length>"; inherits: false;}@property --height{syntax: "<length>"; inherits: false;}@property --top{syntax: "<length>"; inherits: false;}@property --left{syntax: "<length>"; inherits: false;}:root{--pico-form-element-spacing-vertical: .25rem;--pico-form-element-spacing-horizontal: .5rem}body{--hover-bg: #e3e3e3;--hover-border: #000000;--selected-bg: #cccccc}textarea{--pico-border-radius: 0}.app-root{display:flex;flex-direction:column;align-items:flex-start}.toolbar{display:flex;flex-direction:row;gap:.25rem;padding:.5rem 1rem}.help-modal{--pico-modal-overlay-backdrop-filter: blur(.07rem)}.shortcuts{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.shortcut{display:inline-flex;align-items:center;gap:.25rem}.key{padding:.25rem;border-radius:.25rem;border:1px solid var(--pico-color)}.settings{padding:.5rem 1rem}.container{display:flex;flex-direction:column;align-items:center;width:100%;gap:1em}.font-mono{font-family:monospace;font-size:16px}.lines{width:calc(var(--width, 0) * 1px)}.ghost-char{visibility:hidden;position:absolute;bottom:100%;padding:0}.string-name{max-width:3rem;padding:.25rem;margin-bottom:0;--pico-form-element-spacing-vertical: 0}.annotations{grid-area:annotations}.annotations-textarea{padding:0;margin-bottom:0;resize:none}.columns{display:flex;flex-direction:row;-webkit-user-select:none;user-select:none;width:100%;position:relative;grid-area:line}.column{display:flex;flex-direction:column;text-align:center;padding:0;margin:0}.tab-selection{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:var(--selected-bg);opacity:.5;top:var(--top, 0);left:var(--left, 0);height:var(--height, 0);width:var(--width, 0)}.drag-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;padding-left:.5em;padding-right:.5em;width:1em;grid-area:drag}.drag-bar:hover{background-color:var(--hover-bg)}.drag-bar.dragging{background-color:var(--selected-bg)}.line{-webkit-user-select:none;user-select:none;display:grid;gap:0;grid-template-areas:".         annotations annotations  annotations annotations" "controls  pre         line         drag        post" ".         epilogue    epilogue     epilogue    epilogue";grid-template-columns:min-content min-content min-content min-content 1fr}.epilogue{grid-area:epilogue;padding:0;margin:0;width:100%;resize:none}.epilogue:hover{outline:1px solid black}.line:hover .column-input{visibility:visible}.line-controls{--pico-form-element-spacing-vertical: .25rem;--pico-form-element-spacing-horizontal: .25rem;grid-area:controls;visibility:hidden;gap:.25rem;margin-right:.5rem;display:grid;grid-template-columns:1fr 1fr 1fr 2fr;grid-template-areas:"cols duplicate move-above add-above" ".    delete    move-below add-below"}.line:hover .line-controls{visibility:visible}.move-above-btn{grid-area:move-above}.move-below-btn{grid-area:move-below}.add-above-btn{grid-area:add-above}.add-below-btn{grid-area:add-below}.duplicate-btn{grid-area:duplicate}.delete-btn{grid-area:delete}.column-input{grid-area:cols;min-width:2em;visibility:hidden;--pico-line-height: 0;--pico-form-element-spacing-vertical: 0;--pico-form-element-spacing-horizontal: 0;--pico-spacing: 0}.pre-line-text{display:flex;flex-direction:column;align-items:end;grid-area:pre;resize:none;padding:0;margin:0;overflow:hidden}.pre-line-text p{padding:0;margin:0}.post-line-text{grid-area:post;height:100%;resize:none;padding:0;margin:0}
