.editor[data-v-f9efac73]{display:flex;position:relative;flex-grow:1}.editable[data-v-f9efac73]{flex-grow:1;padding:30px 40px}.editor:has(.placeholder) .editable[data-v-f9efac73]{position:absolute;top:0;right:0;bottom:0;left:0}.placeholder[data-v-f9efac73]{display:flex;flex-direction:column;padding:30px 40px;gap:20px;color:var(--gray);pointer-events:none}.highlight[data-v-f9efac73]{position:absolute;background-color:color-mix(in srgb,transparent,var(--primary) calc(35% * var(--strength)));mix-blend-mode:darken;cursor:pointer}.highlight-selected[data-v-f9efac73]{box-shadow:0 2px 0 var(--black)}input[data-v-11e441da]{--size: 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size);border-radius:999px;background:linear-gradient(to right,var(--primary),var(--primary) var(--percent),var(--gray) var(--percent),var(--gray));cursor:pointer}input[data-v-11e441da]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;width:calc(var(--size) * 3);border:none;border-radius:999px;background:#000}input[data-v-11e441da]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;width:calc(var(--size) * 2);border:none;border-radius:999px;background:#000}.dragging{outline-color:var(--primary);outline-style:dashed;outline-width:4px;outline-offset:-4px}section[data-v-d8d0930d]{display:flex}.left[data-v-d8d0930d]{display:flex;position:sticky;top:0;flex-shrink:0;flex-direction:column;align-items:center;width:400px;min-width:200px;max-width:50vw;height:100vh;padding:30px 40px;overflow-y:auto;gap:20px;background:var(--pale);resize:horizontal}.right[data-v-d8d0930d]{display:flex;position:relative;flex-grow:1;flex-direction:column}.logo[data-v-d8d0930d]{flex-shrink:0;height:30px}.logo[data-v-d8d0930d]>svg{height:100%}.tabs[data-v-d8d0930d]{display:flex;flex-wrap:wrap;width:100%;gap:10px}.tabs[data-v-d8d0930d]>*{flex-grow:1;flex-basis:0}.search[data-v-d8d0930d]{display:flex;position:relative;flex-grow:1;flex-shrink:0;width:100%;overflow:auto;overscroll-behavior:none;resize:vertical}.search-controls[data-v-d8d0930d]{display:flex;position:absolute;top:0;right:0;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px;gap:5px}.summary[data-v-d8d0930d]{display:grid;grid-template-columns:1fr max-content;flex-grow:1;flex-shrink:0;align-content:flex-start;width:100%;height:0;overflow:auto;overscroll-behavior:none;border-radius:var(--rounded);resize:vertical}.summary[data-v-d8d0930d]>*{min-width:0}.summary-text[data-v-d8d0930d]{justify-content:flex-start;text-align:left;overflow-wrap:break-word}.summary-text[data-v-d8d0930d]:hover{background:var(--light-gray)}.summary-count[data-v-d8d0930d]{padding:0 15px;text-align:right}.text-controls-container[data-v-d8d0930d]{display:flex;position:absolute;align-items:flex-start;justify-content:flex-end;top:0;right:0;bottom:0;left:0;pointer-events:none}.text-controls[data-v-d8d0930d]{display:flex;position:sticky;top:0;padding:10px;gap:5px;pointer-events:auto}.search:has(textarea:focus) .search-controls[data-v-d8d0930d],.right:has([contenteditable]:focus) .text-controls[data-v-d8d0930d]{opacity:.5}@media (width < 600px){section[data-v-d8d0930d]{flex-direction:column}.left[data-v-d8d0930d]{position:unset;width:100%;min-width:100%;max-width:100%;height:unset;min-height:min-content;min-height:25vh;resize:vertical}.search[data-v-d8d0930d],.summary[data-v-d8d0930d]{height:0!important;min-height:100px!important;resize:none}}@media (width >= 600px){.left[data-v-d8d0930d]{height:100vh!important}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}:root{--primary: hsl(190, 60%, 45%);--secondary: hsl(350, 50%, 60%);--pale: hsl(30, 75%, 95%);--black: #000000;--dark-gray: hsl(185, 10%, 30%);--gray: hsl(185, 10%, 65%);--light-gray: hsl(185, 10%, 90%);--white: #ffffff;--rounded: 0px}*{box-sizing:border-box}html{background:var(--white);color:var(--black);line-height:1.5;font-family:Outfit,sans-serif}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}main{display:flex;flex-grow:1;flex-direction:column}section{flex-grow:1}p{width:100%;margin:0;line-height:2;overflow-wrap:anywhere}strong{font-weight:600}textarea{width:100%;height:100%;overscroll-behavior:none;border-radius:var(--rounded);background:var(--white);resize:none}button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;border-radius:var(--rounded);background:none;font:inherit;cursor:pointer}button:hover{color:var(--primary)}button.square{width:35px;height:35px;border-radius:999px;background:var(--primary);color:var(--white)}button.square:hover{background:var(--dark-gray)}button.primary{padding:5px 10px;background:var(--primary);color:var(--white)}button.secondary{padding:5px 10px;color:var(--primary)}button.secondary:hover{background:var(--light-gray)}label{display:inline-flex;align-items:center;justify-content:center;width:0;min-width:100%;padding:10px 0;gap:10px}label>input{flex-grow:1}input{min-width:0;accent-color:var(--primary);font:inherit}textarea{width:100%;padding:15px 20px;border:none;border-radius:var(--rounded);font:inherit}.secondary{color:var(--gray)}::selection{background:color-mix(in srgb,var(--secondary),transparent 75%)}::placeholder{color:var(--gray)}:focus-visible{outline-color:var(--black);outline-style:solid;outline-width:2px;outline-offset:-2px}.lucide{height:1.25em}.tippy-box{border-radius:var(--rounded);background:var(--black);color:var(--white);font:inherit}.tippy-arrow{color:var(--black)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}
