:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;color:#333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:100vw;min-height:100vh;background-color:#fff}#root{max-width:none;margin:0;padding:0;width:100%;height:100%}.rich-editor-container{border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box}.editor-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px;display:flex;gap:6px;align-items:center;position:sticky;top:0;z-index:50;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.editor-toolbar button{padding:6px;border-radius:4px;border:none;background:transparent;cursor:pointer;color:#4b5563;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.editor-toolbar button:hover{background:#e5e7eb}.editor-toolbar button.is-active{background:#e0e7ff;color:#4f46e5}.toolbar-select{padding:4px;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:13px;outline:none;background-color:#fff;cursor:pointer;max-width:100px}.color-btn-wrapper{position:relative;width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px}.color-btn-wrapper:hover{background-color:#e5e7eb}.color-btn-wrapper input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.icon-a-color{display:flex;flex-direction:column;align-items:center;line-height:1;color:#4b5563}.icon-a-color .color-bar{width:14px;height:3px;margin-top:1px;border-radius:1px}.divider{width:1px;height:20px;background:#d1d5db;margin:0 4px;flex-shrink:0}.ProseMirror{padding:30px 40px;min-height:400px;outline:none;line-height:1.7;color:#1f2937;font-size:16px;overflow-wrap:break-word;word-wrap:break-word}.ProseMirror p{margin-bottom:1.2em}.ProseMirror a{color:#2563eb;text-decoration:underline;cursor:pointer}.ProseMirror ul,.ProseMirror ol{padding-left:1.5rem}.ProseMirror img,.ProseMirror div[data-youtube-video]{display:block;margin:25px auto;max-width:100%;height:auto;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;border:3px solid transparent;transition:border-color .2s,box-shadow .2s;cursor:pointer}.ProseMirror div[data-youtube-video] iframe{display:block;margin:0 auto;max-width:100%}.ProseMirror img.ProseMirror-selectednode,.ProseMirror div[data-youtube-video].ProseMirror-selectednode{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f64d}.ProseMirror blockquote{border-left:4px solid #6366f1;background:#f3f4f6;padding:15px 20px;margin:20px 0;font-style:italic;color:#4b5563;border-radius:0 8px 8px 0}.bubble-menu{display:flex;background-color:#1f2937;padding:5px;border-radius:8px;box-shadow:0 10px 15px #0000004d;gap:5px;align-items:center;flex-wrap:wrap;width:max-content;max-width:90vw;justify-content:center;z-index:1000}.bubble-menu>button{border:none;background:transparent;color:#e5e7eb;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.bubble-menu>button:hover{background-color:#374151}.bubble-menu>button.is-active{background-color:#6366f1;color:#fff}.bubble-menu .bubble-select{background:transparent;border:1px solid #6b7280;color:#e5e7eb;border-radius:4px;font-size:13px;padding:4px;cursor:pointer;width:auto;min-width:60px;max-width:90px}.bubble-menu .bubble-select option{background-color:#1f2937;color:#fff}.custom-dropdown-container{position:relative;display:flex;align-items:center}.dropdown-trigger{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #6b7280;color:#e5e7eb;padding:4px;border-radius:4px;cursor:pointer;transition:background .2s;min-width:32px}.dropdown-trigger:hover,.dropdown-trigger.open{background-color:#374151}.dropdown-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1001;cursor:default}.dropdown-options{position:absolute;top:115%;left:50%;transform:translate(-50%);background-color:#374151;border:1px solid #4b5563;border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:1002;box-shadow:0 4px 10px #0006;min-width:44px;align-items:center}.dropdown-item{background:transparent;border:none;color:#e5e7eb;padding:8px;border-radius:4px;cursor:pointer;display:flex;width:100%;justify-content:center}.dropdown-item:hover{background-color:#4b5563}.dropdown-item.active{background-color:#6366f1;color:#fff}.bubble-color-input{width:28px;height:28px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.divider-vertical{width:1px;height:20px;background-color:#4b5563;margin:0 4px}.floating-menu{display:flex;background-color:transparent;padding:0}.floating-menu-btn-group{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 6px #0000001a;padding:6px 10px;gap:8px;align-items:center}.floating-menu button{color:#6b7280;padding:6px;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:all .2s}.floating-menu button:hover{color:#3b82f6;background:#eff6ff}.ProseMirror li p{display:inline!important;margin:0}.ProseMirror li{text-align:inherit}.ProseMirror ul,.ProseMirror ol{list-style-position:inside;text-align:inherit;padding-left:1rem}@media(max-width:768px){.editor-toolbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:10px 5px;-webkit-overflow-scrolling:touch;gap:8px}.editor-toolbar::-webkit-scrollbar{height:4px}.editor-toolbar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.bubble-menu{padding:8px;gap:4px;width:auto;max-width:95vw;margin:0}.bubble-menu .divider-vertical{display:none}.rich-editor-container{width:100%;margin:0;border-radius:0;border-left:none;border-right:none;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.ProseMirror{padding:20px 15px;font-size:16px;min-height:60vh}}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;font-family:Inter,sans-serif;background-color:#f9fafb}.sidebar-container{width:280px;background-color:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;height:100vh;transition:transform .3s ease-in-out;z-index:1000;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fff;overflow-y:auto;position:relative;transition:margin-left .3s ease}.top-bar{position:sticky;top:0;z-index:90;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid #f0f0f0}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;color:#333}.mobile-overlay{display:none}@media(max-width:768px){.sidebar-container{position:fixed;top:0;left:0;width:85%;max-width:300px;height:100%;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar-container.open{transform:translate(0)}.hamburger-btn{display:flex;align-items:center;justify-content:center}.mobile-overlay.open{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media(min-width:1600px){.doc-viewer-container{max-width:1000px!important}}.doc-viewer-container{max-width:900px;margin:0 auto;padding:40px 40px 100px;box-sizing:border-box}.doc-header{margin-bottom:15px}.doc-title-input{width:100%;font-size:1.5rem;font-weight:700;padding:12px;border:1px solid #ced4da;border-radius:6px;margin-bottom:15px;box-sizing:border-box;outline:none}.doc-title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.doc-title-view{margin:0;font-size:2rem;color:#343a40;overflow-wrap:break-word}.doc-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.doc-btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:6px;font-size:14px}.doc-btn-cancel{background:#6c757d;color:#fff}.doc-btn-save{background:#28a745;color:#fff}.doc-btn-edit{background:#007bff;color:#fff}.doc-btn-delete{background:#dc3545;color:#fff}.doc-btn-icon{padding:0 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center}.doc-divider{margin-bottom:20px;opacity:.2;border:0;border-top:1px solid #000}.doc-meta-panel{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;margin-bottom:20px}.doc-meta-grid{display:flex;gap:20px;flex-wrap:wrap}.doc-meta-item{flex:1;min-width:200px}.doc-label{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:6px}.doc-input-group{display:flex;gap:8px}.doc-select{width:100%;padding:10px;border-radius:4px;border:1px solid #ced4da;background:#fff;height:42px;font-size:14px}.doc-checkbox-container{display:flex;align-items:center;gap:10px;background:#fff;padding:0;border-radius:4px;border:1px solid #ced4da;cursor:pointer;height:42px}.doc-checkbox-container input{width:18px;height:18px}.doc-hint{display:block;margin-top:10px;color:#666;background:#f8f9fa;padding:10px;border-radius:4px;border-left:4px solid #3b82f6}.doc-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.badge{padding:4px 10px;border-radius:15px;fontSize:12px;fontWeight:bold;display:flex;alignItems:center;gap:5px}.badge-gray{background:#e9ecef;color:#495057}.badge-green{background:#d4edda;color:#155724}.badge-red{background:#f8d7da;color:#721c24}.badge-blue{background:#e0f2fe;color:#0369a1}@media(max-width:768px){.doc-viewer-container{padding:20px 15px;width:100%}.doc-title-input{width:100%;font-size:18px;padding:15px}.doc-actions{flex-direction:row;justify-content:space-between;gap:10px}.doc-btn{flex:1;justify-content:center;padding:12px}.doc-meta-panel{padding:15px;width:100%;box-sizing:border-box}.doc-meta-grid{flex-direction:column;gap:15px}.doc-meta-item{width:100%;min-width:unset}.doc-select,.doc-checkbox-container{width:100%;height:50px;font-size:16px}.doc-btn-icon{width:50px;justify-content:center}}