:root{--black: #131313;--brightBlack: #191919;--brightBlue: #948AE3;--brightCyan: #5AD4E6;--brightGreen: #7BD88F;--brightPurple: #FD9353;--brightRed: #FC618D;--brightWhite: #FFFFFF;--brightYellow: #FCE566;--cursorColor: #F7F1FF;--foreground: #F7F1FF;--selectionBackground: #F7F1FF;--white: #FFFFFF;--bg1: #faf5f2;--bg2: #efe7e5;--bg3: #dfd6d7;--md2: #d1ccc9;--md1: #756c70;--fg1: #131313;--red: #e14775;--purple: #e16032;--yellow: #cc7a0a;--green: #269d69;--cyan: #1c8ca8;--blue: #7058be}@media(prefers-color-scheme:dark){:root{--bg1: #131313;--bg2: #222222;--bg3: #191919;--md1: #8c8c8e;--md2: #575757;--fg1: #F7F1FF;--red: #FC618D;--purple: #FD9353;--yellow: #FCE566;--green: #7BD88F;--cyan: #5AD4E6;--blue: #948AE3}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:16px;line-height:1.3;color:var(--fg1);background-color:var(--bg1)}input{font:inherit}.login{display:flex;align-items:center;justify-content:center;height:100vh}.login .login-content{width:400px;display:flex;flex-flow:column;gap:.5em}.project-menu{display:flex;justify-content:center;min-height:calc(100vh - 1em);padding:3em 1em}.project-menu .menu-content{flex:0 0 700px}.project-menu .menu-content .menu-header{display:flex;align-items:center;margin-bottom:1em}.project-menu .menu-content .menu-header .logo{flex:1 0 auto}.project-menu .menu-content .menu-header .buttons,.project-menu .menu-content .new-project{display:flex;align-items:center;gap:.5em}.project-menu .menu-content .project-list{display:flex;flex-flow:column;gap:.5em}.project-menu .menu-content .project-list .project{display:flex;align-items:center;gap:.75em;padding:.75em .85em;border-radius:8px;outline:1px solid var(--md2)}.project-menu .menu-content .project-list .project:hover{cursor:pointer;background-color:var(--bg2);outline-color:var(--md1)}.project-menu .menu-content .project-list .project .title{flex:1 0 auto}.project-menu .menu-content .project-list .project .date{text-align:right}.project-menu .menu-content .project-list .project .actions .button.toggle{padding:.25em}.project-menu .menu-content .project-list.loading{height:100%;display:flex;align-items:center;justify-content:center}.editor .editor-header{display:flex;align-items:center;width:100%;position:fixed;top:0;left:0;z-index:10;padding:.75em 1.25em;background-color:var(--bg2)}.editor .editor-header .buttons{flex:1 0 auto;display:flex;align-items:center;gap:.5em}.editor .editor-header .saving-indicator{display:flex;align-items:center}.editor .editor-content{padding:96px 1em 1em}.editor .editor-content.view-dynamic .card{min-height:13em}.editor .editor-content.view-fixed .card{height:13em}.editor .editor-content.view-fixed .card .card-content{height:0}.card{display:flex;flex-flow:column;position:relative;border-radius:8px;background-color:var(--bg2);box-shadow:4px 4px 4px #0000001a}.card:hover{outline:2px solid var(--md2)}.card .card-header{flex:0 0 auto;display:flex;align-items:center;gap:.25em;padding:.5em;margin-bottom:.25em;border-bottom:1px solid var(--md2);border-radius:8px 8px 0 0;color:var(--bg1)}.card .card-header .drag-handle{flex:0 0 12px;display:flex;align-items:center}.card .card-header .drag-handle svg{height:1.2em}.card .card-header .title{flex:1 1 auto;font-weight:700}.card .card-header .menu{flex:0 0 auto}.card .card-header .menu button{display:flex;align-items:center;padding:.25em;border:none;color:var(--bg1)}.card .card-header .menu button:hover{cursor:pointer}.card .card-content{flex:1 0 auto;padding:.25em}.card .card-content .content{padding:.25em;font-size:.85em;height:100%;overflow-y:auto;scrollbar-width:thin}.card .dropdown{position:absolute;right:0;top:48px;width:90%;padding:.5em;border:1px solid var(--md2);background-color:var(--bg1);box-shadow:2px 2px 4px #00000026;border-radius:8px;display:flex;flex-flow:column;gap:.75em}.card .dropdown .colors{display:flex;align-items:center;gap:.25em}.card .dropdown .colors .color{flex:1 0 auto;border:none;border-radius:8px;height:2em}.card .dropdown .colors .color[value=cyan]{background-color:var(--cyan)}.card .dropdown .colors .color[value=red]{background-color:var(--red)}.card .dropdown .colors .color[value=green]{background-color:var(--green)}.card .dropdown .colors .color[value=purple]{background-color:var(--purple)}.card .dropdown .colors .color[value=blue]{background-color:var(--blue)}.card .dropdown .colors .color[value=yellow]{background-color:var(--yellow)}.section{margin-bottom:2em}.section .section-header{display:flex;align-items:center;gap:.75em;margin-bottom:.25em;font-size:1.5em;font-weight:700}.section .section-header .drag-handle{flex:0 0 1em;display:flex;align-items:center}.section .section-header .section-title{flex:1 0 auto}.section .section-header .section-menu{display:flex;align-items:center;gap:.25em}.section .section-synopsis{margin-bottom:.75em}.section .section-content{display:flex;flex-wrap:wrap;gap:.75em}.section .section-content .card-wrapper{flex:0 0 300px}.section [contenteditable]{padding:.25em;border-radius:6px}.section [contenteditable=true]:hover,.section [contenteditable=true]:focus,.section [contenteditable=true]:active{color:var(--fg1);outline:1px solid var(--md2);background-color:var(--bg3)}.section [contenteditable=true]:focus,.section [contenteditable=true]:active{outline:2px solid var(--md2)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.drag-ghost{opacity:.5;outline:2px dashed #007acc}button,.button{font:inherit;font-size:16px;appearance:none;background:none;border-radius:12px;padding:.65em .85em;display:flex;align-items:center;gap:.65em}button svg,.button svg{max-width:1.3em;max-height:1.3em;margin-top:.05em}button:hover,.button:hover{cursor:pointer}.button{font-weight:400;color:var(--fg1);background-color:var(--bg1);border:1px solid var(--md2)}.button:hover{color:var(--fg1);border-color:var(--md1);background-color:var(--bg2)}.button:active,.button:focus{color:var(--md1);border-color:var(--bg1);outline:2px solid var(--md1)}.button.full{width:100%;text-align:center;justify-content:center}input[type=text],input[type=password]{padding:.65em .75em;appearance:none;border-radius:8px;border:1px solid var(--md2);background-color:var(--bg2);color:var(--fg1)}input[type=text]:focus,input[type=text]:active,input[type=password]:focus,input[type=password]:active{border-color:var(--md1);outline:2px solid var(--md2)}.dialog-backdrop{display:flex;align-items:center;justify-content:center;position:fixed;z-index:3;inset:0;background:#00000080}.dialog-backdrop .dialog{display:flex;flex-flow:column;gap:.75em;color:var(--fg1);background:var(--bg3);border:1px solid var(--md2);padding:1rem;border-radius:8px;min-width:500px}.dialog-backdrop .dialog .dialog-content input{width:100%}.dialog-backdrop .dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.icon-tabler-loader-quarter{animation:spinSteps .5s steps(8) infinite}@keyframes spinSteps{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropdown[data-v-acc21ce0]{position:relative;display:inline-block}.dropdown-menu[data-v-acc21ce0]{position:absolute;top:100%;right:0;background:var(--bg1);border:1px solid var(--md1);border-radius:8px;padding:.5em;display:flex;flex-flow:column;gap:.25em;z-index:3}.dropdown-menu li[data-v-acc21ce0]{cursor:pointer;padding:.25rem .5rem}.dropdown-menu li[data-v-acc21ce0]:hover{background:#eee}
