:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}.container[data-v-0ebedc78]{width:50%}.container>textarea[data-v-0ebedc78]{width:100%;height:calc(100% - 40px);box-sizing:border-box;border:none;font-size:16px}.container .header[data-v-0ebedc78]{border-bottom:1px solid white;box-sizing:border-box;margin-bottom:0}.container[data-v-2c4e4530]{width:50%;border-left:3px solid black;box-sizing:border-box;background-color:#3b3b3b}.container .header[data-v-2c4e4530]{border-bottom:1px solid white;margin:0;padding-top:16px;background-color:#242424}.layout[data-v-f79e6d7a]{display:flex;flex-direction:column;width:100%;height:100vh;padding:10px;box-sizing:border-box}.header[data-v-f79e6d7a]{padding:.5rem 0;margin-bottom:.5rem}.back-button[data-v-f79e6d7a]{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:#667eea;border:none;border-radius:.4rem;cursor:pointer;transition:transform .2s,background-color .2s}.back-button[data-v-f79e6d7a]:hover{background:#764ba2;transform:translateY(-2px)}.back-button[data-v-f79e6d7a]:active{transform:translateY(0)}.title-section[data-v-f79e6d7a]{padding:.5rem 0;margin-bottom:.5rem}.title-input[data-v-f79e6d7a]{width:100%;padding:.75rem;font-size:1.2rem;font-weight:600;border:2px solid #ddd;border-radius:.4rem;box-sizing:border-box;transition:border-color .2s}.title-input[data-v-f79e6d7a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.title-input[data-v-f79e6d7a]::placeholder{color:#999}.editor-container[data-v-f79e6d7a]{display:flex;flex-direction:row;width:100%;flex:1;min-height:0}.top-page[data-v-2ade08d1]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.header[data-v-2ade08d1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:1000px;margin-left:auto;margin-right:auto}h1[data-v-2ade08d1]{font-size:2rem;color:#fff;margin:0}.create-button[data-v-2ade08d1]{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#667eea;background:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.create-button[data-v-2ade08d1]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0003}.create-button[data-v-2ade08d1]:active{transform:translateY(0)}.content[data-v-2ade08d1]{max-width:1000px;margin-left:auto;margin-right:auto}.loading[data-v-2ade08d1],.error[data-v-2ade08d1],.empty[data-v-2ade08d1]{background:#fff;padding:2rem;border-radius:1rem;text-align:center;font-size:1.1rem;color:#333}.error[data-v-2ade08d1]{color:#d32f2f;background:#ffebee}.docs-list[data-v-2ade08d1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.doc-item[data-v-2ade08d1]{background:#fff;padding:1.5rem;border-radius:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.doc-item[data-v-2ade08d1]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.doc-content[data-v-2ade08d1]{flex:1;min-width:0}.doc-title[data-v-2ade08d1]{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.5rem;word-break:break-word}.doc-date[data-v-2ade08d1]{font-size:.9rem;color:#999}.delete-icon-btn[data-v-2ade08d1]{flex-shrink:0;padding:.25rem .5rem;background:#ff6b6b;color:#fff;border:none;border-radius:.25rem;font-size:1.5rem;cursor:pointer;transition:background-color .2s;line-height:1}.delete-icon-btn[data-v-2ade08d1]:hover{background:#d32f2f}