.editor-container{background-color:#fff;border-radius:.5rem;flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-toolbar{z-index:20;-webkit-overflow-scrolling:touch;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;overflow-x:auto}.editor-toolbar-scroll{align-items:center;min-width:min-content;padding:.5rem;display:flex}.editor-toolbar-group{align-items:center;gap:.25rem;display:flex}.editor-toolbar-divider{background-color:#e5e7eb;flex-shrink:0;width:1px;height:1.5rem;margin:0 .5rem}.editor-button{color:#4b5563;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:.5rem;transition:all .2s;display:inline-flex}.editor-button:hover{color:#111827;background-color:#f3f4f6}.editor-button.active{color:#2563eb;background-color:#f3f4f6}.editor-content{background-color:#fff;flex:1;position:relative;overflow:hidden}.editor-area{-webkit-overflow-scrolling:touch;outline:none;height:100%;min-height:400px;padding:1.5rem;overflow-y:auto}.editor-area:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.editor-area:focus{background-color:#fff}.editor-area h1{color:#111827;border-bottom:1px solid #e5e7eb;margin:1.5em 0 .5em;padding-bottom:.25em;font-size:2em;font-weight:700;line-height:1.25}.editor-area h2{color:#111827;margin:1.5em 0 .5em;font-size:1.5em;font-weight:600;line-height:1.3}.editor-area p{color:#374151;margin:1em 0;line-height:1.75}.editor-area ul,.editor-area ol{margin:1em 0;padding-left:2em}.editor-area ul{list-style-type:disc}.editor-area ol{list-style-type:decimal}.editor-area li{color:#374151;margin:.5em 0;line-height:1.6}.editor-area a{color:#2563eb;cursor:pointer;text-decoration:underline}.editor-area img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5em 0;box-shadow:0 1px 3px #0000001a}.editor-area blockquote{color:#4b5563;background-color:#f9fafb;border-left:4px solid #e5e7eb;border-radius:0 .5rem .5rem 0;margin:1.5em 0;padding:1em 1.5em;font-style:italic}.editor-area code{color:#ef4444;background-color:#f3f4f6;border-radius:.25em;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.editor-footer{z-index:20;color:#6b7280;background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;display:flex;position:sticky;bottom:0}.editor-area::-webkit-scrollbar{width:8px}.editor-area::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.editor-area::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.editor-area::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.editor-toolbar-scroll{gap:.125rem;padding:.375rem}.editor-button{min-width:28px;min-height:28px;padding:.375rem}.editor-toolbar-divider{margin:0 .375rem}.editor-area{padding:1rem;font-size:.875rem}.editor-footer{padding:.5rem 1rem}.editor-area h1{font-size:1.75em}.editor-area h2{font-size:1.375em}}