.documents-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.document-item{background:var(--md-sys-color-surface-container-low);border-radius:12px;padding:16px;border:1px solid transparent;cursor:pointer;transition:.2s;user-select:none;animation:.3s forwards fadeInUp}.document-item:hover{background:var(--md-sys-color-surface-container);border-color:var(--md-sys-color-outline-variant);transform:translateY(-1px)}.document-item:active{transform:translateY(0)}.document-title{font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:4px;font-size:16px;line-height:1.4}.document-preview{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px}.document-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.document-date{opacity:.8}.document-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.document-item:hover .document-actions{opacity:1}.doc-action-btn{width:24px;height:24px;border-radius:6px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.doc-action-btn:hover{background:var(--md-sys-color-surface-container-high)}.doc-action-btn md-icon{font-size:16px}.yoopta-placeholder-editor{height:100%;display:flex;flex-direction:column;background:var(--md-sys-color-surface);border-radius:12px;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant)}.yoopta-toolbar{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);padding:8px 16px;position:sticky;top:0;z-index:10}.toolbar-group{display:flex;gap:4px;align-items:center}.toolbar-separator{width:1px;height:24px;background:var(--md-sys-color-outline-variant);margin:0 8px}.yoopta-tool-btn{width:32px;height:32px;border-radius:8px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;color:var(--md-sys-color-on-surface)}.yoopta-tool-btn:hover{background:var(--md-sys-color-surface-container)}.yoopta-tool-btn:active{background:var(--md-sys-color-surface-container-high);transform:scale(.95)}.yoopta-tool-btn md-icon{font-size:18px}.yoopta-editor-content{flex:1;padding:24px 32px;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface);outline:0;overflow-y:auto;background:var(--md-sys-color-surface)}.yoopta-editor-content:empty::before{content:attr(placeholder);color:var(--md-sys-color-on-surface-variant);opacity:.6;pointer-events:none}.yoopta-editor-content h1,.yoopta-editor-content h2,.yoopta-editor-content h3,.yoopta-editor-content h4,.yoopta-editor-content h5,.yoopta-editor-content h6{color:var(--md-sys-color-on-surface);margin:24px 0 16px;font-weight:600}.yoopta-editor-content h1{font-size:2.5rem;line-height:1.2}.yoopta-editor-content h2{font-size:2rem;line-height:1.3}.yoopta-editor-content h3{font-size:1.5rem;line-height:1.4}.yoopta-editor-content p{margin:12px 0;line-height:1.6}.yoopta-editor-content blockquote{border-left:4px solid var(--md-sys-color-primary);padding-left:16px;margin:16px 0;font-style:italic;color:var(--md-sys-color-on-surface-variant)}.yoopta-editor-content pre{background:var(--md-sys-color-surface-container-high);border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0;font-family:'Fira Code',Monaco,Consolas,monospace}.yoopta-editor-content code{background:var(--md-sys-color-surface-container-high);padding:2px 6px;border-radius:4px;font-family:'Fira Code',Monaco,Consolas,monospace;font-size:.9em}.yoopta-editor-content ol,.yoopta-editor-content ul{margin:12px 0;padding-left:24px}.yoopta-editor-content li{margin:6px 0;line-height:1.5}.yoopta-editor-content table{width:100%;border-collapse:collapse;margin:16px 0;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.yoopta-editor-content td,.yoopta-editor-content th{border:1px solid var(--md-sys-color-outline-variant);padding:12px;text-align:left}.yoopta-editor-content th{background:var(--md-sys-color-surface-container-low);font-weight:600}.yoopta-editor-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.yoopta-editor-content a{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.yoopta-editor-content a:hover{text-decoration-thickness:2px}.yoopta-editor-content hr{border:none;border-top:2px solid var(--md-sys-color-outline-variant);margin:24px 0}#window-edit-document.compact-mode #normal-document-info{display:none!important}#window-edit-document.compact-mode #compact-document-info,#window-edit-document.compact-mode #compact-save-buttons{display:flex!important}#window-edit-document.compact-mode .yoopta-toolbar{padding:8px 16px!important}#window-edit-document.compact-mode .yoopta-toolbar .simple-container{justify-content:space-between!important}#window-edit-document.compact-mode .yoopta-placeholder-editor{height:calc(100vh - 160px)!important;min-height:500px!important}#window-edit-document.compact-mode .yoopta-editor-content{min-height:calc(100vh - 240px)!important}#compact-mode-btn{transition:.3s;background:var(--md-sys-color-surface-container-low);border-radius:50%}#compact-mode-btn:hover{background:var(--md-sys-color-surface-container-high)}#window-edit-document.compact-mode #compact-mode-btn md-icon{transform:rotate(180deg)}#compact-document-info{font-size:.875rem;opacity:.9}#compact-document-info .body-small{font-size:.75rem}#compact-document-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#compact-save-buttons md-filled-button,#compact-save-buttons md-text-button{font-size:.875rem;padding:8px 16px;min-width:auto}.compact-transition{transition:.3s cubic-bezier(.4, 0, .2, 1)}#window-edit-document.compact-mode holder{gap:0!important}#window-edit-document.compact-mode .content-box:last-child{flex:1;margin-top:0}@media (max-width:1024px){#compact-document-info .body-small:not(:first-child){display:none}#compact-document-name{max-width:150px}}@media (max-width:768px){#compact-document-info,#window-edit-document.compact-mode #compact-document-info{display:none!important}#compact-save-buttons{gap:4px!important}#compact-save-buttons md-filled-button,#compact-save-buttons md-text-button{padding:8px 12px!important;font-size:.875rem!important}}#window-edit-document.fullscreen-mode{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;z-index:1000!important;background:var(--md-sys-color-surface)!important;border-radius:0!important;transform:none!important}#window-edit-document.fullscreen-mode .window-content{height:calc(100vh - 64px)!important;max-height:none!important}#window-edit-document.fullscreen-mode .yoopta-placeholder-editor{height:100%!important;border-radius:0!important;border:none!important}#window-edit-document.fullscreen-mode .yoopta-editor-content{padding:32px 64px!important;max-width:900px!important;margin:0 auto!important}.editor-header-actions{display:flex;gap:8px;align-items:center}#fullscreen-toggle-btn{width:40px;height:40px;border-radius:8px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;color:var(--md-sys-color-on-surface)}#fullscreen-toggle-btn:hover{background:var(--md-sys-color-surface-container)}@media (max-width:768px){.yoopta-editor-content{padding:16px 20px}#window-edit-document.fullscreen-mode .yoopta-editor-content{padding:24px 20px!important}.yoopta-toolbar{padding:8px 12px}.toolbar-group{gap:2px}.yoopta-tool-btn{width:28px;height:28px}.yoopta-tool-btn md-icon{font-size:16px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.documents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px;color:var(--md-sys-color-on-surface-variant)}.documents-empty md-icon{font-size:64px;margin-bottom:16px;opacity:.6}.documents-empty h3{margin-bottom:8px;font-weight:500}.documents-empty p{margin-bottom:24px;opacity:.8}.yoopta-editor{height:100%;background:var(--md-sys-color-surface)}.yoopta-editor .yoopta-block{margin:8px 0}.yoopta-editor .yoopta-toolbar{background:var(--md-sys-color-surface-container-low)!important;border-bottom:1px solid var(--md-sys-color-outline-variant)!important}:root{--yoopta-primary:var(--md-sys-color-primary);--yoopta-on-primary:var(--md-sys-color-on-primary);--yoopta-surface:var(--md-sys-color-surface);--yoopta-on-surface:var(--md-sys-color-on-surface);--yoopta-outline:var(--md-sys-color-outline-variant)}#auto-save-indicator{position:fixed;top:80px;right:20px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:8px 16px;border-radius:24px;font-size:var(--md-sys-typescale-body-small-size);z-index:100;opacity:0;transform:translateY(-10px);transition:.3s;pointer-events:none}#auto-save-indicator.show{opacity:1;transform:translateY(0)}.document-item[data-status=editing]{border-left:4px solid var(--md-sys-color-primary)}.document-item[data-status=new]{border-left:4px solid var(--md-sys-color-tertiary)}.document-item[data-status=synced]{border-left:4px solid var(--md-sys-color-success,#4caf50)}.connection-status{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:12px;background:var(--md-sys-color-surface-container-high)}.connection-status.online{color:var(--md-sys-color-success,#4caf50)}.connection-status.offline{color:var(--md-sys-color-error)}.connection-status md-icon{font-size:14px}@media (prefers-color-scheme:dark){.yoopta-editor-content img{box-shadow:0 2px 8px rgba(0,0,0,.3)}}