:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--bg-base);color:var(--color-text)}.markdone-drop-cursor{background-color:#000}[data-theme=dark] .markdone-drop-cursor{background-color:#fff}[data-theme=dark] .react-resizable-handle{filter:invert(1)}[data-theme=dark] [data-rmiz-modal-overlay]{background-color:#0009}.markdone-scrollbar::-webkit-scrollbar{width:6px;height:6px}.markdone-scrollbar::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-thumb);border-radius:4px}.markdone-scrollbar::-webkit-scrollbar-track{background:transparent}.drag-drop-ghost .react-resizable-handle{display:none}.app-container .action-bar{position:fixed;top:0;right:0;left:0;z-index:1;height:0}.app-container .action-bar__wrapper{display:flex;justify-content:space-between;max-width:1366px;margin:0 auto;height:0}.app-container .action-bar__menu{padding:16px}.app-container .action-bar__right{display:flex;gap:12px;padding:16px}.app-container .action-bar__right .toggle-source-editor{color:var(--color-text-secondary)}.app-container .action-bar.source-open .action-bar__wrapper{max-width:none}.app-container .action-bar.source-open .share{display:none}@media screen and (max-width: 768px){.app-container .action-bar.source-open{padding-right:16px}}.app-container .editor-container{height:100vh;overflow:auto}.app-container .editor-container::-webkit-scrollbar{width:6px;height:6px}.app-container .editor-container::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-thumb);border-radius:4px}.app-container .editor-container::-webkit-scrollbar-track{background:transparent}.app-container .editor-container .wysiwyg-editor{margin:0 auto;max-width:880px;padding:64px 0 128px}.app-container .editor-container .wysiwyg-editor .ProseMirror{min-height:calc(100vh - 192px)}.app-container .editor-container.source-open .wysiwyg-editor{max-width:50%;margin:0}.app-container .editor-container .source-editor{position:fixed;top:0;right:0;bottom:0;width:50%;display:flex;flex-direction:column;background-color:var(--bg-primary);box-shadow:0 2px 8px #0000001a}.app-container .editor-container .source-editor__topbar{flex:0 0 64px;margin:0 16px;border-bottom:1px solid var(--border-color);z-index:1}.app-container .editor-container .source-editor__container{flex:1 1 auto;overflow-y:auto}.app-container .editor-container .source-editor__container::-webkit-scrollbar{width:6px;height:6px}.app-container .editor-container .source-editor__container::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-thumb);border-radius:4px}.app-container .editor-container .source-editor__container::-webkit-scrollbar-track{background:transparent}.app-container .editor-container .source-editor__container>div{padding:16px}@media screen and (max-width: 768px){.app-container .editor-container.source-open{display:flex;flex-direction:column;height:100vh}.app-container .editor-container.source-open .wysiwyg-editor{height:50%;max-width:100%;overflow:auto}.app-container .editor-container.source-open .wysiwyg-editor::-webkit-scrollbar{width:6px;height:6px}.app-container .editor-container.source-open .wysiwyg-editor::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-thumb);border-radius:4px}.app-container .editor-container.source-open .wysiwyg-editor::-webkit-scrollbar-track{background:transparent}.app-container .editor-container.source-open .source-editor{position:static;height:50%;width:100%}.app-container .editor-container.source-open .source-editor__topbar{display:none}}.three-dots-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:32px;color:var(--color-text-secondary);gap:8px}.three-dots-loading span{animation:blink 1.5s infinite}.three-dots-loading span:nth-child(2){animation-delay:.3s}.three-dots-loading span:nth-child(3){animation-delay:.6s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.app-menu-dropdown .theme-toggle,.app-menu-dropdown .lang-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;color:var(--color-text)}.app-menu-dropdown .theme-toggle__icon,.app-menu-dropdown .lang-toggle__icon{display:flex;padding:2px;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--btn-default-bg)}.app-menu-dropdown .theme-toggle__icon .btn,.app-menu-dropdown .lang-toggle__icon .btn{border-color:var(--btn-default-bg)}.app-menu-dropdown .theme-toggle__icon .btn--primary,.app-menu-dropdown .lang-toggle__icon .btn--primary{background-color:var(--color-primary)}.drag-upload-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-Index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drag-upload-mask.safari{background:linear-gradient(#0000,#0006);height:200px;bottom:0;top:auto}.drag-upload-indicator{position:absolute;bottom:60px;left:50%;transform:translate(-50%);padding:16px 24px;background-color:var(--color-info);border-radius:16px;font-size:16px;color:var(--color-text-inverse);display:flex;align-items:center;gap:8px}.drag-upload-indicator.readonly{background-color:var(--bg-warning);color:var(--color-warning)}.overlay{position:absolute;z-index:var(--z-overlay);display:block}.overlay.hidden{display:none}.overlay--modal{position:fixed;z-index:var(--z-modal)}.overlay--modal.enter-from .modal__content,.overlay--modal.leave-to .modal__content{opacity:0;transform:scale(.5)}.overlay--modal.enter-to .modal__content{opacity:1;transform:scale(1)}.overlay--modal.enter-to .modal__content,.overlay--modal.leave-to .modal__content{transition:transform .3s ease,opacity .3s ease}.overlay.modal--with-mask{display:flex;align-items:start;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);padding-top:150px}.overlay.modal--with-mask.hidden{display:none}.overlay.modal--with-mask .modal__mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000040;z-index:-1}.overlay.modal--with-mask.enter-from .modal__mask,.overlay.modal--with-mask.leave-to .modal__mask{opacity:0}.overlay.modal--with-mask.enter-to .modal__mask{opacity:1}.overlay.modal--with-mask.enter-to .modal__mask,.overlay.modal--with-mask.leave-to .modal__mask{transition:opacity .1s ease}.overlay .modal__content{background:var(--bg-modal);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);box-sizing:border-box;position:fixed;max-height:calc(100vh - 48px);display:flex;flex-direction:column;min-width:400px;padding:20px 24px;transform-origin:center bottom}.overlay .modal__header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.overlay .modal__title{margin:0;padding:0;font-size:16px;line-height:22px;color:var(--color-text);font-weight:500}.overlay .modal__close{background:transparent;border:0;cursor:pointer;font-size:20px;color:var(--color-text-secondary);padding:0;line-height:1;transition:color .2s}.overlay .modal__close:hover{color:var(--color-text)}.overlay .modal__body{overflow-y:auto}.overlay .modal__footer{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.overlay .modal-static__body-wrapper{display:flex;gap:12px}.overlay .modal-static__icon{flex-shrink:0}.overlay .modal-static__icon--confirm svg{color:var(--color-warning)!important}.overlay .modal-static__body{flex-grow:1;color:var(--color-text)}.overlay .modal-static__title{font-size:16px;font-weight:500;margin-bottom:8px}.overlay .modal-static__content{font-size:14px;line-height:1.6}.overlay .modal-static__footer{display:flex;justify-content:flex-end;gap:8px}.overlay--dropdown{position:absolute;background-color:var(--bg-dropdown);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.overlay--dropdown.enter-from,.overlay--dropdown.leave-to{transform:translateY(-4px);opacity:0}.overlay--dropdown.enter-to{transform:translateY(0);opacity:1}.overlay--dropdown.enter-to,.overlay--dropdown.leave-to{transition:max-height .2s cubic-bezier(.2,.9,.2,1),opacity .15s ease,transform .2s cubic-bezier(.2,.9,.2,1)}.overlay--dropdown .dropdown-menu{box-sizing:border-box;padding:10px}.overlay--dropdown .dropdown-menu .dropdown-item{padding:6px 10px;font-size:14px;border-radius:var(--border-radius);color:var(--color-text);cursor:pointer}.overlay--dropdown .dropdown-menu .dropdown-item:hover{background-color:var(--bg-dropdown-hover)}.overlay--dropdown .dropdown-menu .dropdown-item .dropdown-icon{display:inline-block;height:18px;margin-right:8px;vertical-align:middle}.overlay--dropdown .dropdown-menu .dropdown-divider{margin:8px 0;height:1px;background-color:var(--border-color)}.overlay--tooltip{background:var(--bg-tooltip);color:var(--color-tooltip-text);padding:6px 8px;font-size:14px;line-height:1.4;border-radius:6px;max-width:300px;word-wrap:break-word;box-shadow:var(--shadow-md);transform-origin:center bottom;z-index:var(--z-tooltip)}.overlay--tooltip.enter-from,.overlay--tooltip.leave-to{opacity:0;transform:scale(.8)}.overlay--tooltip.enter-to{opacity:1;transform:scale(1)}.overlay--tooltip.enter-to,.overlay--tooltip.leave-to{transition:transform .1s ease,opacity .1s ease}.overlay--tooltip:before{content:"";position:absolute;border-style:solid;border-width:6px}.overlay--tooltip[data-placement=top]:before{bottom:-12px;left:50%;transform:translate(-50%);border-color:var(--bg-tooltip) transparent transparent transparent}.overlay--tooltip[data-placement=bottom]:before{top:-12px;left:50%;transform:translate(-50%);border-color:transparent transparent var(--bg-tooltip) transparent}.overlay--tooltip[data-placement=left]:before{right:-12px;top:50%;transform:translateY(-50%);border-color:transparent transparent transparent var(--bg-tooltip)}.overlay--tooltip[data-placement=right]:before{left:-12px;top:50%;transform:translateY(-50%);border-color:transparent var(--bg-tooltip) transparent transparent}.toast-container{position:fixed;top:24px;z-index:1200;pointer-events:none;width:100%;height:auto;text-align:center}.toast{display:inline-flex;gap:0 5px;position:absolute;padding:0 10px;border-radius:var(--border-radius);font-size:14px;box-shadow:0 4px 12px #0000001f;background:var(--toast-bg);color:var(--toast-text);pointer-events:all;opacity:0;transform:translate(-50%) translateY(-40px);transition:opacity .3s ease-in-out,top .3s ease-in-out,transform .3s ease-in-out,height .3s ease-in-out}.toast.toast--enter{opacity:1;transform:translate(-50%) translateY(0)}.toast.toast--leave{opacity:0;transform:translate(-50%) translateY(-10px)}.toast__icon{width:20px;height:20px;flex-shrink:0;padding-top:10px}.toast__message{flex:1;word-break:break-word;padding:10px 0;text-align-last:left;line-height:20px}.toast--info{--toast-bg: var(--bg-info);--toast-text: var(--color-info)}.toast--success{--toast-bg: var(--bg-success);--toast-text: var(--color-success)}.toast--warning{--toast-bg: var(--bg-warning);--toast-text: var(--color-warning)}.toast--error{--toast-bg: var(--bg-error);--toast-text: var(--color-error)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:400;white-space:nowrap;text-align:center;border:1px solid transparent;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:var(--border-radius);box-shadow:0 2px #00000005}.btn--large{padding:8px 15px;font-size:16px;height:40px}.btn--middle{padding:4px 15px;font-size:14px;height:32px}.btn--small{padding:0 7px;font-size:12px;height:24px}.btn--default{background:var(--btn-default-bg);border-color:var(--btn-border-color);color:var(--color-text)}.btn--default:hover{border-color:var(--color-primary)}.btn--default.btn--disabled{border-color:var(--btn-border-color)}.btn--filled{background-color:var(--btn-default-filled);border-color:var(--btn-default-filled)}.btn--filled:hover{background-color:var(--btn-default-filled-hover);border-color:var(--btn-default-filled-hover)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--color-blue{background-color:var(--color-info)}.btn--color-blue:hover{background-color:var(--color-info);opacity:.8}.btn--color-blue:active{background:#0863d3}.btn--color-blue.btn--disabled{background-color:var(--color-info);opacity:.6}.btn--color-green{background-color:var(--color-success)}.btn--color-green:hover{background-color:var(--color-success);opacity:.85}.btn--color-green:active{background:#3f9714}.btn--color-green.btn--disabled{background-color:var(--color-success);opacity:.6}.btn--color-orange{background-color:var(--color-warning);color:var(--color-text)}.btn--color-orange:hover{background-color:var(--color-warning);opacity:.8}.btn--color-orange:active{background:#feaa00}.btn--color-orange.btn--disabled{background-color:var(--color-warning);opacity:.6}.btn--color-red{background-color:var(--color-error);color:var(--color-text)}.btn--color-red:hover{background-color:var(--color-error);opacity:.8}.btn--color-red:active{background:#eb4338}.btn--color-red.btn--disabled{background-color:var(--color-error);opacity:.6}.btn--ghost{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost:hover{color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--text{background:transparent;border-color:transparent;padding-left:0;padding-right:0}.btn--text:hover{background:var(--btn-text-hover-bg)}.btn--link{background:transparent;border-color:transparent;color:var(--color-primary);padding-left:0;padding-right:0}.btn--link:hover{color:var(--color-primary-hover)}.btn--circle{border-radius:50%;padding:0;width:32px;min-width:32px}.btn--circle.btn--large{width:40px;min-width:40px}.btn--circle.btn--small{width:24px;min-width:24px}.btn--round{border-radius:20px}.btn--loading{opacity:.7;cursor:default;pointer-events:none}.btn--disabled{opacity:.6;cursor:not-allowed}.btn--danger.btn--primary{background:var(--color-error);border-color:var(--color-error);color:#fff}.btn--danger.btn--primary:hover{background:var(--color-error-hover);border-color:var(--color-error-hover)}.btn--danger:not(.btn--primary){color:var(--color-error);border-color:var(--color-error)}.btn--danger:not(.btn--primary):hover{color:var(--color-error-hover);border-color:var(--color-error-hover)}.btn--block{width:100%}.btn--icon-only{padding:0;width:32px}.btn--icon-only.btn--large{width:40px}.btn--icon-only.btn--small{width:24px}.btn__spinner{position:relative;display:inline-block;width:1em;height:1em;vertical-align:middle;margin-right:8px}.btn__spinner:before{content:"";box-sizing:border-box;display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .8s infinite linear}.btn__icon{display:flex;align-items:center;margin-right:8px}.btn--icon-only .btn__icon{margin-right:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.save-modal__load{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:24px 32px;margin:8px 0 32px;border-radius:var(--border-radius);background-color:#fff6e4}.save-modal__load-text{flex:0 0 auto;display:flex;align-items:center;gap:16px;font-size:14px;color:#1f1f1f;line-height:1.8}.save-modal__load-text-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:100%;background-color:var(--color-warning)}.save-modal__load.share-load{background-color:#fef2f1}.save-modal__load.share-load .save-modal__load-text-icon{background-color:var(--color-error);color:#fff}.save-modal__load-action{text-align:right}.save-modal__load-action button{color:#1f1f1f;font-size:14px;font-weight:600}.save-modal__load-action-drag-hint{margin-top:10px;font-size:12px;line-height:1.5;color:#666}.save-modal__top{display:flex;align-items:center;gap:12px;margin:16px 0}.save-modal__label{font-weight:500;font-size:14px;color:var(--color-text)}.save-modal__input{flex:1;padding:6px 12px;font-size:15px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-base);color:var(--color-text);outline:none;transition:border-color .2s}.save-modal__input:focus{border-color:var(--color-primary)}.save-modal__options{display:flex;gap:24px}.save-modal__option{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px 16px 8px;border-radius:var(--border-radius);background:var(--bg-overlay);text-align:center}.save-modal__option .save-modal__icon{width:110px;height:110px;margin:10px auto;display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:var(--color-info)}.save-modal__option .save-modal__icon svg{width:60px;height:60px;color:#fff}.save-modal__option.with-images .save-modal__icon{background-color:var(--color-success)}.save-modal__option.with-images .save-modal__icon svg{width:80px;height:80px;transform:translate(-1px)}.save-modal__option .save-modal__title{font-weight:700;font-size:16px;color:var(--color-text)}.save-modal__option .save-modal__desc{font-size:14px;color:var(--color-text-secondary);min-height:70px}[data-theme=dark] .save-modal__option{background:var(--bg-overlay);border-color:var(--border-color)}.load-from-disk-dropdown .dropdown-menu .dropdown-item>div{color:var(--color-text-secondary);font-size:12px}:root{--color-primary: #3a3a3a;--color-info: #187cf6;--color-success: #52c41a;--color-warning: #ffbb32;--color-error: #f06f66;--color-primary-hover: #565656;--color-primary-active: #0a0a0a;--color-error-hover: #f58785;--color-text: #1f1f1f;--color-text-secondary: #666666;--color-text-inverse: #ffffff;--color-tooltip-text: #3a3a3a;--bg-base: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-overlay: var(--bg-primary);--bg-modal: var(--bg-primary);--bg-modal-mask: rgba(0, 0, 0, .15);--bg-tooltip: rgba(255, 255, 255, .95);--bg-dropdown: var(--bg-primary);--bg-dropdown-hover: #f5f5f5;--bg-info: #e6f4ff;--bg-success: #ebfaec;--bg-warning: #fff4e6;--bg-error: #feefea;--bg-scrollbar: #e6e6e6;--bg-scrollbar-thumb: #efefef;--border-radius: 8px;--border-color: #efefef;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 6px 16px 0 rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--z-overlay: 1000;--z-modal: 1100;--z-tooltip: 1200;--btn-default-bg: #ffffff;--btn-text-hover-bg: rgba(0, 0, 0, .04);--btn-border-color: #ddd;--btn-default-filled: #eeeeee;--btn-default-filled-hover: #f3f3f3}[data-theme=dark]{--color-primary: #3f3f3f;--color-text: #e3e3e3;--color-text-secondary: #dcdcdc;--color-tooltip-text: #ffffff;--bg-base: #181a1b;--bg-primary: #222222;--bg-secondary: #454545;--bg-overlay: var(--bg-primary);--bg-modal: var(--bg-primary);--bg-tooltip: rgba(0, 0, 0, .9);--bg-dropdown: var(--bg-primary);--bg-dropdown-hover: #333333;--bg-info: #1c2533;--bg-success: #1a2f1c;--bg-warning: #36311e;--bg-error: #3c2425;--bg-scrollbar: #000;--bg-scrollbar-thumb: #353a3d;--border-color: #2f2f2f;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .9);--shadow-md: 0 6px 16px 0 rgba(0, 0, 0, .9);--shadow-lg: 0 10px 12px -13px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .15);--btn-default-bg: var(--bg-primary);--btn-text-hover-bg: rgba(255, 255, 255, .08);--btn-default-filled: #333333;--btn-default-filled-hover: #3f3f3f}.share-modal{padding:10px 0}.share-modal .share-desc{line-height:22px}.share-modal .share-e2ee{margin-top:10px;line-height:20px;font-size:14px;color:var(--color-text-secondary)}.share-modal .share-e2ee span{color:var(--color-info);vertical-align:middle;margin-left:5px;line-height:16px}.share-modal .share-restrct{margin:15px 0 30px;font-size:14px}.share-modal .share-restrct__title{display:flex;align-items:center;gap:0 4px;margin-bottom:10px}.share-modal .share-restrct__title svg{color:var(--color-text-secondary)}.share-modal .share-restrct__items>div{display:flex;margin-bottom:5px}.share-modal .share-restrct__items>div span:first-child{width:160px;color:var(--color-text-secondary)}.share-modal .share-disabled{margin:20px 0;padding:20px 10px;background-color:var(--bg-warning);border-radius:var(--border-radius);color:var(--color-warning);font-weight:500}.share-modal .share-link-title{font-weight:500;margin:10px 0;font-size:14px}.share-modal .share-link-copy{display:flex;gap:0 10px;margin-bottom:30px}.share-modal .share-link-copy input{flex:1;box-sizing:border-box;height:40px;line-height:40px;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:15px;color:var(--color-text);background-color:var(--bg-secondary)}