.toolbar{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:flex-start;align-items:center;max-width:fit-content;padding:.375rem .75rem;display:flex;box-shadow:0 1px 2px #0000000d}.toolbar-group{align-items:center;gap:.25rem;display:flex}.toolbar-btn{border-radius:.25rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:background-color .15s;display:flex}.toolbar-btn:hover{background-color:#f3f4f6}.toolbar-btn-active{color:#fff!important;background-color:#3b82f6!important}.toolbar-btn-active:hover{background-color:#2563eb!important}.toolbar-btn-bold{color:#374151;font-weight:600}.toolbar-btn-italic{color:#374151;font-style:italic}.toolbar-btn-underline{color:#374151;text-decoration:underline}.toolbar-btn-icon{color:#4b5563}.toolbar-icon{object-fit:contain;width:1.25rem;height:1.25rem;display:block}.toolbar-btn img{object-fit:contain;width:1.25rem;height:1.25rem}.toolbar-btn-bullet-list .toolbar-icon,.toolbar-btn-bullet-list img{width:1.5rem;height:1.5rem}.toolbar-btn-numbered-list .toolbar-icon,.toolbar-btn-numbered-list img{width:1rem;height:1rem}
.editor-container{position:relative}.link-dialog-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.link-dialog{background-color:#fff;border-radius:.5rem;width:400px;padding:1.5rem;box-shadow:0 10px 25px #0003}.link-dialog-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.link-dialog-title{color:#1f2937;font-size:1.125rem;font-weight:600}.link-dialog-close{color:#9ca3af}.link-dialog-close:hover{color:#4b5563}.link-dialog-close-icon{width:1.25rem;height:1.25rem}.link-input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.625rem 1rem}.link-input:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #3b82f6}.link-dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.link-cancel-btn{color:#4b5563;border-radius:.5rem;padding:.5rem 1rem}.link-cancel-btn:hover{background-color:#f3f4f6}.link-insert-btn{color:#fff;background-color:#2563eb;border-radius:.5rem;padding:.5rem 1rem}.link-insert-btn:hover{background-color:#1d4ed8}.link-insert-btn:disabled{cursor:not-allowed;background-color:#d1d5db}.editor-toolbar-section{margin-bottom:1.5rem}.editor-title{width:100%;font-family:serif;font-size:42px;font-weight:600;line-height:1.2}.editor-title::placeholder{color:#d1d5db}.editor-title:focus{outline:none}.editor-content{color:#374151;white-space:pre-wrap;width:100%;min-height:400px;margin-top:1rem;font-size:1.125rem;line-height:2;position:relative}.editor-content:focus{outline:none}.editor-content b,.editor-content strong{font-weight:700}.editor-content i,.editor-content em{font-style:italic}.editor-content u{text-decoration:underline}.editor-content ul{margin:1rem 0;padding-left:2rem;list-style-type:disc}.editor-content ol{margin:1rem 0;padding-left:2rem;list-style-type:decimal}.editor-content li{margin:.25rem 0;line-height:1.6}.editor-content p,.editor-content div{margin:0;padding:0}.editor-content[data-empty=true]:before{content:"Start your story...";color:#9ca3af;position:absolute}.editor-content img{max-width:100%;height:auto;margin:10px 0;display:block}.editor-image-wrapper{max-width:100%;margin:10px 0;display:block;position:relative}.editor-image-wrapper:hover{border-color:#3b82f6!important}.editor-image-wrapper+div,.editor-image-wrapper+br+div{margin-top:10px}.editor-image-delete{color:#fff;cursor:pointer;opacity:0;z-index:10;background-color:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:5px;right:5px}.editor-image-delete:hover{background-color:#ef4444;transform:scale(1.1)}.editor-image-wrapper:hover .editor-image-delete{opacity:1}.editor-content blockquote{color:#4b5563;border-left:4px solid #d1d5db;padding-left:1rem;font-style:italic}.editor-content a{color:#2563eb;cursor:pointer;text-decoration:underline}.hidden{display:none}
.settings-container{flex-direction:column;gap:1.5rem;display:flex}.settings-title{color:#374151;font-size:.875rem;font-weight:600}.settings-section{flex-direction:column;display:flex}.settings-label{color:#4b5563;font-size:.875rem;font-weight:500}.settings-select{border:1px solid #d1d5db;border-radius:.375rem;width:100%;margin-top:.25rem;padding:.5rem}.settings-select:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.image-upload-container{border:2px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;height:8rem;margin-top:.5rem;display:flex;position:relative;overflow:hidden}.image-upload-container.dashed{cursor:pointer;border-style:dashed;transition:border-color .2s,background-color .2s}.image-upload-container.dashed:hover{background-color:#3b82f60d;border-color:#60a5fa}.image-upload-container.solid{border-style:solid;border-color:#e5e7eb}.image-upload-placeholder{text-align:center}.upload-icon{width:2rem;height:2rem;margin:0 auto .5rem}.upload-text{color:#9ca3af;font-size:.875rem}.featured-image{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#fff;opacity:0;background-color:#ef4444;border-radius:9999px;padding:.375rem;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem;box-shadow:0 4px 6px #0000001a}.image-upload-container:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background-color:#dc2626}.remove-icon{width:.875rem;height:.875rem}.tag-input{border:1px solid #d1d5db;border-radius:.375rem;width:100%;margin-top:.25rem;padding:.5rem}.tag-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.tags-container{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tag{color:#1d4ed8;background-color:#dbeafe;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.875rem;display:flex}.tag-remove-btn{margin-left:.25rem}.tag-remove-btn:hover{color:#dc2626}.hidden{display:none}
.write-page{background-color:#fff;flex-direction:column;height:100vh;display:flex}.write-footer{background-color:#fff;border-top:1px solid #e5e7eb;margin-top:auto;padding:1rem 2rem}.write-actions{justify-content:flex-end;align-items:center;width:100%;display:flex}.write-buttons{align-items:center;gap:1rem;display:flex}.write-message{font-size:.875rem}.write-message-error{color:#dc2626}.write-message-success{color:#16a34a}.write-draft-btn{color:#4b5563;font-size:.875rem}.write-draft-btn:hover{color:#1f2937}.write-draft-btn:disabled{opacity:.5;cursor:not-allowed}.write-publish-btn{color:#fff;background-color:#2563eb;border-radius:.375rem;padding:.375rem 1rem;font-size:.875rem}.write-publish-btn:hover{background-color:#1d4ed8}.write-publish-btn:disabled{opacity:.5;cursor:not-allowed}.write-content{flex:1;display:flex}.write-editor-section{flex:1;justify-content:center;padding:2rem 0;display:flex;overflow-y:auto}.write-editor-wrapper{width:100%;max-width:720px;padding:0 1rem}.write-sidebar{border-left:1px solid #e5e7eb;width:320px;padding:2rem 1.5rem}