:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-green: hsla(160, 100%, 37%, 1);--vt-c-danger: hsla(355, 80%, 50%, 1);--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#app{width:100%;max-width:1280px;margin:0 auto;font-weight:400;display:grid;grid-template-rows:auto 1fr;height:100vh;color:var(--vt-c-text-dark-1);accent-color:var(--vt-c-green)}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}}.greetings[data-v-2d12eb7c]{display:flex;justify-content:flex-start;align-items:baseline;gap:1rem}h1[data-v-2d12eb7c]{font-weight:700;font-size:1rem;position:relative}h3[data-v-2d12eb7c]{font-size:.75rem;font-weight:400}.greetings h1[data-v-2d12eb7c],.greetings h3[data-v-2d12eb7c]{text-align:left;flex-grow:1}@media (max-width: 500px){.greetings h3[data-v-2d12eb7c]{display:none}}@media (max-width: 300px){.greetings h1[data-v-2d12eb7c]{display:none}}header[data-v-99d0ef77]{line-height:1.5;max-height:100vh;background-color:var(--vt-c-green);color:var(--vt-c-white);display:flex}header .wrapper[data-v-99d0ef77]{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem}.logo[data-v-99d0ef77]{font-size:1.5rem;fill:currentColor;height:1.5rem;margin-inline-start:1rem;margin-block:.5rem;align-self:center}nav[data-v-99d0ef77]{//width: 100%;font-size:12px;text-align:center}nav a[data-v-99d0ef77]{color:var(--color-text)}nav a.router-link-exact-active[data-v-99d0ef77]{color:var(--vt-c-white)}nav a.router-link-exact-active[data-v-99d0ef77]:hover{background-color:transparent}nav a[data-v-99d0ef77]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-99d0ef77]:first-of-type{border:0}@media (min-width: 1024px){nav[data-v-99d0ef77]{font-size:1rem;padding:1rem 0}}main{height:100%;width:100%;overflow:hidden}.file-upload{margin:1rem;padding:1rem;border:2px dashed #ccc;border-radius:4px}.file-upload .file-input{margin-bottom:10px}.file-upload .error-message{color:red;margin-top:5px}.stored-books{padding:1rem}.stored-books ul{margin:0;padding:0;list-style-type:none}.stored-books .stored-book{background-color:var(--vt-c-black-mute);padding:1rem;display:flex;justify-content:space-between}.stored-books .stored-book:hover{background-color:var(--vt-c-black-soft);cursor:pointer}.stored-books .stored-book .delete-icon{fill:var(--vt-c-white);cursor:pointer}.stored-books .stored-book .delete-icon:hover{fill:var(--vt-c-danger)}svg[data-v-76aa6b74]{transform:rotate(var(--r, 0deg)) scale(var(--sx, 1),var(--sy, 1))}path[data-v-76aa6b74]{fill:currentColor}.file-edit[data-v-ebacaf7e]{--animation-duration: .5s;display:flex;height:100%;position:relative}.sidebar[data-v-ebacaf7e]{position:relative;width:250px;display:flex;flex-direction:column;justify-content:space-between;background:var(--color-background-soft);transition:width var(--animation-duration) ease;border-right:1px solid var(--color-border)}.sidebar.collapsed[data-v-ebacaf7e]{width:0px}.sidebar.collapsed .file-list[data-v-ebacaf7e]{opacity:.25;transition:opacity var(--animation-duration) ease}.sidebar.collapsed+.main-content[data-v-ebacaf7e]{padding-inline:0}.sidebar.collapsed+.main-content .book-header .toggle-btn[data-v-ebacaf7e],.sidebar.collapsed+.main-content .book-header h2[data-v-ebacaf7e]{left:0}.sidebar.collapsed+.main-content .save-button[data-v-ebacaf7e]{visibility:visible}.sidebar.collapsed .export-btn[data-v-ebacaf7e]{opacity:0;pointer-events:none}.toggle-btn[data-v-ebacaf7e]{position:relative;//right: -20px;//top: 0px;left:-2rem;z-index:1;aspect-ratio:1 / 1;border-radius:50%;border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;color:var(--vt-c-text-dark-2);margin-inline:1rem;display:flex;justify-content:center;align-items:center;transition:left var(--animation-duration) ease}.file-list[data-v-ebacaf7e]{list-style-type:none;padding:0;margin:0;height:100%;overflow:auto;scrollbar-width:thin}.file-list li[data-v-ebacaf7e]{padding:8px;border-bottom:1px solid var(--color-border);cursor:pointer;white-space:nowrap}.file-list li.disabled[data-v-ebacaf7e]{opacity:.5;cursor:not-allowed}.file-list li.active[data-v-ebacaf7e]{background:var(--color-background-mute);color:var(--vt-c-green)}.main-content[data-v-ebacaf7e]{flex:1;display:flex;flex-direction:column;transition:padding-inline var(--animation-duration) ease}.file-container[data-v-ebacaf7e]{flex-grow:1;display:flex;flex-direction:column}.title-row[data-v-ebacaf7e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-inline:1rem;transition:margin-inline-start var(--animation-duration) ease}.file-title[data-v-ebacaf7e]{margin:0;color:var(--color-heading)}.save-button[data-v-ebacaf7e]{padding:.5rem 1rem;background-color:var(--vt-c-green);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity var(--animation-duration) ease visibility var(--animation-duration) ease}.save-button[data-v-ebacaf7e]:disabled{opacity:.5;cursor:not-allowed}.file-content[data-v-ebacaf7e]{white-space:nowrap;font-family:monospace;color:var(--vt-c-text-dark-2);line-height:1.4;width:100%;box-sizing:border-box;min-height:400px;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:4px;padding:1rem;resize:both;flex-grow:1}.bottom-sheet[data-v-ebacaf7e]{position:absolute;bottom:0;left:0;right:0;z-index:1;background:var(--color-background-soft);border-top:1px solid var(--color-border);transition:height var(--animation-duration) ease;height:2rem}.bottom-sheet .file-list[data-v-ebacaf7e]{opacity:.5;transition:opacity var(--animation-duration) ease}.bottom-sheet.expanded[data-v-ebacaf7e]{height:50vh}.bottom-sheet.expanded .file-list[data-v-ebacaf7e]{opacity:1}.bottom-sheet .expand-btn[data-v-ebacaf7e]{--animation-duration: 1s;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);padding:.5rem;background:var(--color-background-mute);border:solid 1px var(--color-border);border-radius:50%;color:var(--vt-c-text-dark-2);cursor:pointer;transition:top var(--animation-duration) ease}main[data-v-0db70ccc]{height:100%;width:100%;overflow:hidden}.error-message[data-v-0db70ccc]{color:red;margin:1rem;padding:1rem;border:1px solid red;border-radius:4px}.loading[data-v-0db70ccc]{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.5rem;color:var(--color-text)}.book-header[data-v-0db70ccc],header[data-v-0db70ccc]{display:flex;justify-content:flex-start;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;background:var(--vt-c-green);color:#fff}.book-header .back-btn[data-v-0db70ccc],header .back-btn[data-v-0db70ccc]{display:flex;align-items:center;background-color:transparent;border:none;color:#fff}.book-header h2[data-v-0db70ccc],header h2[data-v-0db70ccc]{position:relative;flex:1;margin:0;padding:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 210px)}.book-header .export-btn[data-v-0db70ccc],header .export-btn[data-v-0db70ccc]{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff;color:var(--vt-c-green);border:none;border-radius:4px;cursor:pointer}.book-content[data-v-0db70ccc]{height:100%;width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}