.djot-editor-container{border:1px solid #d1d5db;border-radius:.375rem;background:var(--white)}.djot-editor-container.fullscreen-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;border-radius:0;display:flex;flex-direction:column}.djot-editor-container.fullscreen-mode .djot-editor-toolbar{flex-shrink:0}.djot-editor-container.fullscreen-mode .djot-editor-wrapper{flex:1;min-height:0}.djot-editor-container.fullscreen-mode .djot-editor-input,.djot-editor-container.fullscreen-mode .djot-editor-preview{flex:1;overflow-y:auto}.djot-editor-container.fullscreen-mode .djot-editor-input{resize:none}.djot-editor-toolbar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background:#f9fafb;border-bottom:1px solid #d1d5db;border-radius:.375rem .375rem 0 0}.djot-editor-btn{padding:.375rem .625rem;background:var(--white);border:1px solid #d1d5db;border-radius:.25rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.djot-editor-btn:hover{background:#e5e7eb;border-color:#9ca3af}.djot-editor-btn:active,.djot-editor-btn.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.djot-editor-separator{color:#d1d5db;padding:0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center}.djot-editor-wrapper{display:flex;position:relative}.djot-editor-wrapper.split-mode{display:grid;grid-template-columns:1fr 1fr}.djot-editor-wrapper.split-mode .djot-editor-input{border-right:1px solid #d1d5db;border-radius:0;overflow-y:auto}.djot-editor-wrapper.split-mode .djot-editor-preview{border-radius:0}.djot-editor-input{width:100%;padding:1rem;border:none;border-radius:0 0 .375rem .375rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.65;color:#374151;resize:vertical;outline:none;background:var(--white)}.djot-editor-input:focus{box-shadow:0 0 0 2px #3b82f6}.djot-editor-preview{width:100%;padding:1rem;overflow-y:auto;background:var(--white);border-radius:0 0 .375rem .375rem}.djot-editor-container.monospace-mode .djot-editor-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.djot-editor-container.monospace-mode #font-btn{background:#dbeafe;border-color:#3b82f6}.djot-editor-input::-webkit-scrollbar,.djot-editor-preview::-webkit-scrollbar{width:8px;height:8px}.djot-editor-input::-webkit-scrollbar-track,.djot-editor-preview::-webkit-scrollbar-track{background:#f3f4f6}.djot-editor-input::-webkit-scrollbar-thumb,.djot-editor-preview::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.djot-editor-input::-webkit-scrollbar-thumb:hover,.djot-editor-preview::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:639px){.djot-editor-wrapper.split-mode{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.djot-editor-wrapper.split-mode .djot-editor-input{border-right:none;border-bottom:1px solid #d1d5db}.dark .djot-editor-wrapper.split-mode .djot-editor-input{border-bottom-color:#4b5563}.djot-editor-toolbar{gap:.125rem;padding:.375rem}.djot-editor-btn{padding:.25rem .5rem;min-width:28px;height:28px;font-size:.8125rem}.djot-editor-input,.djot-editor-preview{padding:.5rem}#split-btn{display:none}.fullscreen-mode #split-btn{display:inline-flex}.fullscreen-mode .djot-editor-wrapper.split-mode{grid-template-columns:1fr 1fr;grid-template-rows:auto}.fullscreen-mode .djot-editor-wrapper.split-mode .djot-editor-input{border-right:1px solid #d1d5db;border-bottom:none}.dark .fullscreen-mode .djot-editor-wrapper.split-mode .djot-editor-input{border-right-color:#4b5563}}@media(min-width:640px){.djot-editor-input,.djot-editor-preview{min-height:300px}}.dark .djot-editor-container{border-color:#4b5563;background:#1f2937}.dark .djot-editor-toolbar{background:#111827;border-bottom-color:#4b5563}.dark .djot-editor-btn{background:#1f2937;border-color:#4b5563;color:#d1d5db}.dark .djot-editor-btn:hover{background:#374151;border-color:#6b7280}.dark .djot-editor-btn:active,.dark .djot-editor-btn.active{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.dark .djot-editor-separator{color:#4b5563}.dark .djot-editor-wrapper.split-mode .djot-editor-input{border-right-color:#4b5563}.dark .djot-editor-input{color:#e5e7eb;background:#1f2937}.dark .djot-editor-input:focus{box-shadow:0 0 0 2px #3b82f6}.dark .djot-editor-preview{background:#1f2937}.dark .djot-editor-container.monospace-mode #font-btn{background:#1e3a5f;border-color:#3b82f6}.dark .djot-editor-input::-webkit-scrollbar-track,.dark .djot-editor-preview::-webkit-scrollbar-track{background:#1f2937}.dark .djot-editor-input::-webkit-scrollbar-thumb,.dark .djot-editor-preview::-webkit-scrollbar-thumb{background:#4b5563}.dark .djot-editor-input::-webkit-scrollbar-thumb:hover,.dark .djot-editor-preview::-webkit-scrollbar-thumb:hover{background:#6b7280}