: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,html{margin:0;padding:0}#canvas-container{width:100vw;height:100vh}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.document-sidebar{width:250px;height:100vh;background:#f5f5f5;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff}.sidebar-header .header-info{flex:1;min-width:0}.sidebar-header .header-info h2{margin:0;font-size:1.2rem;font-weight:600}.sidebar-header .header-info .folder-name{margin:.25rem 0 0;font-size:.75rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-content{flex:1;overflow-y:auto;padding:.5rem}.sidebar-footer{padding:1rem;border-top:1px solid #e0e0e0;background:#fff}.no-directory,.no-documents{text-align:center;padding:2rem 1rem;color:#666}.no-directory p,.no-documents p{margin:.5rem 0}.no-directory .help-text,.no-documents .help-text{font-size:.875rem;color:#999}.no-directory .last-folder-hint,.no-documents .last-folder-hint{font-size:.875rem;color:#666;background:#f5f5f5;padding:.75rem;border-radius:4px;margin:1rem 0}.no-directory .last-folder-hint strong,.no-documents .last-folder-hint strong{color:#333;font-weight:600}.error-message{background:#fee;color:#c33;padding:.75rem;margin:.5rem;border-radius:4px;font-size:.875rem}.document-list{list-style:none;padding:0;margin:0}.document-list li{display:flex;align-items:center;margin-bottom:.25rem;border-radius:4px;overflow:hidden;background:#fff;border:1px solid #e0e0e0}.document-list li.active{background:#e3f2fd;border-color:#2196f3}.document-list li.active .document-item{font-weight:600;color:#1976d2}.document-list li:hover .btn-delete{opacity:1}.document-item{flex:1;padding:.75rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;transition:background .2s}.document-item:hover{background:#0000000d}.document-item .document-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{padding:.5rem;background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;opacity:0;transition:all .2s}.btn-delete:hover{color:#c33;background:#ff00001a}.new-document-form{background:#fff;border:1px solid #2196f3;border-radius:4px;padding:.75rem;margin-bottom:.5rem}.new-document-form input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;font-size:.9rem}.new-document-form input:focus{outline:none;border-color:#2196f3}.new-document-form .form-actions{display:flex;gap:.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;width:100%}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover{background:#1976d2}.btn-secondary{background:#fff;color:#666;border:1px solid #ddd}.btn-secondary:hover{background:#f5f5f5}.btn-small{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;background:#2196f3;color:#fff;flex:1}.btn-small:hover{background:#1976d2}.btn-small.btn-secondary{background:#fff;color:#666;border:1px solid #ddd}.btn-small.btn-secondary:hover{background:#f5f5f5}.btn-icon{width:2rem;height:2rem;padding:0;border:none;background:#2196f3;color:#fff;border-radius:4px;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#1976d2}.loading{text-align:center;padding:2rem;color:#999}.document-editor{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#fff}.editor-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;background:#fafafa}.editor-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#333}.editor-content-wrapper{flex:1;overflow-y:auto}.editor-content-wrapper .editor-input{min-height:100%;outline:none;font-size:1rem;line-height:1.7;color:#333;padding:0}.editor-content-wrapper .editor-placeholder{position:absolute;top:0;left:0;color:#999;pointer-events:none;font-size:1rem;line-height:1.7}.editor-content-wrapper .editor-paragraph{margin:0}.editor-content-wrapper .editor-text-bold{font-weight:600}.editor-content-wrapper .editor-text-italic{font-style:italic}.editor-content-wrapper .editor-text-underline{text-decoration:underline}.no-document-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.no-document-selected p{margin:.5rem 0;font-size:1.1rem}.no-document-selected .help-text{font-size:.9rem;color:#bbb}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0}