.App{text-align:center;min-height:100vh;background-color:var(--background-secondary);transition:all .3s ease}main{padding:0 20px;transition:padding .4s ease;margin-top:-10px;overflow:hidden}.focus-mode-active main{padding:0 40px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:var(--background-secondary);color:var(--text-primary);padding:20px;border-radius:8px;box-shadow:0 2px 10px var(--shadow-color)}.modal-content{display:flex;align-items:center}.modal-input{flex-grow:1;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;margin-right:10px;background-color:var(--background-primary);color:var(--text-primary)}.modal-buttons{display:flex}.modal-button{width:40px;height:40px;padding:0;border:none;border-radius:8px;cursor:pointer;font-size:18px;transition:background-color .3s ease;margin-left:5px;background-color:var(--button-background);color:var(--button-text);display:flex;justify-content:center;align-items:center}.modal-button:hover{background-color:var(--button-background-hover)}.modal-button.confirm,.modal-button.cancel{color:#333}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .7s ease}.app-background.visible{opacity:0}:root{--highlight-yellow: #fffcd0;--highlight-green: #e2ffd7;--highlight-blue: #c4d9ff;--highlight-pink: #ffd9ff;--highlight-orange: #ffe3c4}[data-theme=dark]{--highlight-yellow: #b08d57;--highlight-green: #5f8a57;--highlight-blue: #5777b0;--highlight-pink: #b0578d;--highlight-orange: #b07d57;--background-secondary-hover-dark: #555555;--background-secondary-dark: #333333}.project-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px;background-color:var(--background-secondary);transition:all .3s ease;background-color:transparent;flex-grow:1;align-content:flex-start;overflow-y:auto}.project-tile{position:relative;border-radius:10px;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:16/8;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;background-color:var(--background-secondary);background-image:none;background-size:cover;background-position:center;--icon-color: var(--text-primary);box-shadow:0 3px 6px #0000001a;border:3px solid var(--border-color-custom, var(--folder-color-default))}.project-tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:inherit;background-size:cover;background-position:center;transition:transform .3s ease;z-index:1;border-radius:8px}.project-tile:hover:before{transform:scale(1.05)}.project-tile:hover .project-tile-overlay{opacity:1.2}.project-tile-content{color:var(--text-primary);position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:8px;box-sizing:border-box;min-height:0;overflow:hidden;border-radius:10px}.project-tile-content>div{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.project-tile-wrapper{position:relative;text-decoration:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.project-tile-link{display:block;text-decoration:none;color:inherit;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.project-tile-wrapper:not(.long-pressing) .project-tile-link{pointer-events:auto}.project-controls{position:absolute;top:8px;right:8px;display:flex;align-items:center;z-index:20;transform:translateY(0);transition:transform .3s ease}.project-tile:hover .project-controls{transform:translateY(-5px)}.menu-toggle,.project-menu{display:none}.pin-icon{width:16px;height:16px;margin-right:5px}.menu-toggle{background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;color:var(--text-secondary)}.menu-toggle:hover{background-color:var(--button-background-hover);border-radius:4px}.menu-toggle.open{background-color:none;color:var(--text-primary)!important}.menu-toggle.open{color:var(--text-primary)}.menu-toggle.open:hover{background-color:var(--button-background-hover)}.project-title{position:relative;margin:0 auto;font-size:.7em;font-weight:400;word-break:break-word;text-align:center;max-width:90%;z-index:3;color:var(--text-primary)!important;text-decoration:none;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0;line-height:1.3;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.project-title:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:inherit;filter:blur(1.25px);opacity:.7;transition:filter .3s ease;z-index:-1}.project-tile:hover .project-title:before{filter:blur(2.5px)}.project-menu{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--background-secondary);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;z-index:15;padding:15px;font-size:14px;color:var(--text-primary)}.project-menu>*{margin-bottom:10px}.project-menu>*:last-child{margin-bottom:0}.project-menu button{width:100%!important;padding:8px 10px;margin-bottom:8px;background-color:var(--button-background);color:var(--button-text);border:1px solid var(--border-color);border-radius:4px!important;cursor:pointer!important;transition:background-color .2s,color .2s!important;text-align:center!important;white-space:nowrap!important;font-weight:700!important}.project-menu button:hover{background-color:var(--button-background-hover)}.project-menu .delete-button{background-color:var(--danger-background)!important;color:var(--danger-text)!important}.project-menu .delete-button:hover{background-color:var(--danger-background-hover)!important}.project-icon{width:16px;height:16px;color:var(--icon-color)}@media (min-width: 768px){.project-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.project-grid{grid-template-columns:repeat(4,1fr)}}.project-tile:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.project-tile-wrapper{position:relative}.project-tile:hover .project-tile-vignette{opacity:.9}.button-row{display:flex;justify-content:space-between;width:100%;margin-top:4px;padding-top:0}.button-row button{width:48%!important;padding:8px 5px!important;margin-bottom:0}.rename-button{background-color:var(--button-background);color:var(--button-text)}.rename-button:hover{background-color:var(--button-background-hover)}.project-title-input{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:4px;font-size:.9em;font-weight:400;text-align:center;width:auto;min-width:100px;max-width:220px;outline:none;padding:5px 8px;margin:0 auto;font-family:inherit;transition:all .3s ease;color:var(--text-primary);min-height:2em;box-sizing:border-box;overflow:hidden;display:block;white-space:nowrap;align-self:center}.project-title-input:focus{background-color:var(--background-secondary);border-color:var(--border-color-focus);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.3)}.project-title.invisible{opacity:0}.project-tile-content h3{color:var(--text-primary);font-size:1em;font-weight:500;white-space:normal;overflow:visible;text-overflow:unset;word-wrap:break-word;word-break:break-word;-webkit-line-clamp:unset;display:block;text-align:center;width:95%;max-width:95%;padding:0;box-sizing:border-box;margin:0 auto;line-height:1.3}.project-title-input{color:var(--text-primary)}.pin-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-bottom:4px!important}.menu-pin-icon{width:16px!important;height:16px!important;color:var(--button-text)!important}.color-options-container{display:grid;grid-template-columns:repeat(5,20px);gap:6px;padding:8px;border-bottom:none;margin-bottom:8px;justify-content:start;width:fit-content;margin-left:8px;margin-right:auto}.color-option{width:20px!important;height:20px!important;min-width:20px!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;transition:transform .2s ease!important;margin:0!important}.color-option:hover{transform:scale(1.1)!important}.context-menu{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px var(--shadow-color);min-width:180px;padding:4px;z-index:1000}.context-menu button{width:100%;margin:2px 0;padding:8px 12px;text-align:left;background:none;border:none!important;color:var(--text-primary);cursor:pointer;font-size:14px;display:block;border-radius:4px;box-sizing:border-box;transition:background-color .2s;outline:none}.context-menu button:hover{background-color:var(--background-secondary-hover);border:none!important}.color-picker-container{padding:8px;border-top:1px solid var(--border-color);margin:4px 0}.color-picker-row{display:flex;gap:4px;margin-bottom:4px}.color-picker-row:last-child{margin-bottom:0}.color-square{width:20px!important;height:20px!important;padding:0!important;border-radius:4px!important;border:none!important}.project-grid-card{background-color:transparent;border-radius:15px;padding:20px;margin:20px;overflow:hidden;height:calc(100vh - 90px);display:flex;flex-direction:column;position:relative;z-index:1}.project-grid{background-color:transparent;flex-grow:1;align-content:flex-start;overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.4) transparent}.project-grid::-webkit-scrollbar{width:8px}.project-grid::-webkit-scrollbar-track{background:transparent}.project-grid::-webkit-scrollbar-thumb{background-color:#96969666;border-radius:10px;border:2px solid transparent}.project-grid::-webkit-scrollbar-thumb:hover{background-color:#96969699}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app-background img{width:100%;height:100%;object-fit:cover}.project-tile-content h3,.project-tile-link,.project-tile-wrapper,.project-tile{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.project-delete-warning-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:5000}.project-delete-warning-modal-content{background-color:var(--background-primary);padding:30px;border-radius:8px;width:90%;max-width:650px;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:row;align-items:flex-start;gap:25px;text-align:left}.project-delete-warning-modal-icon-container{flex-shrink:0}.project-delete-warning-modal-icon{color:#dc2626}.project-delete-warning-modal-text-container{display:flex;flex-direction:column;width:100%;gap:20px}.project-delete-warning-modal-content h2{margin:0;font-size:24px;color:var(--text-primary);font-weight:600}.project-analysis-loading,.project-analysis-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:10px;color:var(--text-secondary)}.project-contents-summary{display:flex;flex-direction:column;gap:10px;padding:15px;background-color:var(--background-secondary);border-radius:6px;border-left:4px solid var(--text-secondary)}.project-stat-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary)}.project-stat-item.device-sync-stat{color:#f59e0b}.stat-icon{flex-shrink:0;color:var(--text-secondary)}.device-sync-stat .stat-icon{color:#f59e0b}.synced-files-preview{background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;padding:15px}.synced-files-preview h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#f59e0b}.synced-files-preview ul{margin:0;padding-left:20px;color:var(--text-primary)}.synced-files-preview li{font-size:13px;margin-bottom:4px;line-height:1.4}.synced-files-preview li.more-files{font-style:italic;color:var(--text-secondary)}.project-delete-warnings{display:flex;flex-direction:column;gap:12px}.project-warning-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:6px;background-color:var(--background-secondary);border-left:4px solid #dc2626}.project-warning-item.device-sync-warning{border-left-color:#f59e0b;background-color:#fbbf241a}.project-warning-item span{font-size:14px;color:var(--text-primary);line-height:1.5}.project-delete-warning-modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:10px}.project-delete-warning-modal-button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.project-delete-warning-modal-button.cancel{background-color:var(--background-secondary-hover);color:var(--text-primary);border:1px solid var(--border-color)}.project-delete-warning-modal-button.cancel:hover{background-color:var(--background-secondary)}.project-delete-warning-modal-button.confirm-delete{background-color:#dc2626;color:#fff}.project-delete-warning-modal-button.confirm-delete:hover{background-color:#b91c1c}.project-delete-warning-modal-button:disabled{opacity:.6;cursor:not-allowed}.project-delete-warning-modal-button.confirm-delete .loader{width:20px;height:20px;border-width:2px}@media (max-width: 768px){.project-delete-warning-modal-content{flex-direction:column;align-items:center;text-align:center;gap:20px;padding:25px;max-width:95%}.project-delete-warning-modal-content h2{font-size:20px}.project-delete-warning-modal-actions{flex-direction:column-reverse;width:100%}.project-delete-warning-modal-button{width:100%;min-width:unset}.project-warning-item,.project-contents-summary,.synced-files-preview{text-align:left}}@media (max-width: 480px){.project-delete-warning-modal-content{padding:20px;gap:15px}.project-delete-warning-modal-text-container{gap:15px}.project-contents-summary,.project-warning-item{padding:10px}.synced-files-preview{padding:12px}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10000}.loader-container{text-align:center}.circular-loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.project-delete-modal{background:#fff;color:#333;border:1px solid #ccc;border-radius:4px;padding:20px;max-width:400px;width:90%;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;overflow:hidden}.project-delete-modal h2{margin-top:0;font-size:1.5rem;margin-bottom:10px}.project-delete-modal p{margin-bottom:20px;line-height:1.4}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.modal-cancel-button{background-color:#ccc;color:#333}.delete-button-project{background-color:#333;color:#fff}.project-view{display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;position:relative;padding-bottom:0}.project-content{flex-grow:1;position:relative;margin-top:0;overflow:hidden;display:flex;flex-direction:column;padding:32px 2px 2px}.panel:not(.expanded){transform:translateY(calc(100% - 35px))}.panel-toggle{width:100%;padding:10px;background-color:#e0e0e0;border:none;cursor:pointer;text-align:center;font-weight:700}.file-icon.dragging{opacity:.6;transform:scale(1.05)}.file-icon.drop-target{background-color:#007bff1a;border-radius:10px}@keyframes highlight{0%{background-color:#c8c8c880;border-radius:10px}to{background-color:transparent;border-radius:10px}}.file-icon.reordered{animation:highlight 1s ease}.file-icon.drag-over{background-color:#007bff1a}.file-icon.open{opacity:.5;pointer-events:none}.file-containers{display:flex;flex-direction:row;width:100%;overflow:hidden;position:relative;justify-content:center;flex-grow:1;min-height:0}.file-container{display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px var(--shadow-color);transition:box-shadow .3s ease;background-color:var(--background-secondary);border:none;border-radius:5px 5px 0 0;padding:0;margin:0;position:relative}.file-footer{height:24px;background-color:var(--file-header-background);display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:.8em;color:var(--text-secondary);flex-shrink:0;position:relative}.word-count{margin-right:8px;opacity:.6;animation:fadeIn .3s ease forwards;color:var(--text-secondary)}.info-icon{cursor:pointer;opacity:.2;transition:opacity .2s ease}.info-icon:hover{opacity:1}.file-content{flex-grow:1;overflow-y:auto;margin-bottom:0}.resize-handle{width:10px;cursor:col-resize;background-color:#0000001a;flex-shrink:0;opacity:0!important;background-color:transparent!important}.file-container::-webkit-scrollbar{display:none}.file-container:hover::-webkit-scrollbar{display:block;width:0px}.file-container:hover::-webkit-scrollbar-thumb{background-color:#0003;border-radius:0}.file-container.single{width:100%;max-width:100%;margin:0 auto;position:relative}@media (max-width: 768px){.file-container.single{max-width:100%}}.file-container.dragging{opacity:.8;box-shadow:0 5px 15px #0003;transform:scale(1.02);z-index:10}.file-container.drag-over{box-shadow:0 0 10px #0000004d inset}.file-header{display:flex;align-items:center;height:27px;padding:0 5px;background-color:var(--file-header-background);color:var(--text-primary);box-sizing:border-box;border-bottom:none;position:relative;justify-content:space-between}.left-controls{display:flex;align-items:center;flex:0 0 auto;gap:5px;z-index:1}.file-title-container{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:6px;pointer-events:none;z-index:0;padding:0 80px;box-sizing:border-box;overflow:hidden;min-width:0}.file-title-container h3,.file-header-tags{pointer-events:all}.file-title-container h3{margin:0;font-size:.8em;font-weight:700;line-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);text-align:center;max-width:100%;pointer-events:all;cursor:text}.file-name-edit-input{font-family:inherit;font-size:.8em;font-weight:700;line-height:25px;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:3px;padding:0 5px;margin:0;outline:none;text-align:center;width:auto;min-width:100px;max-width:calc(100% - 20px);box-sizing:border-box;flex-grow:0;flex-shrink:1;pointer-events:all}.file-name-edit-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}@media (max-width: 600px){.file-title-container h3{font-size:.7em}.file-name-edit-input{font-size:.7em;line-height:23px;min-width:80px}}.convert-button{height:100%;padding:0 10px;background-color:#f4f4f4;border:none;cursor:pointer;transition:background-color .2s ease}.convert-button:hover{background-color:#f1f1f1}.dropdown{position:relative;display:inline-block;margin-left:2px}.dropdown-toggle{background:none;border:none;cursor:pointer;font-size:.8em;padding:0 2px;color:#666}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-menu button{color:#000;padding:12px 16px;text-decoration:none;display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer}.dropdown-menu button:hover{background-color:#f1f1f1}.switch-button{width:30px;height:26px!important;padding:0 5px;margin:0;font-size:.7em;background-color:var(--file-header-background);border:none!important;border-radius:3px;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex:0 0 auto;min-height:16px!important;line-height:1}.switch-button:hover{background-color:#e0e0e0;color:#333}.file-header button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.file-header .close-button{width:40px;height:20px;padding:2px 5px;font-size:.8em;background-color:var(--background-secondary);color:var(--text-secondary);border:none;border-radius:3px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;transition:background-color .2s ease,color .2s ease}.file-header .close-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.file-content{overflow-y:scroll;scrollbar-color:transparent #e9e9e9;-ms-overflow-style:none;margin-top:0;flex-grow:1;padding:0;background-color:var(--background-secondary);color:var(--text-primary);scrollbar-gutter:stable both-edges;scrollbar-color:transparent var(--scrollbar-track)}.file-content:hover{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.file-content::-webkit-scrollbar{width:8px}.file-content::-webkit-scrollbar-track{background:var(--scrollbar-track)}.file-content::-webkit-scrollbar-thumb{background:transparent}.file-content:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.editable-content{font-family:Courier New,Courier,monospace;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;padding:10px}.editable-content.formattable{font-family:Arial,sans-serif}.editable-content p{margin-bottom:1em}.file-content,.editable-content,.editable-content p{text-align:left}.editable-content[contenteditable=true]:focus{background-color:#007bff0d}.file-content:not([contenteditable=true]){white-space:pre-wrap}.file-content textarea{width:100%;height:100%;border:none;resize:none;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;outline:none}.file-content pre{white-space:pre-wrap;word-wrap:break-word}.resize-handle{position:absolute!important;top:0!important;bottom:0!important;width:18px!important;height:100%!important;cursor:col-resize!important;z-index:100!important;background-color:transparent!important;left:calc(var(--left-width) - 5px)!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;opacity:0!important}.resize-handle:hover{opacity:0!important;background-color:transparent!important}.resize-handle:after{display:none!important}.resize-handle.disabled-by-drawer{pointer-events:none}.file-containers{position:relative;overflow:visible!important}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.popup-content{background-color:transparent;padding:20px}.container-options{display:flex;justify-content:center;gap:20px}.container-option{width:60px;height:90px;border:2px solid #fff;border-radius:5px;cursor:pointer;background-color:#ffffff1a;transition:all .3s ease}.container-option:hover{border-color:#007bff;background-color:#fff3;transform:scale(1.05)}.formatting-controls{display:flex;gap:5px;margin-right:10px}.formatting-controls button{padding:2px 5px;font-size:.8em;background-color:#f4f4f4;border:1px solid #ccc;border-radius:3px;cursor:pointer;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.formatting-controls button:hover{background-color:#e0e0e0}.formatting-controls button.active{background-color:#007bff;color:#fff}.close-button{background-color:transparent}.ProseMirror{flex-grow:1;overflow-y:auto;padding:10px}.ProseMirror p{margin:0 0 1em}.tiptap-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.formatting-toolbar{display:flex;gap:5px;padding:5px;background-color:#f0f0f0;border-bottom:1px solid #ccc;align-items:center}.formatting-toolbar button{width:30px;height:30px;padding:0;background-color:#f4f4f4;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:14px;display:flex;justify-content:center;align-items:center}.formatting-toolbar .format-dropdown{margin-right:10px}.formatting-toolbar button:hover{background-color:#e0e0e0}.formatting-toolbar button.is-active{background-color:#d0d0d0}.formatting-toolbar button strong{font-weight:700}.formatting-toolbar button em{font-style:italic}.formatting-toolbar button u{text-decoration:underline}.tiptap-editor .ProseMirror p{margin-bottom:.8em;line-height:1.5}.tiptap-editor .ProseMirror p:last-child{margin-bottom:0}.align-dropdown{position:relative;display:inline-block}.align-button{width:30px;height:30px;padding:0;background-color:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:14px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.align-button:hover,.align-menu button:hover{background-color:#f0f0f0}.align-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;border-radius:3px;z-index:10}.align-menu button{width:30px;height:30px;padding:0;background-color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;justify-content:center;align-items:center}.align-button.is-active,.align-menu button.is-active{background-color:#e0e0e0}.format-dropdown{position:relative;display:inline-block;min-width:150px}.format-dropdown button{background-color:#fff;border:1px solid #ccc;border-radius:3px;padding:5px 10px;cursor:pointer;font-size:14px;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}.format-dropdown .dropdown-arrow{margin-left:5px}.dropdown-menu button .dropdown-arrow{display:none}.focus-button{position:fixed;top:4px;right:56px;padding:0;width:26px;height:26px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;z-index:90;color:#333;opacity:0;pointer-events:none;transition:opacity .3s ease,border-color .3s ease}.focus-button svg{width:14px;height:14px}.project-view.focus-mode-active .focus-button,.focus-button.focused{opacity:.35;pointer-events:auto}.project-view:not(.focus-mode-active) .focus-button{opacity:0;pointer-events:none}.file-container.focused .file-header{opacity:0;pointer-events:none;transition:all .4s ease;position:relative;height:27px;background-color:transparent!important}.file-container.focused .file-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent!important;z-index:1}.file-container.focused{background-color:var(--background-secondary)}.left-controls{display:flex;align-items:center;flex:0 0 auto;gap:5px}.file-controls{display:flex;flex:0 0 auto;gap:4px}.file-header .file-controls button{width:26px;height:26px!important;padding:0;margin:0;font-size:.8em;background-color:var(--file-header-background);border:none;border-radius:3px;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex:0 0 auto;min-height:16px!important;line-height:1}.file-controls button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box}.file-container.focused,.file-container.focused:hover{box-shadow:none;transition:none}.file-title{font-weight:700;margin-top:0;font-size:.8em;padding:4px 30px 4px 4px;border:none;flex-shrink:0;color:var(--text-primary);flex-grow:0;background-color:transparent;pointer-events:all}.file-title:hover,.file-title:focus{outline:none}.right-controls{display:flex;align-items:center;flex:0 0 auto;gap:4px;position:relative;z-index:1}.convert-button{width:60px;height:26px!important;padding:0 5px;margin:0;font-size:1em;background-color:#f4f4f4;border:none!important;border-radius:3px;cursor:pointer;color:#666;display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex:0 0 auto;min-height:16px!important;line-height:1}.convert-button:hover,.close-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.file-container.left{margin-right:10px!important}.file-container.right{margin-left:10px!important}.format-toggle-button{height:26px!important;padding:0 5px;background-color:var(--file-header-background);border:none;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;width:32px;border-radius:3px}.download-dropdown button svg{width:10px;height:10px}.format-toggle-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.centered-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:150px;z-index:2;opacity:.5;transition:opacity .5s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}[data-theme=dark] .centered-logo,[data-theme=dark] .empty-project-placeholder.visible .centered-logo{opacity:.1!important}.empty-project-placeholder{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:0}.empty-project-placeholder.visible{transition:opacity .5s ease-in-out;opacity:1}.empty-project-placeholder.hidden{transition:none;opacity:0}.centered-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:var(--background-image-opacity, .1)}.download-dropdown button{height:26px!important;padding:0 5px;background-color:var(--file-header-background);border:none;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;border-radius:3px}.download-dropdown button svg{width:9px;height:9px}.file-header .close-button,.file-header .format-toggle-button,.file-header .download-dropdown button{margin-right:-8px}.file-header .color-dropdown{position:relative;display:inline-block}.file-header .color-dropdown .color-menu{position:absolute;top:100%;right:0;left:auto;width:120px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px var(--shadow-color);z-index:1000;padding:8px;margin-top:4px;overflow:visible}.file-header .color-dropdown .color-menu .color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;position:static;background-color:transparent;border:none;box-shadow:none;padding:0;margin:0;flex-wrap:nowrap}.file-header .color-dropdown .color-menu .color-options .color-option{width:24px!important;height:24px!important;border-radius:4px!important;cursor:pointer!important;border:1px solid var(--border-color)!important;transition:transform .2s ease,box-shadow .2s ease!important;margin:0 auto!important;position:static!important;display:block!important;min-width:unset!important}.file-header .color-dropdown .color-menu .color-options .color-option.default{background-color:var(--folder-color-default);box-shadow:inset 0 0 0 1px #0000001a}[data-theme=dark] .file-header .color-dropdown .color-menu .color-options .color-option.default{box-shadow:inset 0 0 0 1px #fff3}.color-option.blue{background-color:var(--folder-color-blue)}.color-option.green{background-color:var(--folder-color-green)}.color-option.yellow{background-color:var(--folder-color-yellow)}.color-option.red{background-color:var(--folder-color-red)}.color-option.purple{background-color:var(--folder-color-purple)}.color-option.orange{background-color:var(--folder-color-orange)}.color-option.cyan{background-color:var(--folder-color-cyan)}.color-option.pink{background-color:var(--folder-color-pink)}.format-toggle-button{background:none;border:none;cursor:pointer;color:var(--text-primary);padding:4px 8px;border-radius:4px;display:flex;align-items:center;transition:background-color .2s ease}.format-toggle-button:hover{background-color:var(--background-secondary-hover)}.icon-group{display:flex;align-items:center;gap:2px}:root{--tag-default-bg: var(--background-secondary-hover);--highlight-yellow: #FFD700}[data-theme=dark]{--tag-default-bg-dark: #4a4a4a;--tag-default-bg: var(--tag-default-bg-dark);--highlight-yellow: #FFD700}.footer-right-content{flex-shrink:0;display:flex;align-items:center;gap:8px}.footer-refresh-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.6;transition:opacity .2s ease,color .2s ease}.footer-refresh-button:hover{opacity:1;color:var(--text-primary)}.footer-refresh-button.synced{color:#22c55e;opacity:1}.footer-refresh-button.synced:hover{color:#16a34a}.device-menu-popup{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 -4px 20px var(--shadow-color);z-index:2000;min-width:220px;display:flex;flex-direction:column;padding:8px;transform:translateY(-8px)}.device-menu-header{font-size:.75em;font-weight:600;color:var(--text-secondary);padding:4px 8px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.device-menu-item{background:none;border:none;color:var(--text-primary);padding:10px 12px;text-align:left;width:100%;cursor:pointer;border-radius:6px;font-size:.9em;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;position:relative}.device-menu-item:hover{background-color:var(--background-secondary-hover);transform:translateY(-1px)}.device-menu-item-main{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.device-last-synced{display:flex;align-items:center;gap:4px;font-size:.8em;color:var(--text-secondary);opacity:.8}.device-last-synced svg{opacity:.7}.device-menu-item.synced{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.device-menu-item.synced:hover{background-color:#22c55e26}.device-menu-item.synced:hover .device-sync-status.synced{background-color:#ef444433;color:#dc2626}.device-menu-item:not(button){cursor:default;color:var(--text-secondary);font-style:italic}.device-sync-status{font-size:.8em;font-weight:500;padding:2px 6px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.device-sync-status.synced{background-color:#22c55e33;color:#16a34a}.device-sync-status.not-synced{background-color:#9ca3af33;color:var(--text-secondary)}.file-header-favorite-button{width:26px;height:26px;padding:0;margin:0;font-size:.8em;background-color:var(--file-header-background);border:none;border-radius:3px;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex:0 0 auto;pointer-events:all}.file-header-favorite-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.file-header-favorite-button svg{color:var(--icon-color);stroke:currentColor}.file-header-favorite-button:hover svg{color:var(--text-primary)}.file-container .tiptap-editor{border:none;outline:none;padding:0;margin:0;background-color:var(--background-secondary)}.file-container .ProseMirror{border:none;outline:none}.file-header-tag-pill{display:inline-block;padding:1px 5px;font-size:.7em;border-radius:8px;color:var(--text-primary);background-color:var(--background-secondary-hover);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;line-height:1.4;border:1px solid transparent;vertical-align:middle;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background-color .2s ease,border-color .2s ease}.file-header-tag-pill:hover{border-color:var(--text-secondary)}.add-tag-header-button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;padding:0;border:1px solid transparent;vertical-align:middle;background-color:var(--tag-default-bg, var(--background-secondary-hover));color:var(--text-secondary);cursor:pointer;margin-left:4px;flex-shrink:0}.add-tag-header-button svg{width:8px;height:8px}.add-tag-header-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary);border-color:transparent}.file-header-tag-pill{display:inline-block;padding:1px 5px;font-size:.7em;border-radius:8px;color:var(--text-primary);background-color:var(--background-secondary-hover);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;line-height:1.4;border:1px solid transparent;vertical-align:middle;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.add-tag-header-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-left:2px;flex-shrink:0}.add-tag-header-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}[data-theme=dark] .file-header-tag-pill{color:var(--text-primary);background-color:var(--tag-default-bg-dark, #4a4a4a)}:root{--tag-default-bg: var(--background-secondary-hover)}[data-theme=dark]{--tag-default-bg-dark: #4a4a4a;--tag-default-bg: var(--tag-default-bg-dark)}.file-header-tags{display:flex;align-items:center;flex:0 0 auto;gap:4px;overflow:hidden;min-width:0;pointer-events:all}.more-tags-button{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;border-radius:9px;padding:0 6px;border:1px solid transparent;vertical-align:middle;background-color:var(--tag-default-bg, var(--background-secondary-hover));color:var(--text-secondary);cursor:pointer;font-size:.7em;line-height:1;font-weight:500;margin-left:2px;flex-shrink:0}.more-tags-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.more-tags-panel{width:auto;min-width:100px;max-width:200px;max-height:250px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 3px 10px var(--shadow-color);z-index:10002;display:flex;flex-direction:column;color:var(--text-primary);overflow:hidden}.more-tags-list{padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.more-tags-panel .file-header-tag-pill{display:block;max-width:none;text-align:left;padding:3px 8px}.format-toggle-button{margin-right:0!important}.right-controls{padding-right:45px!important}.close-button{right:8px!important}.dev-manuscript-button{position:fixed;bottom:20px;right:20px;z-index:1000;padding:10px 15px;background-color:var(--accent-color, #4a6fa5);color:#fff;border:none;border-radius:4px;cursor:pointer;box-shadow:0 2px 4px #0003}.dev-manuscript-button:hover{background-color:var(--accent-hover, #3a5a80)}.file-footer{display:flex;justify-content:space-between;align-items:center}.footer-center-content{flex-grow:1;display:flex;justify-content:center;align-items:center;gap:6px}.footer-right-content{flex-shrink:0}.classic-toggle-switch.footer-view-toggle{display:inline-block;position:relative;width:40px;height:16px;background-color:var(--background-secondary-hover);border-radius:8px;cursor:pointer;transition:background-color .2s ease;border:none}.classic-toggle-switch .toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.classic-toggle-switch .toggle-handle{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.classic-toggle-switch .toggle-checkbox:checked+.toggle-handle{transform:translate(24px)}.classic-toggle-switch input:checked+span{transform:translate(24px)}.classic-toggle-switch input.toggle-checkbox:checked+span.toggle-handle{transform:translate(24px)}input.toggle-checkbox:checked+span.toggle-handle{transform:translate(24px)}.classic-toggle-switch{background-color:var(--background-secondary-hover);transition:background-color .2s ease}.classic-toggle-switch.footer-view-toggle{background-color:var(--background-secondary-hover)}.classic-toggle-switch.footer-view-toggle>input:checked+.toggle-handle{transform:translate(24px)}.footer-view-toggle .slider-icon,.footer-view-toggle .slider-thumb,.footer-view-toggle .grid-icon,.footer-view-toggle .vertical-icon{display:none}.footer-view-toggle .view-toggle-checkbox:checked~.grid-icon,.footer-view-toggle .view-toggle-checkbox:checked~.slider-thumb,.footer-view-toggle .view-toggle-checkbox:checked~.vertical-icon{display:none;color:initial;transform:none}.footer-view-toggle .slider-icon{display:inline-flex;color:var(--text-secondary);transition:color .2s ease-in-out}.footer-view-toggle .slider-thumb{display:none}.footer-center-content .grid-icon,.footer-center-content .vertical-icon{color:var(--icon-color)}.footer-center-content:has(.classic-toggle-switch>input:checked) .grid-icon{color:var(--icon-color)}.footer-center-content:has(.classic-toggle-switch>input:checked) .vertical-icon{color:var(--text-primary)}.project-view.focus-mode-active .file-container .file-footer .footer-center-content{display:none}.tiptap-editor{display:flex;flex-direction:column;flex-grow:1;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);position:relative;overflow:visible!important}.editor-content-wrapper{flex-grow:1;overflow-y:auto!important;padding:50px 0 100px 10px;box-sizing:border-box;background-color:var(--background-secondary);scrollbar-width:thin!important;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important;margin-top:0;margin-left:0;margin-right:0;width:100%;min-height:250px;position:relative;opacity:0;transition:opacity .1s ease-in}.tiptap-editor .editor-content-wrapper::-webkit-scrollbar,body .tiptap-editor .editor-content-wrapper::-webkit-scrollbar{width:8px!important;display:block!important;opacity:1!important;visibility:visible!important}.tiptap-editor .editor-content-wrapper::-webkit-scrollbar-thumb,body .tiptap-editor .editor-content-wrapper::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)!important;border-radius:4px!important;border:none!important;min-height:40px!important;opacity:1!important;visibility:visible!important}.tiptap-editor .editor-content-wrapper::-webkit-scrollbar-thumb:hover,body .tiptap-editor .editor-content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)!important}.tiptap-editor .editor-content-wrapper::-webkit-scrollbar-track,body .tiptap-editor .editor-content-wrapper::-webkit-scrollbar-track{background-color:var(--background-secondary)!important;border-radius:0!important;visibility:visible!important}.tiptap-editor .editor-content-wrapper,body .tiptap-editor .editor-content-wrapper{scrollbar-width:thin!important;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important}.ProseMirror{color:var(--text-primary);background-color:var(--background-secondary);padding:10px 10px 10px 0;min-height:200px;height:100%;width:100%;box-sizing:border-box;outline:none;margin-left:auto;margin-right:auto}.ProseMirror:focus{outline:none}.ProseMirror p,.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{color:var(--text-primary)}.ProseMirror blockquote{color:var(--text-secondary)}.format-dropdown button{color:var(--text-primary);background-color:var(--background-secondary)}.dropdown-menu{background-color:var(--background-secondary)}.dropdown-menu button{color:var(--text-primary);background-color:var(--background-secondary)}.dropdown-menu button:hover{background-color:var(--background-secondary-hover)}.formatting-toolbar{display:flex;align-items:center;gap:5px;padding:5px;width:100%;justify-content:flex-start;background-color:var(--background-secondary)}.formatting-toolbar button{color:var(--text-primary);background-color:transparent}.formatting-toolbar button:hover{background-color:var(--background-secondary-hover)}.align-menu{background-color:var(--background-secondary)}.align-menu button{color:var(--text-primary);background-color:var(--background-secondary)}.align-menu button:hover{background-color:var(--background-secondary-hover)}.ProseMirror::placeholder{color:var(--text-secondary)}.file-container.focused .tiptap-editor{border:none!important;padding:10px;min-height:300px;background-color:var(--background-secondary)!important}.wiki-formatting-toolbar{display:flex;align-items:center;justify-content:center;gap:2px;padding:2px;background-color:transparent!important;border:none;border-radius:0;margin-bottom:2px;width:100%}.toolbar-divider{width:1px;height:14px;background-color:#e0e0e0;margin:0 1px}.toolbar-content{display:flex;align-items:center;justify-content:center;gap:1px;max-width:800px;width:100%;margin:0 auto;background-color:transparent!important;padding:0 16px;flex-wrap:wrap}.formatting-bar-container{position:absolute;top:0;left:0;right:0;width:100%;z-index:10;transform:translateY(-100%);transition:transform .3s ease,box-shadow .3s ease;background-color:var(--background-secondary);box-shadow:none;display:flex;justify-content:center;padding:0;margin:0}.formatting-bar-container.expanded{transform:translateY(0)}.format-dropdown{position:relative;display:inline-block;min-width:85px;width:fit-content}.format-dropdown .format-button{width:100%;padding:4px 8px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;border:none;background:none;gap:4px;margin:0;height:100%;min-height:24px;font-size:.9em}.format-menu{position:absolute;top:100%;left:0;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:85px;width:100%;margin-top:2px}.format-menu-item{display:block;width:100%;padding:8px 12px;border:none!important;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.85em;white-space:nowrap}.format-menu-item:hover{background-color:var(--background-secondary-hover)}.format-menu-item.active{background-color:var(--background-secondary-hover);color:var(--text-primary)}.format-dropdown .format-button svg{font-size:.8em}.format-button{color:var(--text-primary);font-size:.9em}.format-button,.format-button strong,.format-button em,.format-button u,.format-button svg{color:var(--text-primary);font-size:.9em}.format-menu-item,.align-menu button{color:var(--text-primary)}.format-button:has(span),.format-button:has(strong),.format-button:has(em),.format-button:has(u){color:var(--text-primary)}.format-button:hover,.format-menu-item:hover,.align-menu button:hover,.format-button.active,.format-menu-item.active,.align-menu button.active{background-color:var(--button-hover)!important;border-color:transparent!important;color:var(--text-primary)!important}.wiki-formatting-toolbar .format-button{color:var(--text-primary)!important}.format-button:hover,.format-button.active{background-color:var(--background-secondary-hover);border-color:transparent;color:var(--text-primary)!important}.ProseMirror ol[data-type=lower-alpha]{list-style-type:lower-alpha}.format-dropdown .format-button{min-width:85px;display:flex;align-items:center;gap:4px}.format-menu{min-width:140px}.text-format-dropdown{position:relative;display:inline-block;min-width:85px;width:fit-content}.text-format-dropdown .format-button{width:100%;padding:4px 8px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;border:none;background:none;gap:4px;margin:0;height:100%;min-height:24px;font-size:.85em}.text-format-menu{position:absolute;top:100%;left:0;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:100px;width:120%;margin-top:2px}.margin-dropdown{position:relative;display:inline-block}.margin-menu{position:absolute;top:100%;left:0;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:120px;margin-top:2px}.margin-dropdown .format-button{display:flex;align-items:center;gap:4px}.margin-dropdown .format-button svg{font-size:1em;width:16px;height:16px}.margin-dropdown .format-button svg[data-icon=caret-down]{font-size:.8em;width:12px;height:12px}.align-format-menu{position:absolute;top:100%;left:0;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a;z-index:1000;display:flex;flex-direction:row;padding:4px;gap:4px;min-width:20px;margin-top:2px;width:fit-content}.align-format-menu button{padding:4px 8px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;width:30%;color:var(--text-primary)}.align-format-menu button:hover,.align-format-menu button.active{background-color:var(--button-hover)}.align-dropdown{position:relative;display:inline-block;width:fit-content}.download-dropdown{position:relative}.download-menu{position:absolute;top:100%;min-width:160px;margin-top:2px;background-color:var(--background-secondary);box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color);border-radius:4px;z-index:9999;padding:4px 0}.download-menu button{display:block;width:100%;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.875em;white-space:nowrap;transition:background-color .15s ease}.download-menu button:hover{background-color:var(--background-secondary-hover)}.format-toggle-button{display:flex;align-items:center;gap:4px;color:var(--text-secondary);background-color:var(--file-header-background);border:none;border-radius:3px;cursor:pointer;padding:4px}.link-dialog-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.link-dialog-content{background-color:var(--background-secondary);border:1px solid var(--border-color);box-shadow:0 4px 10px #0000004d;border-radius:4px;padding:20px;width:320px;max-width:90%;position:relative;z-index:10000;display:flex;flex-direction:column;gap:10px}.link-dialog-content h3{margin:0;color:var(--text-primary);font-size:1.1em}.link-dialog-content input[type=text]{padding:8px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);background-color:var(--background-secondary);margin-bottom:8px;width:100%}.link-dialog-content .link-dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.link-dialog-content button{border:1px solid var(--border-color);padding:6px 12px;border-radius:4px;cursor:pointer;color:var(--text-primary);background-color:var(--background-secondary)}.link-dialog-content button:hover{background-color:var(--background-secondary-hover);border-color:var(--text-secondary)}.ProseMirror a{cursor:pointer;transition:color .2s ease}.ProseMirror a:hover{color:var(--link-hover-color)!important;text-decoration:underline}.ProseMirror a{transition:color .2s ease}.color-dropdown{position:relative;display:inline-block;width:fit-content}.color-menu{position:absolute;top:100%;left:0;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:120px;margin-top:2px}.color-menu-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none!important;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.85em;white-space:nowrap}.color-menu-item:hover{background-color:var(--background-secondary-hover)}.color-preview{display:inline-block;width:16px;height:16px;border-radius:2px;margin-right:8px;border:1px solid var(--border-color)}.ProseMirror [style*=color]{color:inherit}.color-dropdown .format-button{display:flex;align-items:center;gap:4px}.color-dropdown .format-button svg{font-size:1em}.ProseMirror mark{border-radius:2px;padding:0 2px}.ProseMirror mark[style*=background-color]{color:inherit}.highlight-preview{display:inline-block;width:16px;height:16px;border-radius:2px;margin-right:8px}.yellow-highlight{background-color:var(--highlight-yellow)!important}.green-highlight{background-color:var(--highlight-green)!important}.blue-highlight{background-color:var(--highlight-blue)!important}.pink-highlight{background-color:var(--highlight-pink)!important}.orange-highlight{background-color:var(--highlight-orange)!important}.ProseMirror mark[style*=--highlight]{background-color:var(--highlight-color)}.download-button svg{width:18px!important;height:18px!important;color:var(--text-primary)}.editor-content-wrapper.margin-narrow .ProseMirror{max-width:50%}.editor-content-wrapper.margin-default .ProseMirror{max-width:70%}.editor-content-wrapper.margin-wide .ProseMirror{max-width:90%}.cardstack-content{background-color:var(--background-secondary);padding:20px;border-radius:5px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(287.5px,1fr));gap:20px;align-content:start;grid-auto-flow:row;scrollbar-width:none;-ms-overflow-style:none;position:relative}.cardstack-section:not(.cardstack-section-vertical) .cardstack-content{scrollbar-width:none;-ms-overflow-style:none}.cardstack-section:not(.cardstack-section-vertical) .cardstack-content::-webkit-scrollbar{display:none}.cardstack-content:after{content:"";grid-column:1 / -1;height:0}.add-card-button{background-color:var(--background-secondary);color:var(--text-primary);border:none;text-align:center;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;border-radius:4px;width:28px;height:28px;margin-left:8px;flex-shrink:0;transition:background-color .2s ease}.add-card-button:hover{background-color:var(--background-secondary-hover)}.card{background-color:var(--background-secondary);border:1.5px solid var(--border-color);border-radius:5px;padding:20px 15px;cursor:grab;box-sizing:border-box;will-change:transform;backface-visibility:hidden;transition:transform .2s ease,box-shadow .2s ease;min-height:230px;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 4px var(--shadow-color);animation:cardAppear .3s ease-out;transform-origin:center center;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden}@keyframes cardAppear{0%{opacity:0;transform:scale(.95)}50%{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.card:active{cursor:grabbing}.card:hover{box-shadow:0 4px 8px var(--shadow-color);transform:scale(1.02);transition:transform .2s ease,box-shadow .2s ease}.card-title{font-weight:700;margin-top:0;margin-bottom:8px;font-size:1em;padding:4px 30px 4px 4px;border:none;flex-shrink:0;color:var(--text-primary);flex-grow:0;background-color:transparent;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;word-break:normal;max-height:1.6em;line-height:1.4;min-height:1.6em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.card-title:hover,.card-title:focus{outline:none}.card-content{margin-top:0;line-height:1.3;font-family:inherit;color:var(--text-primary);flex-grow:1;padding:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;flex-basis:0;box-sizing:border-box}.card-content{scrollbar-width:none;-ms-overflow-style:none}.card-content::-webkit-scrollbar{display:none}.card-content:focus{scrollbar-width:thin;-ms-overflow-style:auto;scrollbar-color:rgba(180,180,180,.6) transparent}.card-content:focus::-webkit-scrollbar{display:block;width:6px}.card-content:focus::-webkit-scrollbar-thumb{background-color:#b4b4b499}.card-content:focus::-webkit-scrollbar-track{background-color:transparent}.card-content:hover,.card-content:focus{border-color:transparent;outline:none}.card-content:not(:hover):not(:focus):not(:active){scrollbar-width:none}.card-content::-webkit-scrollbar{width:6px;opacity:0;transition:opacity .3s ease}.card-content::-webkit-scrollbar-thumb{background-color:#b4b4b499;border-radius:3px}.card-content::-webkit-scrollbar-track{background-color:transparent}.card-content:hover::-webkit-scrollbar,.card-content:focus::-webkit-scrollbar,.card-content:active::-webkit-scrollbar{opacity:1}.card-content:not(:hover):not(:focus):not(:active)::-webkit-scrollbar{opacity:0}.card-overlay{pointer-events:none;cursor:grabbing;background-color:var(--background-secondary);border:1.5px solid var(--border-color);border-radius:5px;padding:20px 15px;box-sizing:border-box;display:flex;flex-direction:column;position:absolute;box-shadow:0 4px 8px var(--shadow-color);transform-origin:center center;will-change:transform;margin:0;z-index:1000}.card-overlay .card-title,.card-overlay .card-content{margin-top:0;margin-bottom:8px;font-size:1em;padding:4px;border:1px solid transparent;color:var(--text-primary)}.card-overlay .card-title{font-weight:700}.card-overlay .card-content{font-weight:400;margin-top:0;font-size:.85em;line-height:1.3;overflow-y:auto;flex-grow:1}.card.dragging{opacity:0}:root{--focus-mode-shift: -40px}.cardstack-content::-webkit-scrollbar{display:none}.cardstack-content:hover{scrollbar-width:none;-ms-overflow-style:auto}.cardstack-content:hover::-webkit-scrollbar{display:block;width:8px}.cardstack-content:hover::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.cardstack-content:hover::-webkit-scrollbar-track{background:transparent}.cardstack-toolbar{display:none}.card-content[contenteditable=true]{background-color:transparent}.card-title,.card-content{cursor:default;white-space:pre-wrap;word-wrap:break-word}.card-title[contenteditable=true],.card-content[contenteditable=true],.card input,.card textarea{cursor:text}.file-container.single .cardstack-content{position:relative;height:100%;padding:20px;margin:0}.card-title input{display:block;width:100%;max-height:2.6em;overflow:hidden;word-wrap:break-word;word-break:break-word;resize:none;white-space:pre-wrap}.card-title textarea,.card-title input{font-family:inherit;font-size:inherit;line-height:inherit;width:100%;border:none;background:transparent;resize:none;margin:0;padding:4px}.card textarea:focus{outline:none}.card-content textarea{line-height:1.3;font-family:inherit;color:inherit;width:100%;background:transparent;border:none;resize:none;margin:0;padding:4px;box-sizing:border-box;overflow:auto;display:block;white-space:pre-wrap;min-height:inherit;height:100%;font-size:inherit;vertical-align:top}.card-content textarea:focus{outline:none}.card-title textarea{line-height:1.4;min-height:1.6em;max-height:3.2em;padding-bottom:2px}.card-context-menu{position:fixed;z-index:9999;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);box-shadow:0 2px 5px var(--shadow-color);padding:8px 0;min-width:140px;display:flex;flex-direction:column;gap:4px}.context-menu-colors{display:flex;justify-content:center;align-items:center;gap:6px;padding:4px 12px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.context-menu-color-swatch{width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;border-radius:50%;cursor:pointer;padding:0;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease;box-sizing:border-box;flex-shrink:0;flex-grow:0;border:1px solid var(--border-color);display:inline-block;background-clip:padding-box}.context-menu-color-swatch:hover{transform:scale(1.15);border-color:var(--text-primary)!important;box-shadow:0 0 3px #0000004d}.context-menu-color-swatch.selected{border:2px solid var(--text-primary)!important;box-shadow:0 0 0 1px var(--background-secondary);transform:scale(1.05)}.context-menu-color-swatch:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none;border-color:var(--border-color)}.card-context-menu button:not(.context-menu-color-swatch){display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:6px 12px;text-align:left;cursor:pointer;color:var(--text-primary);font-size:14px;transition:background-color .2s ease}.card-context-menu button:hover{background-color:var(--background-secondary-hover)}.cardstack-content.blue .card{background-color:var(--folder-color-blue)}.cardstack-content.green .card{background-color:var(--folder-color-green)}.cardstack-content.yellow .card{background-color:var(--folder-color-yellow)}.cardstack-content.red .card{background-color:var(--folder-color-red)}.cardstack-content.purple .card{background-color:var(--folder-color-purple)}.cardstack-content.orange .card{background-color:var(--folder-color-orange)}.cardstack-content.cyan .card{background-color:var(--folder-color-cyan)}.cardstack-content.pink .card{background-color:var(--folder-color-pink)}.cardstack-content.blue .card-overlay{background-color:var(--folder-color-blue)}.cardstack-content.green .card-overlay{background-color:var(--folder-color-green)}.cardstack-content.yellow .card-overlay{background-color:var(--folder-color-yellow)}.cardstack-content.red .card-overlay{background-color:var(--folder-color-red)}.cardstack-content.purple .card-overlay{background-color:var(--folder-color-purple)}.cardstack-content.orange .card-overlay{background-color:var(--folder-color-orange)}.cardstack-content.cyan .card-overlay{background-color:var(--folder-color-cyan)}.cardstack-content.pink .card-overlay{background-color:var(--folder-color-pink)}.card.long-pressing *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.card-title[contenteditable=true],.card-content[contenteditable=true],.card textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.cardstack-container{display:flex;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:auto;padding:20px;box-sizing:border-box;height:100%;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;background-color:var(--background-secondary)}.cardstack-container::-webkit-scrollbar{width:8px}.cardstack-container::-webkit-scrollbar-track{background:transparent}.cardstack-container::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:4px}.cardstack-section{display:flex;flex-direction:column;gap:10px;position:relative}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--background-secondary);border-radius:5px;min-height:50px;gap:8px;position:sticky;top:-20px;z-index:10}.section-title{margin:0;font-size:1.1em;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:8px 0;transition:color .2s ease;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.section-title:hover{color:var(--color-accent)}.section-title-input{background-color:transparent;border:none;border-bottom:1px solid var(--border-color);font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0;padding:8px 0;width:100%;outline:none;flex:1;min-width:0}.section-title-input:focus{border-bottom-color:var(--color-accent)}.cardstack-section:not(:last-child):after{display:none}.cardstack-section:not(:last-child){padding-bottom:20px;border-bottom:none}.delete-section-button{position:static;background:none;border:none;color:var(--text-secondary);border-radius:4px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;opacity:1;transition:background-color .2s ease,color .2s ease;margin-left:10px;background-color:transparent}.delete-section-button:hover{background-color:var(--background-secondary-hover);color:var(--color-danger)}.delete-section-button:disabled{opacity:.3!important;cursor:not-allowed;background-color:var(--background-secondary-hover);color:var(--text-secondary);pointer-events:none}.cardstack-container{gap:20px}.cardstack-section{display:flex;flex-direction:column;gap:10px}.add-stack-button{background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);text-align:center;display:inline-flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;border-radius:5px;width:auto;height:35px;padding:0 10px;margin:10px auto;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.add-stack-button:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color);color:var(--text-primary)}.add-stack-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--background-secondary);border-color:var(--border-color);color:var(--text-primary)}.section-controls{display:flex;flex-direction:row;align-items:center;gap:4px;margin-right:8px}.section-move-controls{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border-color);border-radius:4px;padding:0;height:28px;background-color:var(--background-secondary);box-sizing:border-box;overflow:hidden}.section-move-controls .move-section-button{padding:0;border-radius:0;width:28px;height:100%}.section-move-controls .move-section-button:first-of-type{border-right:1px solid var(--border-color)}.section-move-controls .move-section-button:hover:not(:disabled){background-color:var(--background-secondary-hover)}.move-section-button{background:none;border:none;color:var(--text-secondary);padding:2px 4px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;font-size:.9em;margin:0}.move-section-button:hover:not(:disabled){background-color:var(--background-secondary-hover);color:var(--text-primary)}.move-section-button:disabled{color:var(--text-disabled, #ccc);cursor:not-allowed;background-color:transparent}.cardstack-content.card-size-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cardstack-content.card-size-medium{grid-template-columns:repeat(auto-fill,minmax(287.5px,1fr))}.cardstack-content.card-size-large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.card-resize-controls{display:inline-flex;align-items:center;gap:4px;margin-left:8px;border:1px solid var(--border-color);border-radius:4px;padding:0;height:28px;background-color:var(--background-secondary);box-sizing:border-box}.resize-card-button{background:none;border:none;color:var(--text-secondary);padding:0;border-radius:4px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.resize-card-button:hover:not(:disabled){background-color:var(--background-secondary-hover);color:var(--text-primary)}.resize-card-button:disabled{color:var(--text-disabled, #ccc);cursor:default;background-color:transparent}.card-size-indicator{font-size:.9em;color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:flex-start;padding:0 4px;min-width:42px;height:100%}.cardstack-container.cardstack-container-vertical .card-size-indicator{display:none}.delete-confirmation-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px;box-sizing:border-box;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-confirmation-content{background-color:var(--background-primary);padding:25px 30px;border-radius:8px;box-shadow:0 5px 15px #00000040;text-align:center;max-width:380px;opacity:1}.delete-confirmation-content p{margin:0 0 25px;color:var(--text-primary);font-size:1.05em;line-height:1.5}.delete-confirmation-buttons{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:10px;visibility:visible;opacity:1}.delete-confirmation-buttons button{padding:9px 22px;border-radius:5px;cursor:pointer;font-weight:600;min-width:90px;text-align:center;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;border:1px solid transparent;visibility:visible;opacity:1}.delete-confirmation-buttons .cancel-button{background-color:var(--background-secondary);color:var(--text-primary);border-color:var(--border-color);display:inline-block}.delete-confirmation-buttons .cancel-button:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color-dark, var(--border-color));box-shadow:0 1px 3px #0000000d}.delete-confirmation-buttons .confirm-button{background-color:var(--color-danger, #dc3545);color:#fff;border-color:var(--color-danger, #dc3545);display:inline-block}.delete-confirmation-buttons .confirm-button:hover{background-color:var(--danger-hover, #c82333);border-color:var(--danger-hover, #bd2130);box-shadow:0 2px 5px #0000001a}.cardstack-header{padding:5px 20px;display:flex;justify-content:flex-end;background-color:var(--background-secondary);flex-shrink:0}.view-toggle-slider{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border-color);background-color:var(--background-primary);border-radius:15px;cursor:pointer;position:relative;height:28px;width:auto;box-sizing:border-box;user-select:none;-webkit-user-select:none;transition:background-color .2s ease}.view-toggle-slider:hover{background-color:var(--background-secondary-hover)}.view-toggle-checkbox{display:none}.slider-icon{color:var(--text-secondary);z-index:1;transition:color .2s ease-in-out;padding:0 3px}.view-toggle-slider .grid-icon{color:var(--text-primary)}.view-toggle-slider .vertical-icon{color:var(--text-secondary)}.slider-thumb{position:absolute;width:20px;height:20px;background-color:var(--color-accent);border-radius:50%;transition:transform .2s ease-in-out;left:3px;top:3px;z-index:0}.view-toggle-checkbox:checked~.grid-icon{color:var(--text-secondary)}.view-toggle-checkbox:checked~.slider-thumb{transform:translate(24px)}.view-toggle-checkbox:checked~.vertical-icon{color:var(--text-primary)}.cardstack-container.cardstack-container-vertical{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 20px;background-color:var(--background-secondary);display:flex}.cardstack-container.cardstack-container-vertical{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-subtle) transparent;padding-bottom:0}.cardstack-container.cardstack-container-vertical::-webkit-scrollbar{height:6px;width:8px}.cardstack-container.cardstack-container-vertical::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-subtle);border-radius:3px}.cardstack-container.cardstack-container-vertical::-webkit-scrollbar-track{background:transparent}.cardstack-container.cardstack-container-vertical .cardstack-section{flex-shrink:0;width:350px;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--background-secondary);border-radius:5px;border:none;gap:0}.cardstack-container.cardstack-container-vertical .section-header{position:static;padding:5px 10px;border-bottom:none;box-shadow:0 2px 5px #0000001f;z-index:1;flex-shrink:0;background-color:var(--background-secondary);top:auto;display:flex;justify-content:space-between;align-items:center}.cardstack-container.cardstack-container-vertical .section-header-left,.cardstack-container.cardstack-container-vertical .section-header-right{flex:0 0 auto}.cardstack-container.cardstack-container-vertical .section-header-center{display:flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:flex-start;overflow:hidden}.cardstack-container.cardstack-container-vertical .section-header-center .section-title,.cardstack-container.cardstack-container-vertical .section-header-center .section-title-input{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardstack-container.cardstack-container-vertical .section-header-center .add-card-button{margin-left:auto}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content{display:flex;flex-direction:column;gap:10px;padding:10px 10px 0;overflow-y:auto;flex-grow:1;grid-template-columns:none;align-content:normal;grid-auto-flow:initial;background-color:var(--background-secondary);border-radius:0}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content{scrollbar-width:none;-ms-overflow-style:none}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content::-webkit-scrollbar{display:none}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content .card{width:auto;min-height:auto}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content.card-size-small .card{min-height:125px}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content.card-size-medium .card{min-height:230px}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content.card-size-large .card{min-height:320px}.cardstack-container.cardstack-container-vertical .section-header .section-title,.cardstack-container.cardstack-container-vertical .section-header .section-title-input{font-size:.9em}.cardstack-container.cardstack-container-vertical .cardstack-section:not(:last-child){padding-bottom:0}.cardstack-container.cardstack-container-vertical .add-stack-button.vertical-add-button{margin:0 0 0 20px;align-self:center;flex-shrink:0;width:auto;height:35px;padding:0 10px}.collapse-section-button{background:none;border:none;color:var(--text-secondary);padding:2px 4px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;margin:0}.collapse-section-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.cardstack-section.section-collapsed .cardstack-content{display:none}.cardstack-container:not(.cardstack-container-vertical){scrollbar-width:none;-ms-overflow-style:none;gap:0px}.cardstack-container:not(.cardstack-container-vertical)::-webkit-scrollbar{display:none}.cardstack-container:not(.cardstack-container-vertical) .cardstack-section .cardstack-content.card-size-small .card{min-height:125px}.cardstack-container:not(.cardstack-container-vertical) .cardstack-section .cardstack-content.card-size-medium .card{min-height:230px}.cardstack-container:not(.cardstack-container-vertical) .cardstack-section .cardstack-content.card-size-large .card{min-height:320px}.cardstack-container:not(.cardstack-container-vertical) .cardstack-section .cardstack-content.card-size-small .card-overlay{min-height:125px}.cardstack-container:not(.cardstack-container-vertical) .cardstack-section .cardstack-content.card-size-medium .card-overlay{min-height:230px}.cardstack-container:not(.cardstack-container-vertical) .cardstack-section .cardstack-content.card-size-large .card-overlay{min-height:320px}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content.card-size-small .card-overlay{min-height:125px}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content.card-size-medium .card-overlay{min-height:230px}.cardstack-container.cardstack-container-vertical .cardstack-section .cardstack-content.card-size-large .card-overlay{min-height:320px}.grid-container{width:100%;height:100%;overflow-x:auto;overflow-y:auto;padding:20px;box-sizing:border-box;scrollbar-width:thin!important;-ms-overflow-style:auto!important;background-color:var(--background-secondary);border-radius:0;transition:border-radius .3s ease;-webkit-transition:border-radius .3s ease!important;transition:border-radius .3s ease!important}.focused .grid-container{border-radius:5px 5px 0 0}.grid-container::-webkit-scrollbar{display:block!important;width:10px!important;height:10px!important;opacity:1!important;visibility:visible!important}.grid-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)!important;border-radius:4px!important;opacity:1!important;visibility:visible!important;min-height:30px!important}.grid-container::-webkit-scrollbar-track{background:var(--scrollbar-track)!important;opacity:1!important;visibility:visible!important}.grid-container::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)!important}.grid-container{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important}.grid{display:flex;flex-direction:column;min-width:min-content;margin-bottom:20px}.grid-row{display:flex;min-width:min-content}.grid-row:last-child{margin-bottom:0}.grid-outer-container{width:100%;height:100%;position:relative;overflow:hidden}.grid-cell-hoverable{cursor:pointer}.cell-buttons{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.cell-buttons.header-cell-buttons{bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end}.cell-buttons.header-cell-buttons .add-header-button,.cell-buttons.header-cell-buttons .add-tile-button{width:100%;height:50%;min-height:30px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#666;cursor:pointer;font-size:16px;margin:0;padding:0;pointer-events:auto;transition:background-color .2s ease}.cell-buttons.header-cell-buttons .add-header-button:hover,.cell-buttons.header-cell-buttons .add-tile-button:hover{background-color:#0000000d}.cell-buttons.non-header-cell-buttons{top:0;left:0;display:flex;justify-content:center;align-items:center}.cell-buttons.non-header-cell-buttons .add-tile-button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;color:#666;cursor:pointer;font-size:24px;pointer-events:auto;border-top:none}.cell-buttons.non-header-cell-buttons .add-tile-button:hover{background-color:transparent}.cell-buttons.non-header-cell-buttons .add-tile-button{border-top:none}.add-header-button:hover,.add-tile-button:hover{background-color:transparent}.tile{position:relative;width:calc(100% - 15px);height:calc(100% - 15px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:var(--tile-background);font-size:14px;overflow:hidden;z-index:1;border-radius:4px;border:0px solid var(--border-color);margin:1px;padding:12px;box-shadow:0 4px 6px var(--shadow-color);animation:tileAppear .2s ease-out;transform-origin:center;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tile.editing{cursor:text}@keyframes tileAppear{0%{opacity:0;transform:scale(.95)}50%{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.tile.dragging{opacity:0;display:flex;align-items:center;justify-content:center}.tile-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:5px;text-align:center;box-sizing:border-box;color:var(--text-primary);font-size:14px;z-index:2;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.tile-content-input{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;text-align:center;font-family:inherit;font-size:14px!important;resize:none;overflow:hidden;box-sizing:border-box;cursor:text}.tile-content-input:focus{outline:none}.tile-content-input-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.header-tile{background-color:var(--header-tile-background);font-weight:600;color:var(--text-primary);border-radius:3px;margin:1px;font-size:14px}.resize-buttons{position:absolute;top:0;left:0;width:100%;height:33%;display:flex;justify-content:center;align-items:center;z-index:2}.resize-button{flex:1;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#666;cursor:pointer;font-size:16px;margin:0;padding:0}.resize-button:hover{background-color:#0000000d}.tile-content.default-content{color:var(--text-secondary);font-style:italic}.column-resizer{top:0;right:-2.5px;width:5px;height:100vh;cursor:col-resize}.row-resizer{bottom:-2.5px;left:0;width:100%;height:5px;cursor:row-resize}.column-resizer:hover,.row-resizer:hover{background-color:#0000001a}.column-resizer:after,.row-resizer:after{content:"";position:absolute;background-color:var(--border-color);transition:background-color .2s ease}.column-resizer:after{top:0;left:50%;width:1px;height:100%}.row-resizer:after{left:0;top:50%;height:1px;width:100%}.column-resizer:hover:after,.row-resizer:hover:after{background-color:var(--border-color-focus)}.tile-delete-button,.tile-drag-handle,.cell-buttons .add-header-button,.cell-buttons .add-tile-button{z-index:10}.tile-delete-button,.tile-drag-handle{bottom:8px}.add-column-button{width:12px;height:12px;border:none;background-color:var(--button-background);border-radius:3px;font-size:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2000;pointer-events:auto;transition:all .2s ease;margin:0;padding:0;transform-origin:center}.add-column-button:hover{width:20px;height:20px;font-size:16px;background-color:var(--button-background-hover);border-radius:5px;transform:translate(-50%)}.tile-menu{position:fixed;background-color:var(--background-secondary);border:1px solid var(--border-color);box-shadow:0 2px 5px var(--shadow-color);z-index:1000;margin:0;padding:0;transform:translate(10px,10px)}.grid-cell:hover .tile-menu,.tile:hover+.tile-menu{opacity:1}.tile-menu button{pointer-events:auto}.menu-button{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-primary);padding:4px;border-radius:3px;transition:color .2s ease}.menu-button:hover{color:#333;background-color:transparent}.menu-wrapper,.menu-item{position:relative}.submenu-trigger{width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer}.submenu-trigger:hover{background-color:var(--menu-item-hover-background)}.dropdown-submenu{position:absolute;left:100%;top:0;background-color:var(--background-secondary);border:1px solid var(--border-color);min-width:120px;z-index:1001;box-shadow:0 2px 5px var(--shadow-color)}.dropdown-submenu button:hover{background-color:var(--menu-item-hover-background)}.dropdown-submenu button:disabled{color:var(--text-secondary);cursor:not-allowed}.dropdown-menu .submenu-trigger:after{content:"▶";font-size:10px;margin-left:8px;color:var(--text-secondary)}.grid-cell .tile .tile-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:5px;text-align:center}.grid-cell.row-highlight,.grid-cell.column-highlight{background-color:var(--background-secondary)}.grid-cell.cell-hovered.empty-cell{border:2px dashed var(--border-color);border-radius:4px;background-color:transparent}.grid-cell:not(.empty-cell){border:none}.grid-cell{box-sizing:border-box;position:relative;border:none;padding:0;display:flex;justify-content:center;align-items:center}.grid-cell.drop-indicator{border:2px dashed var(--border-color);border-radius:4px;background-color:transparent}.dropdown-menu .submenu-trigger{position:relative;display:flex;justify-content:space-between;align-items:center}.dropdown-menu .submenu-trigger:after{content:"▶";font-size:10px;margin-left:8px}.dropdown-submenu{position:absolute;left:100%;top:0;background-color:#fff;border:1px solid #ccc;min-width:120px;box-shadow:0 2px 5px #00000026;z-index:1001}.dropdown-submenu button{width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer}.dropdown-submenu button:hover{background-color:#f0f0f0}.menu-wrapper{position:relative;z-index:1000}.menu-item{position:relative}.dropdown-menu{position:relative;background-color:var(--background-secondary);border:1px solid var(--border-color);min-width:150px;box-shadow:0 2px 5px var(--shadow-color);z-index:1000;transform:none}.dropdown-submenu{position:absolute;left:100%;top:0;background-color:var(--background-secondary);border:1px solid var(--border-color);min-width:120px;box-shadow:0 2px 5px var(--shadow-color);z-index:1001;margin-left:1px}.column-resizer,.row-resizer{position:absolute;pointer-events:auto;background-color:transparent;z-index:200;opacity:0;transition:opacity .2s ease}.menu-active .column-resizer,.menu-active .row-resizer{pointer-events:none}.color-menu-item{position:relative;width:100%}.color-menu-item .submenu-trigger{width:100%;padding:8px 12px;text-align:left;background:none;border:none;font-size:14px;color:var(--text-primary);cursor:pointer}.color-menu-item:hover .color-options{display:flex}.color-options{display:none;position:absolute;left:100%;top:0;background-color:var(--background-secondary);border:1px solid #ccc;box-shadow:0 2px 5px #00000026;padding:8px;gap:4px;flex-wrap:wrap;width:100px;z-index:1002}.color-option{width:25px;height:25px;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:0}.color-option:hover{transform:scale(1.1);transition:transform .2s ease}.grid-container::-webkit-scrollbar{height:8px;width:8px}.grid-container::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.grid-container::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.grid-container::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.grid{min-width:min-content;display:inline-block}:root{--menu-item-hover-background: #f0f0f0}[data-theme=dark]{--menu-item-hover-background: #333333}.submenu-trigger:hover,.dropdown-submenu button:hover{background-color:var(--menu-item-hover-background)}.tile.selected{border:1px solid var(--selection-color)!important;box-shadow:0 0 0 1px var(--selection-color-shadow)}:root{--selection-color: #007AFF;--selection-color-shadow: rgba(0, 122, 255, .3)}[data-theme=dark]{--selection-color: #0A84FF;--selection-color-shadow: rgba(10, 132, 255, .3)}.menu-icons-row{display:flex;justify-content:center;gap:4px;padding:6px;border-bottom:none}.menu-icons-row button:first-child,.menu-icons-row .delete-button{margin:0;padding:4px;border:none}.icon-button{background:none;border:none!important;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);width:24px;height:24px;position:relative}.icon-button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-button:hover{background-color:var(--menu-item-hover-background)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.menu-icons-row button:first-child{margin-right:0;padding-right:4px;border-right:none}.dropdown-menu{display:flex;flex-direction:column;min-width:150px}.menu-icons-row .delete-button{margin-left:4px;padding-left:12px;border-left:1px solid var(--border-color);color:var(--delete-color)}.menu-icons-row button:first-child{margin-right:4px;padding-right:12px;border-right:1px solid var(--border-color)}:root{--delete-color: var(--text-primary)}[data-theme=dark]{--delete-color: var(--text-primary)}.menu-icons-row .delete-button:hover:not(:disabled){background-color:var(--menu-item-hover-background)}:root{--delete-hover-background: var(--menu-item-hover-background)}[data-theme=dark]{--delete-hover-background: var(--menu-item-hover-background)}.delete-menu-trigger{color:var(--text-primary)}.dropdown-submenu button:hover{background-color:var(--delete-hover-background)}.color-picker-container{padding:8px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border-color)}.color-picker-row{display:flex;justify-content:space-between;gap:4px}.color-square{width:20px;height:20px;border:1px solid var(--border-color);border-radius:4px;padding:0;cursor:pointer;transition:transform .2s ease;flex:1}.color-square:hover{transform:scale(1.1)}.color-square[style*="background-color: #FFFFFF"]{box-shadow:inset 0 0 0 1px #0000001a}.grid-container:hover::-webkit-scrollbar,.grid-container:active::-webkit-scrollbar,.grid-container:focus::-webkit-scrollbar,.grid-container:not(:hover):not(:focus):not(:active)::-webkit-scrollbar{display:block!important;opacity:1!important}.grid-container:hover::-webkit-scrollbar-thumb,.grid-container:active::-webkit-scrollbar-thumb,.grid-container:focus::-webkit-scrollbar-thumb,.grid-container:not(:hover):not(:focus):not(:active)::-webkit-scrollbar-thumb{opacity:1!important;background-color:#0006}.tile.long-pressing{opacity:.8;transition:opacity .3s ease}.panel{position:fixed;bottom:-32px;left:0;right:0;background-color:var(--background-secondary);transition:transform .3s ease-in-out,bottom .3s ease-in-out,height .3s ease-in-out,box-shadow .3s ease-in-out;z-index:1001;box-shadow:none;height:37.5vh;transform:translateY(30px);padding-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}@media (max-height: 800px){.panel{height:45vh}}@media (max-height: 600px){.panel{height:55vh}}@media (max-height: 480px){.panel{height:65vh}}.panel.expanded{transform:translateY(0);bottom:0;box-shadow:0 -2px 8px var(--shadow-color)}.button-container{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px;z-index:15}.button-container .left-buttons{display:flex;gap:10px}.search-container{position:relative;display:flex;align-items:baseline;height:auto;order:-1;margin-right:auto}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;width:16px;height:16px;display:flex;justify-content:center;align-items:center;border-radius:4px;transition:background-color .3s ease;color:var(--text-secondary);z-index:14}.search-icon svg{width:14px;height:14px;opacity:.7;display:inline-block;vertical-align:baseline;margin:0;padding:0}.search-input{width:0px;opacity:0;visibility:hidden;transition:width .3s ease,opacity .3s ease,visibility .3s ease,padding .3s ease;padding:0;margin:0;border:none;height:30px;font-size:14px;background:transparent;color:var(--text-primary);outline:none;vertical-align:middle;line-height:30px;border-radius:4px;box-sizing:border-box}.search-input.expanded{width:180px;opacity:1;visibility:visible;padding:0 30px 0 8px;margin:0;background:var(--background-secondary);border:1px solid var(--border-color)}.search-input:focus{border-color:var(--border-color)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.button-container .add-button{font-size:18px;line-height:1}.add-menu{position:absolute;top:55px;bottom:0;left:100px;right:280px;width:auto;height:auto;background-color:var(--background-secondary);opacity:0;visibility:hidden;z-index:100;padding:15px;border-radius:8px 8px 0 0;box-shadow:inset 0 1px 3px #0000001a;outline:1px solid var(--border-color);background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:10px 10px;background-position:0 0,5px 5px;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-sizing:border-box}.add-menu.show{opacity:1;visibility:visible}.add-menu-grid{display:grid;gap:5px}.add-menu-container{display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;margin:5px 0 0 30px;width:fit-content;max-width:100%;padding-bottom:25px}.add-menu-grid.utility-grid{grid-template-columns:repeat(1,90px);position:relative;padding-right:20px}.add-menu-grid.content-grid{grid-template-columns:repeat(3,90px);position:relative;padding-left:30px}.add-menu-grid.content-grid:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--border-color)}@media (max-width: 480px){.add-menu-container{flex-direction:column;gap:15px}.add-menu-grid.content-grid{grid-template-columns:repeat(2,90px);padding-left:0;padding-top:20px}.add-menu-grid.utility-grid{grid-template-columns:repeat(2,90px);padding-right:0}.add-menu-grid.content-grid:before{left:0;right:0;top:0;height:1px;width:100%}}@media (min-width: 481px) and (max-width: 767px){.add-menu-container{flex-direction:column;gap:15px}.add-menu-grid.content-grid{grid-template-columns:repeat(3,90px);padding-left:0;padding-top:20px}.add-menu-grid.utility-grid{grid-template-columns:repeat(2,90px);padding-right:0}.add-menu-grid.content-grid:before{left:0;right:0;top:0;height:1px;width:100%}}.add-menu button{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;color:var(--text-primary);padding:12px 10px;text-align:center;height:100px;width:90px;transition:box-shadow .2s ease,transform .1s ease}.add-menu button:hover{box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.add-menu button svg{width:40px;height:40px;margin-bottom:6px;color:var(--text-secondary)}.add-menu button span{font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}@media (max-width: 768px){.add-menu button{height:90px;width:80px;padding:12px 8px}.add-menu button svg{width:36px;height:36px;margin-bottom:8px}.add-menu button span{font-size:.75rem}}@media (max-width: 600px){.add-menu button{height:80px;width:70px;padding:10px 6px}.add-menu button svg{width:32px;height:32px;margin-bottom:6px}.add-menu button span{font-size:.7rem}}@media (max-width: 480px){.add-menu button{height:70px;width:60px;padding:8px 5px}.add-menu button svg{width:28px;height:28px;margin-bottom:5px}.add-menu button span{font-size:.65rem}}@media (max-height: 600px){.add-menu button{height:80px;width:70px;padding:10px 6px}.add-menu button svg{width:32px;height:32px;margin-bottom:6px}}@media (max-height: 500px){.add-menu button{height:70px;width:60px;padding:8px 5px}.add-menu button svg{width:28px;height:28px;margin-bottom:5px}}.panel-content-inner{position:relative;height:100%;width:100%;padding-right:280px;display:flex;flex-direction:column;box-sizing:border-box}@media (max-width: 768px){.panel-content-inner{padding-right:280px}.settings-menu.show+.panel-content-inner{display:block}}@media (max-width: 480px){.panel-content-inner{padding-right:260px}}.handle-indicator{display:flex;justify-content:center;align-items:center;padding:4px}.drag-handle-icon{width:17px;height:17px;color:var(--text-secondary);stroke-width:1.5;opacity:1;position:relative;z-index:2}.folder-content{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;padding:15px;margin-top:55px;overflow-y:auto;position:relative;border-radius:8px 8px 0 0;box-shadow:inset 0 1px 3px #0000001a;outline:1px solid var(--border-color);align-content:start;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:10px 10px;background-position:0 0,5px 5px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}[data-theme=dark] .folder-content{background-image:radial-gradient(circle,rgba(160,160,160,.15) 1px,transparent 1px)}.folder-content::-webkit-scrollbar{width:8px;opacity:0;transition:opacity .3s ease;background-position:0 0,5px 5px;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-sizing:border-box}.folder-content:hover::-webkit-scrollbar{opacity:1}.folder-content::-webkit-scrollbar-track{background:transparent}.folder-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.folder-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.folder-content{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.folder-content:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.left-section{display:flex;align-items:center;gap:10px;flex-shrink:0}.folder-name{font-size:16px;font-weight:400;color:var(--text-secondary);white-space:nowrap}.add-button{width:28px;height:28px;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-secondary);border:1.5px solid var(--text-secondary);border-radius:4px;cursor:pointer;color:var(--text-primary);opacity:.85;transition:opacity .3s ease,background-color .3s ease;font-size:18px;font-weight:400;line-height:1}.add-button svg{color:var(--text-primary)}.add-button.disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-color);color:var(--text-secondary)}.add-button:hover:not(.disabled){background-color:var(--button-background-hover)}.back-button{width:auto;min-width:32px;height:32px;padding:0 8px;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:4px;cursor:pointer;opacity:.85;transition:opacity .3s ease,background-color .3s ease}.back-button svg{width:28px;height:28px;stroke:var(--text-primary);color:var(--text-primary);stroke-width:1.5}.back-button:hover{background-color:var(--background-secondary-hover)}.panel-content{position:absolute;top:0;left:0;right:0;bottom:0;margin-top:0;overflow:hidden}.move-menu{position:fixed;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px var(--shadow-color);padding:4px 0;min-width:120px;z-index:5001;-webkit-user-select:none;user-select:none;max-height:200px;overflow-y:auto}.move-menu button{display:flex;align-items:left;width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;transition:background-color .2s ease}.move-menu button:hover{background-color:var(--background-secondary-hover)}.move-menu button:not(:last-child){border-bottom:1px solid var(--border-color)}.device-submenu{position:fixed;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px var(--shadow-color);padding:0;min-width:160px;z-index:5001;-webkit-user-select:none;user-select:none;max-height:200px;overflow-y:auto}.device-submenu-header{padding:8px 12px;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center}.device-submenu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:13px;transition:background-color .2s ease}.device-submenu-item:hover:not(.disabled){background-color:var(--background-secondary-hover)}.device-submenu-item.disabled{color:var(--text-secondary);cursor:not-allowed;font-style:italic}.device-submenu-item:not(:last-child){border-bottom:1px solid var(--border-color)}.device-submenu-id{font-weight:500;font-family:monospace}.device-submenu-status{font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid}.device-submenu-status.synced{color:#dc2626;border-color:#dc2626;background-color:#dc26261a}.device-submenu-status.not-synced{color:#16a34a;border-color:#16a34a;background-color:#16a34a1a}.folder-breadcrumbs{display:flex;align-items:center;gap:0px;overflow:hidden;white-space:nowrap;height:100%}.folder-breadcrumbs span{display:inline-flex}.color-picker-container{padding:6px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;min-width:140px}.color-picker-container .color-circle{display:inline-block;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;line-height:18px!important;flex:0 0 18px!important;padding:0!important;text-align:center;border:1px solid var(--border-color);border-radius:50%!important;cursor:pointer;transition:transform .1s ease,border-color .1s ease;box-sizing:border-box;vertical-align:middle;overflow:hidden}.color-picker-container .color-circle:hover{transform:scale(1.15);border-color:var(--text-primary)!important;z-index:1}.color-picker-container .color-circle[style*="var(--background-secondary)"],.color-picker-container .color-circle[style*="var(--background-secondary)"]:hover{box-shadow:inset 0 0 0 1px #0000001a}.breadcrumb-segment{border:none;border-radius:0;height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;color:var(--text-primary);background-color:var(--background-secondary);margin:0;cursor:pointer;font-size:12px;line-height:1.2;text-align:center;min-width:40px;white-space:nowrap;flex-shrink:0;transition:background-color .2s ease}.breadcrumbs-container>button,.breadcrumbs-container>div>span>.breadcrumb-segment{border:none!important;border-radius:0;height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;color:var(--text-primary);background-color:var(--background-secondary);margin:0;cursor:pointer;font-size:12px;text-align:center;min-width:40px;white-space:nowrap;flex-shrink:0;transition:background-color .2s ease}.folder-breadcrumbs>span{display:inline-flex;align-items:center;height:100%}.breadcrumb-separator{display:inline-flex;align-items:center;height:95%;width:1px;background-color:var(--border-color);margin:0;cursor:default}.breadcrumbs-container>div>span>.breadcrumb-segment:hover{background-color:var(--background-secondary-hover)}.home-button:hover{background-color:var(--background-secondary-hover)}.add-menu .menu-divider{border-bottom:1px solid var(--border-color);width:80%;margin:8px auto}.add-menu button.with-divider{width:100%;padding:10px}.right-section{display:flex;align-items:center;justify-content:flex-end;gap:14px;overflow:visible}@media (max-width: 768px){.bottom-bar{padding:0 10px;justify-content:flex-end}.panel-top-bar{padding:5px 10px}.panel-top-bar .right-section,.search-settings-group{gap:8px}.left-section{gap:5px}.add-button{width:26px;height:26px}.add-folder-group .add-button{width:28px;height:26px}.folder-breadcrumbs{gap:4px}.panel-top-bar .search-input.expanded{width:150px;right:35px}}@media (max-width: 500px){.panel-top-bar{gap:4px;padding:5px 8px}.search-settings-group{gap:6px}.avatar-button{display:none}.search-input.expanded{width:120px;right:30px}.add-button{width:24px;height:24px}.add-folder-group .add-button{width:26px;height:24px}.panel-top-bar .left-section{gap:5px}}.selection-box{position:absolute;border:1px solid var(--icon-color);background-color:transparent;pointer-events:none;z-index:1000}.settings-button{width:32px;height:32px;padding:0;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);opacity:.85;transition:opacity .3s ease,background-color .3s ease;margin-left:0}.settings-menu{position:absolute;top:0;height:100%;right:40px;border:none;box-shadow:none!important;background-color:var(--background-secondary);z-index:2000;overflow-y:auto;padding:0;width:220px;transform:translate(20%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;color:var(--text-primary)}.settings-menu.show{transform:translate(0);opacity:1;pointer-events:auto}.settings-menu .settings-option{padding:10px 0;margin:0;border-top:none;border-bottom:none}.settings-items .settings-option+.settings-option{margin-top:5px}.settings-option.with-divider{border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:15px}.project-name-settings-item{padding:0 15px 10px;margin-top:0;font-size:.9em;color:var(--text-secondary);text-align:center;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500;margin-bottom:15px}.settings-option{display:flex;align-items:center;justify-content:space-between;min-height:36px;line-height:1;padding:0 12px;background:none;cursor:pointer;transition:background-color .2s ease;box-sizing:border-box}.settings-option svg{width:16px;height:16px;margin:0;padding:0;vertical-align:middle}.settings-option span{line-height:normal;margin:0;padding:0;color:var(--text-primary);font-size:14px}.settings-option:hover span{color:var(--text-secondary);transition:color .2s ease}.settings-option:hover svg{color:var(--background-hover)!important;opacity:.7!important;transition:color .2s ease,opacity .2s ease}.toggle-switch{position:relative;display:inline-block;width:34px;height:18px;margin-left:auto}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#777;border-radius:16px;transition:.4s}.toggle-switch input:checked+.slider{background-color:var(--text-secondary)}.toggle-switch input:checked+.slider:before{transform:translate(16px)}.toggle-icon{position:relative;display:inline-block;width:28px;height:28px;margin-left:auto}.toggle-icon .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background-color:var(--background-secondary);color:var(--text-primary);cursor:pointer;transition:opacity .2s ease,transform .1s ease,background-color .3s}.toggle-icon .icon svg{width:16px;height:16px}.search-settings-group{display:flex;align-items:baseline;gap:14px;margin-right:0}.settings-menu .settings-items:has(.project-name-settings-item) .settings-option{border-top:none!important;margin-top:8px;padding-top:8px}.settings-menu .settings-items:has(.project-name-settings-item) .settings-option+.settings-option{border-top:none!important}.avatar-button svg{width:20px;height:20px}.panel-handle.timer-flash,.panel.timer-flash{animation:flash-handle 1.5s ease-in-out infinite}@keyframes flash-clock{0%,to{background-color:transparent}50%{background-color:var(--text-secondary);opacity:.5}}.settings-button.clock-flash{animation:flash-clock 1.5s ease-in-out infinite}.settings-button.clock-flash svg{color:var(--background-primary);opacity:1}.search-input::placeholder{color:var(--text-secondary);opacity:.6}.settings-option.with-divider{border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:12px}.settings-menu .settings-items{margin-top:0;padding-top:0}.panel-handle{position:absolute;top:-25px;width:6%;left:0;height:25px;background-color:var(--background-secondary);cursor:pointer;display:flex;justify-content:center;align-items:center;overflow:hidden;border-top-left-radius:0;border-top-right-radius:8px;transition:width .3s ease-in-out;box-shadow:0 -2px 8px var(--shadow-color)}.panel-handle:has(.handle-timer-progress.visible){width:12%}.handle-timer-progress{position:absolute;top:50%;left:0;height:8px;background-color:var(--highlight-green);opacity:0;transition:width 1s linear,opacity .3s ease-in-out;z-index:0;transform:translateY(-50%)}.handle-timer-progress.visible{opacity:1;max-width:calc(100% - 28px)}.handle-timer-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:1}.toggle-icon{display:flex;justify-content:center;align-items:center;min-width:34px;height:34px}::selection{background-color:var(--background-secondary-hover);color:var(--text-primary)}::-moz-selection{background-color:var(--background-secondary-hover);color:var(--text-primary)}input::selection,textarea::selection{background-color:var(--background-secondary-hover);color:var(--text-primary)}input::-moz-selection,textarea::-moz-selection{background-color:var(--background-secondary-hover);color:var(--text-primary)}.settings-items:not(.timer-menu) .toggle-icon .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .3s,border .3s,color .3s}.settings-items:not(.timer-menu) .toggle-icon input:checked+.icon{border-color:var(--text-secondary);background-color:var(--text-secondary);color:var(--background-primary)}.settings-items.compact-menu .settings-option{padding:6px 12px;margin-bottom:4px}.settings-items.compact-menu .settings-option.with-divider{padding-bottom:8px;margin-bottom:8px}@media (max-height: 600px){.add-menu{padding:10px 0}.add-menu-container{margin-top:5px}}.active-filters-display{display:flex;align-items:center;gap:6px;padding:0 5px;overflow:hidden;flex-grow:1;min-width:0}.active-filters-label{font-size:12px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.active-filter-pill{display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);padding:3px 8px;border-radius:10px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;height:22px;border:1px solid var(--border-color);transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.active-filter-pill:hover{background-color:var(--background-secondary-hover);border-color:var(--text-secondary)}.clear-all-filters-btn{background:none;border:none;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;padding:4px 6px;margin-left:4px;border-radius:4px;white-space:nowrap;flex-shrink:0}.clear-all-filters-btn:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.breadcrumb-segment{flex-shrink:0}.panel-top-bar{position:absolute;top:0;left:0;right:280px;display:flex;align-items:center;padding:5px 15px 5px 100px;height:55px;box-sizing:border-box;flex-shrink:0;gap:8px;overflow:hidden;background-color:var(--background-secondary);z-index:12}.panel-top-bar .folder-breadcrumbs,.panel-top-bar .active-filters-display{flex-grow:1;min-width:0}.panel-top-bar .right-section{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.panel-top-bar .left-section{margin-right:15px}.panel-top-bar .search-settings-group{display:flex;align-items:baseline;gap:8px}.panel-top-bar .file-upload-container{display:flex;align-items:center}@media (max-width: 768px){.active-filter-pill{max-width:100px}.bottom-bar{padding:0 10px;justify-content:flex-end}}@media (max-width: 500px){.active-filters-display{flex-wrap:wrap;gap:4px}.active-filters-label{display:none}.active-filter-pill{max-width:80px}.clear-all-filters-btn{margin-left:0;margin-top:2px}}.panel-top-bar .left-section{gap:5px}.add-folder-group{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.add-folder-group .add-button{border:none;border-radius:0;width:40px;height:28px;opacity:.85;background-color:var(--background-secondary);color:var(--text-primary);transition:background-color .3s ease}.add-folder-group .add-button:hover:not(.disabled){background-color:var(--button-background-hover)}.add-folder-group .add-button:first-child{border-right:1px solid var(--border-color)}.add-folder-group .add-button.disabled{opacity:.4;cursor:not-allowed;color:var(--text-secondary);background-color:var(--background-secondary)}.add-folder-group .add-button.disabled:first-child{border-right-color:var(--border-color)}.add-folder-group:has(.add-button.disabled){border-color:var(--border-color)}.breadcrumbs-container{display:flex;align-items:center;border-radius:4px;overflow:hidden;flex-shrink:0;min-width:0;height:30px;box-sizing:border-box;margin-right:15px;border:1px solid var(--border-color)}.vertical-button-container{position:absolute;top:55px;right:5px;width:42px;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:20px;z-index:1500;height:calc(100% - 55px);box-sizing:border-box}.settings-menu-header{position:absolute;top:0;left:0;width:100%;height:55px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:500;color:var(--text-primary);text-align:center;padding:0 20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.settings-menu-content{height:calc(100% - 55px);overflow-y:auto;padding:55px 20px 10px;box-sizing:border-box}.vertical-button-container .settings-button{width:32px;height:32px;margin-left:0}.main-content-area{display:flex;flex-direction:row;height:100%;flex-grow:1;position:relative;overflow:hidden}.left-sidebar-container{width:100px;flex-shrink:0;height:100%;margin-top:55px;box-sizing:border-box;padding:0 5px}.sidebar-section{padding:10px}.sidebar-header{font-size:.8em;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sidebar-button{display:flex;align-items:center;width:100%;background:none;border:none;padding:6px 0;text-align:left;color:var(--text-primary);font-size:13px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.sidebar-button:hover{background-color:var(--background-secondary-hover)}.sidebar-icon{margin-right:8px;color:var(--text-secondary);flex-shrink:0}.sidebar-button-group{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.sidebar-button-group .sidebar-button{border-radius:0;border:none;padding-left:10px;padding-right:10px;text-align:center;justify-content:center;display:flex;align-items:center}.sidebar-button-group .sidebar-button:first-child{border-bottom:1px solid var(--border-color)}.sidebar-button-group .sidebar-button:hover{background-color:var(--background-secondary-hover)}.folder-content.list-view{display:flex;flex-direction:column;gap:2px;grid-template-columns:none;padding:10px}.file-icon.list-view{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;min-height:34px;padding:6px 10px;justify-content:flex-start;border-radius:4px;flex-shrink:0;margin-bottom:0;border:1px solid transparent}.sidebar-button.active{background-color:var(--background-secondary-hover)}.tags-management{display:flex;flex-direction:column;gap:10px;padding-top:10px}.tag-search-container{position:relative;width:100%}.tag-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-secondary);color:var(--text-primary);font-size:14px;box-sizing:border-box}.tag-search-input:focus{outline:none;border-color:var(--border-color-focus)}.create-tag-button{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;border-radius:4px;background-color:transparent;margin-top:4px;border:1px dashed var(--border-color)}.create-tag-button:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color-focus);border-style:solid}.existing-tags-container{width:100%;margin-top:0}.tag-list{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.tag-pill{display:flex;align-items:center;color:var(--text-primary);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap;box-sizing:border-box;min-width:0;transition:background-color .2s ease,border-color .2s ease;max-width:200px;height:28px;border:1px solid transparent}.tag-pill.filter-active{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.tag-pill.picker-open,.tag-pill.confirm-delete-open{justify-content:center}.tag-name{overflow:hidden;text-overflow:ellipsis;margin-right:auto;padding-right:4px;flex-grow:0;flex-shrink:1}.tag-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.tag-action-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;margin:0;visibility:hidden;opacity:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease,visibility 0s linear .2s;line-height:1;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.tag-pill:not(.picker-open):not(.confirm-delete-open):hover .tag-action-button{visibility:visible;opacity:.7;transition-delay:0s}.tag-action-button:hover{opacity:1;background-color:#0000001a}.delete-tag-button:hover{color:var(--danger-background);background-color:#ff00001a}.color-picker-palette{display:flex;align-items:center;justify-content:center;gap:5px;padding:0;background-color:transparent;width:100%;height:100%}.color-picker-swatch{width:18px;height:18px;border-radius:50%;cursor:pointer;padding:0;transition:transform .1s ease,border-color .1s ease;box-sizing:border-box;flex-shrink:0;border:1px solid var(--border-color)}.color-picker-swatch:hover{transform:scale(1.1);border-color:var(--text-primary)!important}.color-picker-swatch.selected{border:2px solid var(--text-primary)!important;box-shadow:0 0 0 1px var(--background-primary)}.tag-confirm-delete-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 4px;box-sizing:border-box}.tag-confirm-message{font-size:11px;color:var(--text-secondary);margin-right:8px;white-space:nowrap}.tag-confirm-actions{display:flex;align-items:center;gap:5px}.tag-confirm-delete-content .tag-action-button{visibility:visible;opacity:.8;transition:none}.tag-confirm-delete-content .tag-action-button:hover{opacity:1}.confirm-delete-button{color:var(--text-primary)}.confirm-delete-button:hover{background-color:#0000001a}.cancel-delete-button{color:var(--text-primary)}.cancel-delete-button:hover{background-color:#0000001a}.no-tags-message{grid-column:1 / -1;text-align:center;color:var(--text-secondary);font-size:13px;margin-top:10px}.tag-pill.active-filter{outline:2px solid var(--text-primary);outline-offset:1px}.tags-panel{position:fixed;width:220px;max-height:350px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 15px var(--shadow-color);z-index:10001;display:flex;flex-direction:column;color:var(--text-primary)}.tags-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-color);font-size:13px;font-weight:500;flex-shrink:0}.tags-panel-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px}.tags-panel-close-btn:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.tags-panel-search{padding:8px 12px;flex-shrink:0;border-bottom:1px solid var(--border-color)}.tags-panel-search input{width:100%;padding:6px 8px;border-radius:4px;border:none;background-color:var(--background-primary);color:var(--text-primary);font-size:13px;outline:none}.tags-panel-search input:focus{border:none;outline:none}.applied-tags-container{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.applied-tag-item{position:relative;display:inline-flex;align-items:center}.applied-tag-pill{display:inline-block;padding:3px 16px 3px 8px;border-radius:10px;font-size:11px;font-weight:500;color:var(--text-primary);background-color:var(--background-secondary-hover);max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default}.remove-tag-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);border-radius:50%;width:12px;height:12px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:background-color .15s ease-in-out,color .15s ease-in-out}.remove-tag-btn:hover{background:#0000004d;color:var(--text-primary)}.tags-panel-create-btn{display:flex;align-items:center;width:calc(100% - 24px);margin:8px 12px 0;padding:6px 8px 8px;background-color:transparent;border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:4px;cursor:pointer;text-align:left;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;border-bottom:1px solid var(--border-color)}.tags-panel-create-btn:hover{background-color:var(--background-secondary-hover);border-style:solid;color:var(--text-primary)}.search-results-list{flex-grow:1;overflow-y:auto;padding:4px 0;flex-shrink:1;min-height:0}.search-result-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;font-size:13px}.search-result-item:hover{background-color:var(--background-secondary-hover)}.tag-checkbox{width:16px;height:16px;margin-right:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:3px;flex-shrink:0;color:var(--text-primary);background-color:var(--background-primary)}.search-result-item:hover .tag-checkbox{border-color:var(--text-secondary)}.tag-pill-panel{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;color:var(--text-primary);max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:var(--background-secondary-hover)}.tags-panel-empty{padding:10px 12px;font-size:12px;color:var(--text-secondary);text-align:center;flex-shrink:0}.timer-menu{margin-top:12px;display:flex;flex-direction:column;align-items:center;width:100%}.timer-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-top:20px;width:100%}.timer-face{position:relative;width:min(160px,90%,calc(60vh - 140px));aspect-ratio:1/1;height:auto;background-color:var(--background-secondary);border:3px solid var(--text-secondary);border-radius:50%;margin:0 auto;display:flex;justify-content:center;align-items:center;overflow:hidden;--timer-scale: 1;transition:width .2s ease}@media (max-height: 800px),(max-width: 700px){.timer-menu{flex-direction:row;justify-content:center;align-items:center;gap:20px}.timer-controls{flex-direction:column;margin-top:0;margin-right:15px;width:auto}.timer-face{margin:0}}@media (max-width: 480px){.timer-controls .icon-button{padding:6px 12px;font-size:12px}.timer-controls{gap:6px}}.clock-text{position:relative;z-index:2;font-size:calc(42px * (var(--timer-scale, 1)));font-weight:700;color:var(--text-primary);text-align:center;transition:font-size .2s ease}.timer-fill{position:absolute;bottom:0;left:0;width:100%;background-color:var(--highlight-green);opacity:1;transition:height .5s linear;z-index:1}@media (max-height: 700px){.timer-face{width:min(140px,85%,calc(60vh - 140px));--timer-scale: .875;border-width:5px}}@media (max-height: 600px){.timer-face{width:min(120px,80%,calc(60vh - 140px));--timer-scale: .75;border-width:4px}}@media (max-height: 500px){.timer-face{width:min(100px,75%,calc(60vh - 140px));--timer-scale: .625;border-width:3px}}.timer-increment-btn{position:absolute;top:10%;font-size:24px;font-weight:700;width:36px;height:36px;border-radius:50%;background-color:transparent;border:none;color:var(--text-primary);display:flex;justify-content:center;align-items:center;cursor:pointer;padding:10px;margin:-10px}.timer-decrement-btn{position:absolute;bottom:10%;font-size:24px;font-weight:700;width:36px;height:36px;border-radius:50%;background-color:transparent;border:none;color:var(--text-primary);display:flex;justify-content:center;align-items:center;cursor:pointer;padding:10px;margin:-10px}.timer-increment-btn:hover,.timer-decrement-btn:hover{background-color:var(--background-secondary-hover)}.timer-controls .icon-button{width:40px;height:40px;padding:0;background-color:var(--background-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:opacity .2s ease,transform .1s ease;display:flex;justify-content:center;align-items:center}.timer-controls .icon-button:hover{opacity:.85;transform:scale(1.05)}.timer-controls .icon-button:active{transform:scale(.95)}.timer-controls .toggle-icon{width:40px;height:40px;margin:0;padding:0}.toggle-icon .icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--background-secondary);color:var(--text-primary);cursor:pointer;transition:opacity .2s ease,transform .1s ease,background-color .3s}.toggle-icon input:checked+.icon{border:none;background-color:var(--text-secondary);color:var(--background-secondary)}.toggle-icon .icon:hover{opacity:.85;transform:scale(1.05)}.toggle-icon input{opacity:0;position:absolute;width:0;height:0}.timer-controls .icon-button svg{width:20px;height:20px}.toggle-icon .icon svg{width:20px;height:20px}@keyframes flash-fill{0%,to{background-color:var(--highlight-green);opacity:1}50%{background-color:var(--highlight-green);opacity:.6}}.timer-fill.fill-flash{animation:flash-fill 1.5s ease-in-out infinite}.context-menu{position:fixed;background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;box-shadow:0 2px 10px var(--shadow-color);padding:4px 0;min-width:140px;z-index:5000;-webkit-user-select:none;user-select:none}.context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;transition:background-color .2s ease;justify-content:space-between}.context-menu button:hover{background-color:var(--background-secondary-hover)}.submenu-trigger{width:100%}.submenu-trigger button{padding:8px 12px;width:100%}.context-menu-icon-row{display:flex;justify-content:space-around;align-items:center;padding:4px 0;margin-bottom:4px}.context-menu-icon-row button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.context-menu-icon-row button:hover{background-color:var(--background-secondary-hover)}.context-menu-icon-row button svg{width:16px;height:16px}.context-menu>button:not(.context-menu-icon-row button):first-of-type{border-top:none}.context-menu button:disabled{color:var(--text-disabled);opacity:.5;cursor:not-allowed}.context-menu-device-trigger:disabled{color:var(--text-secondary);opacity:.5;cursor:not-allowed}.context-menu-device-trigger:disabled .submenu-arrow{opacity:.3}.context-menu-favorite-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.context-menu-favorite-row:hover{background-color:var(--background-secondary-hover)}.context-menu-favorite-row span{font-size:14px;color:var(--text-primary)}.context-menu button:not(:last-child){border-bottom:1px solid var(--border-color)}.file-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:80px;height:100px;padding:8px 4px;cursor:pointer;border-radius:10px;transition:background-color .2s ease;position:relative;background:transparent;color:var(--text-primary)}.file-icon:hover{background-color:var(--background-secondary-hover)}.file-icon svg{width:42px;height:42px;margin-bottom:4px;flex-shrink:0;color:var(--icon-color);display:block}.file-icon span{font-size:12px;text-align:center;width:100%;margin-top:2px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;max-height:2.6em;padding-bottom:2px}.file-icon.folder svg{color:var(--icon-color)}.file-icon.cardstack svg rect{fill:var(--background-secondary);stroke:var(--icon-color)}.file-icon.wiki{background:transparent}.file-icon.wiki svg{margin-top:-12px;stroke-width:1}.file-icon.wiki:hover{background-color:var(--background-secondary-hover)}.file-icon.editing{z-index:11;position:relative}.file-icon.drag-over-left{border-left:2px solid var(--border-color)}.file-icon.drag-over-right{border-right:2px solid var(--border-color)}.file-icon.drag-over-center{border:2px dashed var(--drop-hint-color, #007bff);box-shadow:0 0 10px #007bff99;background-color:#007bff0d;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.file-icon{position:relative}.file-icon.selected{background-color:var(--background-secondary-hover);outline:2px solid var(--accent-color)}.grid-view-favorite-star{position:absolute;top:4px;right:4px;width:10px!important;height:10px!important;fill:var(--highlight-yellow)!important;z-index:2}.file-icon.cut{opacity:.5}.file-name-input{font-size:12px;text-align:center;width:auto;min-width:90%;max-width:150%;margin-top:2px;background:var(--background-primary);border-radius:10px;padding:2px 4px;color:var(--text-primary);position:relative;z-index:10;box-sizing:border-box;box-shadow:0 0 5px var(--shadow-color);font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;height:22px;border:1px solid var(--border-color);transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.file-name-input:focus{outline:none;border-color:var(--accent-color)}.file-name-input::placeholder{color:var(--text-secondary);opacity:.7;font-style:italic}.file-name-input.default-name{color:var(--text-secondary);opacity:.7;font-style:italic}.file-icon.list-view{flex-direction:row;align-items:center;width:100%;height:auto;min-height:34px;padding:6px 10px;justify-content:flex-start;border-radius:4px;flex-shrink:0;margin-bottom:0;border:1px solid transparent}.file-icon.list-view svg{width:22px;height:22px;margin-right:10px;margin-bottom:0;flex-shrink:0}.file-icon.list-view span{font-size:14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;-webkit-box-orient:unset;max-height:unset;line-height:normal;width:auto;margin-top:0;padding-bottom:0}.file-icon.list-view:hover{background-color:var(--background-secondary-hover)}.file-icon.list-view.selected{background-color:var(--background-secondary-hover);outline:1px solid var(--accent-color)}.file-icon.list-view .file-name-input{font-size:13px;text-align:left;width:auto;max-width:none;position:static;z-index:auto;box-shadow:none;height:auto;min-width:0}.file-icon.list-view.drag-over-left,.file-icon.list-view.drag-over-right{border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-left:none;border-right:none}.file-icon.list-view.drag-over-center{background-color:#007bff1a;border:1px dashed var(--drop-hint-color, #007bff);box-shadow:none}.list-view-tags-container{margin-left:auto;display:flex;align-items:center;gap:4px;overflow:hidden;flex-shrink:1;min-width:0}.list-view-tag-pill{padding:0 6px!important;font-size:10px!important;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;height:19px!important;border:none;flex-shrink:0;display:inline-flex!important;align-items:center!important;justify-content:center}.file-icon.list-view>span:not(.tag-pill):not(.list-view-favorite-star){flex-grow:0;flex-shrink:1;min-width:0}.list-view-favorite-star{width:12px!important;height:12px!important;margin-right:0!important}.permanent-delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:5000}.permanent-delete-modal-content{background-color:var(--background-primary);padding:30px;border-radius:8px;width:90%;max-width:600px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:row;align-items:flex-start;gap:25px;text-align:left}.permanent-delete-modal-icon-container{color:var(--color-danger);flex-shrink:0}.permanent-delete-modal-icon{color:#dc2626}.permanent-delete-modal-text-container{display:flex;flex-direction:column;width:100%}.permanent-delete-modal-content h2{margin-top:0;margin-bottom:15px;font-size:24px;color:var(--text-primary);font-weight:600}.permanent-delete-modal-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.permanent-delete-modal-description strong{color:var(--text-primary);font-weight:600}.permanent-delete-modal-warnings{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.permanent-delete-warning-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:6px;background-color:var(--background-secondary);border-left:4px solid #dc2626}.permanent-delete-warning-item.device-sync-warning{border-left-color:#f59e0b;background-color:#fbbf241a}.warning-icon{flex-shrink:0;margin-top:2px;color:#dc2626}.device-sync-warning .warning-icon{color:#f59e0b}.permanent-delete-warning-item span{font-size:14px;color:var(--text-primary);line-height:1.5}.permanent-delete-modal-actions{display:flex;justify-content:flex-end;gap:15px}.permanent-delete-modal-button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.permanent-delete-modal-button.cancel{background-color:var(--background-secondary-hover);color:var(--text-primary);border:1px solid var(--border-color)}.permanent-delete-modal-button.cancel:hover{background-color:var(--background-secondary)}.permanent-delete-modal-button.confirm-delete{background-color:#dc2626;color:#fff}.permanent-delete-modal-button.confirm-delete:hover{background-color:#b91c1c}.permanent-delete-modal-button:disabled{opacity:.6;cursor:not-allowed}.permanent-delete-modal-button.confirm-delete .loader{width:20px;height:20px;border-width:2px}@media (max-width: 768px){.permanent-delete-modal-content{flex-direction:column;align-items:center;text-align:center;gap:20px;padding:25px;max-width:95%}.permanent-delete-modal-content h2{font-size:20px}.permanent-delete-modal-actions{flex-direction:column-reverse;width:100%}.permanent-delete-modal-button{width:100%;min-width:unset}.permanent-delete-warning-item{text-align:left}}.outline-container{padding:30px 30px 200px;display:flex;flex-direction:column;gap:0;height:100%;box-sizing:border-box;overflow-y:auto;background-color:var(--background-secondary);max-width:800px;margin:0 auto}.outline-item{display:flex;align-items:flex-start;width:100%;position:relative;gap:8px;background-color:var(--background-secondary);border:none;border-radius:6px;margin:0;box-sizing:border-box;transition:background-color .1s ease,box-shadow .1s ease;transform:scale(1);padding:6px 44px 6px 40px}.outline-item-input{flex-grow:1;padding:8px 5px;margin-left:0;font-size:inherit;border:1px solid transparent;border-radius:4px;background:transparent;box-sizing:border-box;width:100%;min-height:1.5em;height:auto;overflow:hidden;resize:none;display:block;line-height:1.5;font-family:inherit;color:var(--text-primary)}.outline-item-input:focus{outline:none}.outline-item.editing .outline-item-input{border:none}.outline-item-header .outline-item-input{font-size:1em;color:var(--text-primary);line-height:1.5;font-weight:700}.outline-item-header{padding-top:8px;padding-bottom:8px;align-items:center;padding-left:65px;margin-left:0}.outline-item-bullet{padding-top:6px;padding-bottom:6px}.bullet{margin-right:8px;font-size:inherit;line-height:1.5;color:var(--text-secondary);padding-top:0;position:absolute;left:65px;display:none}.outline-item-header .bullet,.outline-item-bullet .bullet{display:none!important}.outline-item-indented .bullet{display:block;left:95px;padding-top:5px}.outline-item-indented .outline-item-input{color:var(--text-primary)}.insert-hover-area{height:14px;margin:-6px 0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease}.insert-plus{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-primary);position:relative;opacity:0;transform:scale(.9);animation:fadeInScale .1s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.insert-plus:before,.insert-plus:after{content:"";position:absolute;height:1px;width:0;background-color:var(--border-color-focus);top:50%;animation:expandLine .1s ease forwards;animation-delay:.05s;pointer-events:none}@keyframes expandLine{0%{width:0}to{width:90px}}.insert-plus:before{right:100%;margin-right:5px}.insert-plus:after{left:100%;margin-left:5px}.insert-buttons{display:flex;margin-top:4px;padding:3px;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;background-color:var(--background-secondary);opacity:0;transform-origin:top center;transform:scale(.95);animation:menuAppear .15s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 1px 3px var(--shadow-color);justify-content:space-between}@keyframes menuAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.insert-buttons button{flex:1;padding:6px 20px;font-size:.9em;cursor:pointer;background:var(--background-secondary);border:none;border-right:1px solid var(--border-color);transition:all .1s ease;position:relative;overflow:hidden;color:var(--text-primary);min-width:50px;text-align:center}.insert-buttons button:last-child{border-right:none}.insert-buttons button:hover{background-color:var(--outline-hover);transform:translateY(-1px)}.insert-buttons button:active{transform:translateY(0);background-color:var(--outline-hover)}.insert-hover-area:hover{cursor:pointer}.delete-button{padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);border-radius:50%;background-color:transparent;border:none;transition:all .2s ease;opacity:0}.delete-button:hover{background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333);opacity:1}.outline-container:not(.is-dragging-active) .outline-item:hover .delete-button{opacity:.5}.insert-hover-area.empty-state{margin-top:30px;margin-bottom:0;height:auto}.insert-hover-area.empty-state .insert-buttons{margin-top:0}.insert-hover-area{height:12px;margin:-4px 0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease}.outline-item.editing{background-color:transparent;padding-right:44px;box-shadow:0 2px 6px var(--shadow-color)}.outline-item:hover .outline-item-input,.outline-item.editing .outline-item-input{background:transparent}.collapse-button{background:none;border:none;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:12px;transition:transform .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease;position:absolute;left:48px;top:50%;transform:translateY(-50%);opacity:.5;border-radius:4px}.collapse-button:hover{background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333);opacity:1}.outline-item-header{padding-left:75px}.outline-item-header .collapse-button,.outline-item-bullet .collapse-button{left:46px}.outline-item-header{padding-left:35px}.outline-item-bullet,.outline-item-indented{padding-left:75px}.outline-item-indented .bullet{left:55px}.insert-buttons button:disabled,.insert-buttons button.disabled{background-color:var(--background-secondary);color:var(--text-secondary);cursor:not-allowed;pointer-events:none;opacity:.35}.resize-handle{width:100%;height:100%;position:absolute;right:-8px;top:0;cursor:col-resize;background:transparent;z-index:10;padding:0 8px;margin:0 -8px;box-sizing:content-box}.resize-handle:after{display:none}.insert-hover-area:hover .insert-plus{opacity:1;transform:scale(1)}.outline-item-header{padding-top:8px;padding-bottom:8px;padding-left:65px;margin-left:0}.outline-item.outline-item-header{margin-left:0;width:100%}.outline-item-bullet{padding-top:6px;padding-bottom:6px;padding-left:65px}.outline-item.outline-item-bullet{margin-left:30px;margin-top:8px;margin-bottom:8px;width:calc(100% - 30px)}.outline-item-bullet.has-collapse-button{padding-left:65px}.outline-item-indented{padding-left:70px;margin-left:60px}.outline-item.outline-item-indented{margin-left:60px;margin-top:8px;margin-bottom:8px;width:calc(100% - 60px)}.collapse-button{left:48px}.outline-item-bullet .bullet{display:block;left:45px;padding-top:5px}.outline-item-indented .bullet{left:45px;padding-top:5px}.outline-item-input{padding:8px 5px;margin-left:0}.delete-button{padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background-color:transparent;border:none;transition:all .2s ease;opacity:0}.outline-container:not(.is-dragging-active) .outline-item:hover:not(.editing){box-shadow:0 2px 6px var(--shadow-color);cursor:pointer}.outline-item-bullet .outline-item-input{font-size:1em;color:var(--text-primary);line-height:1.5}.outline-item-header .outline-item-input,.outline-item-bullet .outline-item-input,.outline-item-indented .outline-item-input{padding:6px 5px}.outline-item-indented .outline-item-input{font-size:1em;color:var(--text-primary);line-height:1.5;margin-left:25px}.outline-item-drag-handle{background:none;border:none;color:var(--text-secondary, #999);cursor:grab;padding:4px;border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease,opacity .2s ease;position:absolute;left:0;top:0;height:100%;width:36px;box-sizing:border-box;z-index:5;opacity:0}.outline-container:not(.is-dragging-active) .outline-item:hover .outline-item-drag-handle{opacity:1}.outline-item-drag-handle:hover{color:var(--text-primary, #333);opacity:1}.outline-item-file-divider{display:none}.collapse-button{left:48px;transition:transform .2s ease}.outline-item-header,.outline-item-bullet{padding-left:70px}.outline-item-indented{padding-left:45px}.outline-item-bullet .bullet{left:45px}.outline-item-indented .bullet{display:block;left:45px;padding-top:5px}.outline-item-right-actions{display:flex;flex-direction:column;align-items:center;gap:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:6}.outline-item-right-actions.single-line-layout{flex-direction:row;align-items:center;gap:4px}.item-is-being-dragged .outline-item{box-shadow:0 2px 6px var(--shadow-color)}.item-is-being-dragged .outline-item-drag-handle{opacity:1;color:var(--text-primary, #333)}.item-is-being-dragged .children .outline-item{box-shadow:0 2px 6px var(--shadow-color)}.wiki{padding:20px 0 0;box-sizing:border-box;width:80%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;background-color:var(--background-secondary);position:relative;overflow:visible;align-items:center}.wiki-search-input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border-color);background-color:var(--background-secondary);color:var(--text-primary);border-radius:4px;margin-bottom:20px}.wiki-search-input:focus{outline:2px solid var(--border-color-focus);border-color:var(--border-color);box-shadow:0 0 0 2px var(--shadow-color)}.wiki-back-button{position:relative;background-color:transparent;color:var(--text-secondary)!important;border:none;cursor:pointer;font-size:1em;display:flex;align-items:center;margin:0;border-radius:4px;padding:4px 8px}.wiki-back-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)!important}.wiki-edit-button{margin-left:auto;background-color:transparent;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.2em}.wiki-edit-button:hover{color:var(--text-primary);border-color:var(--border-color)}.wiki-edit-button svg{vertical-align:middle;font-size:.9em;width:19px;height:19px}@media (max-width: 768px){.wiki-categories button{flex:1 1 calc(50% - 20px)}}@media (max-width: 480px){.wiki-categories button{flex:1 1 100%}}@media (max-width: 768px){.wiki-entry-page h2,.wiki-entry-title-input{font-size:1.5em}}.wiki-title{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-primary);padding:0 6px;border-radius:4px;background-color:var(--background-secondary);border:1px solid var(--border-color);height:28px;min-height:28px;min-width:40px;white-space:nowrap;font-weight:400;cursor:default;margin:0}.wiki-title:hover{background-color:var(--background-secondary-hover)}.wiki-entry-content{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:-10px;padding:0 0 24px}.wiki-entry-title-input{font-size:1.5em;margin:5px 0 15px;color:var(--text-primary);text-align:center;border:none;border-bottom:1px solid var(--border-color);width:80%;min-width:200px;background:transparent;font-weight:inherit;display:inline-block;padding:0 10px}.wiki-entry-title-input:focus{outline:none;border-bottom-color:var(--border-color-focus)}.wiki-modal-input:focus{outline:none;border-color:#d0d0d0}.wiki-categories{margin-top:8px;width:100%;display:flex;flex-direction:column;gap:0}.wiki-category-tile{position:relative;width:100%;padding:12px;box-sizing:border-box;max-width:none;height:auto;min-height:56px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:0;cursor:pointer;display:flex;align-items:center;gap:12px;justify-content:flex-start;margin:0;transition:all .2s ease;font-weight:500;font-size:1.1em;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.wiki-category-tile.cut{opacity:.5}.wiki-category-tile:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color);box-shadow:none}@media (min-width: 600px){.wiki-category-tile{width:100%;flex:none;max-width:none}}@media (min-width: 900px){.wiki-category-tile{width:100%;flex:none;max-width:none}}.wiki-header{display:flex;align-items:center;margin-bottom:10px;padding:0;gap:12px;width:100%;min-height:28px}.wiki-modal-input{width:100%;padding:10px;margin-bottom:0;font-size:1em;border:1px solid #cccccc;border-radius:4px;box-sizing:border-box}.wiki-modal-buttons{display:flex;justify-content:flex-end;gap:10px}.wiki-modal-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em}.wiki-content{margin:0;width:100%;max-width:800px;padding:0;box-sizing:border-box}.add-button-container{position:relative;margin-left:auto;margin-right:-16px}.add-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);width:75px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:999;margin-top:4px;transform-origin:top center;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) scaleY(0)}to{opacity:1;transform:translate(-50%) scaleY(1)}}.add-dropdown-menu button{width:100%;padding:6px 12px;text-align:left;white-space:nowrap;border:none;background:transparent;cursor:pointer;color:var(--text-primary)}.add-dropdown-menu button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.add-dropdown-menu button:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.add-dropdown-menu button:hover{background-color:var(--background-secondary-hover)}.add-dropdown-menu button.disabled,.add-dropdown-menu button:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary);background-color:var(--background-tertiary);pointer-events:none}.add-dropdown-menu button.disabled:hover,.add-dropdown-menu button:disabled:hover{background-color:var(--background-tertiary);color:var(--text-secondary)}.wiki-search-results{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-color)}.wiki-search-result{display:flex;align-items:center;padding:10px;border:none;border-bottom:.5px solid var(--border-color);border-radius:0;cursor:pointer;background-color:var(--background-secondary);transition:background-color .2s ease}.wiki-search-result:last-child{border-bottom:none}.wiki-search-result:hover{background-color:var(--background-secondary-hover)}.search-result-content h3{margin:0;font-size:1em;color:var(--text-primary)}.search-result-path{margin:0;font-size:.85em;color:var(--text-secondary)}.wiki-add-category-button{right:24px;min-width:120px}.category-selector{display:flex;flex-direction:column;height:500px;position:relative}.expand-toggle{cursor:pointer;color:var(--text-secondary);font-size:.8em;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:4px;margin:-4px;border-radius:4px;line-height:1}.expand-toggle:hover{background-color:#0000001a}.subcategory-options{margin-left:20px;margin-bottom:8px}.category-selector{display:flex;flex-direction:column;height:500px}.category-selector h3{margin:0 0 15px;color:var(--text-primary);font-size:1.1em;flex-shrink:0}.location-options{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:10px;padding-bottom:52px;height:calc(100% - 40px)}.location-options::-webkit-scrollbar{width:8px}.location-options::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.location-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.location-options::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.location-option{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;padding:10px;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text-primary);position:relative;overflow:hidden;font-weight:500;display:flex;align-items:center;width:100%}.location-option:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color)}.cancel-button-container{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background-color:var(--background-secondary);border-top:1px solid var(--border-color);z-index:2}.location-option.cancel,.location-option.create{margin:0;background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:8px 16px;min-width:80px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center}.location-option.cancel:hover,.location-option.create:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color)}.category-checkmark{margin-left:auto;color:var(--text-primary);font-weight:700}.category-button-content{display:flex;align-items:center;gap:8px;width:100%;padding-left:8px;position:relative;z-index:1}.category-name-container{display:flex;flex-direction:column;flex:1;color:var(--text-primary)}.wiki-add-button{position:relative;background-color:transparent;border:none;cursor:pointer;color:var(--text-secondary);font-size:.8em;margin-left:auto;width:80px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0}.wiki-add-button:hover{color:var(--text-primary);border-color:var(--border-color);background-color:var(--background-secondary-hover)}.wiki-add-button svg{vertical-align:middle;font-size:.9em}.add-button-container{position:relative;margin-left:auto}.category-name-container span{color:var(--text-primary);font-weight:500}.category-selector-modal h3{margin:0 0 15px;color:var(--text-primary);font-size:1.1em;flex-shrink:0}.category-selector-modal{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:20px;width:90%;max-width:400px;z-index:1001}.wiki-items-container{display:flex;flex-direction:column;gap:0;width:100%;max-width:none;box-sizing:border-box}.wiki-categories,.wiki-subcategories,.wiki-entries{display:flex;flex-direction:column;gap:0;width:100%;box-sizing:border-box}.wiki-entry-button{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:0;padding:14px 10px;box-sizing:border-box;max-width:none;text-align:left;cursor:pointer;box-shadow:none;transition:background-color .2s ease,border-color .2s ease;font-size:1.1em;color:var(--text-primary);margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.wiki-entry-button:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color);box-shadow:none}.wiki-category-tile .tile-content,.wiki-entry-button .entry-content{display:flex;align-items:center}.wiki-entry-button .entry-content h3{margin:0;font-size:1.1em}.wiki-entry-button p{margin:0;color:var(--text-secondary)}.wiki-categories,.wiki-subcategories,.wiki-entries{width:100%;margin:0;padding:0;box-sizing:border-box}.wiki-search-input,.wiki-entry-preview,.wiki-category-tile{width:100%;box-sizing:border-box;margin:0}.categories-container{margin-top:20px;display:flex;flex-direction:column;gap:0}.wiki-category-tile>svg,.wiki-entry-button>svg{color:var(--text-secondary);flex-shrink:0!important;width:18px;height:18px;min-width:18px}.item-menu{position:relative;margin-left:auto;flex-shrink:0}.menu-trigger{background:none;border:none;padding:4px 8px;color:var(--text-secondary);cursor:grab;border-radius:4px}.menu-trigger:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.menu-dropdown{position:absolute;right:0;top:100%;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:120px}.menu-dropdown button{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9em}.menu-dropdown button:hover{background-color:var(--background-secondary-hover)}.wiki-category-tile,.wiki-entry-button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:8px}.inline-edit-input{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;margin:-4px 0;font-size:inherit;font-family:inherit;color:inherit;width:200px;position:relative;z-index:10}.inline-edit-input:focus{outline:none;border-color:var(--border-color);background-color:var(--background-secondary)}.wiki-entry-text{width:90%;margin:0 auto;line-height:1.6;overflow:hidden}.wiki-entry-text:after{content:"";display:table;clear:both}.wiki-entry-title-below{font-size:1.5em;color:var(--text-primary);text-align:center;margin:15px 0}.toolbar-divider{width:1px;height:20px;background-color:#e0e0e0;margin:0 4px}.editor-content-wrapper{flex-grow:1;overflow-y:auto;padding:50px 10px 100px;box-sizing:border-box;background-color:var(--background-secondary);scrollbar-width:none;-ms-overflow-style:none;margin-top:0;margin-left:auto;margin-right:auto;width:100%}.wiki-editor:focus{border-color:#666}.wiki-editor,.wiki-editor *:not(a){color:var(--text-primary)!important;background-color:var(--background-secondary)!important}.link-type-selector{display:flex;gap:10px;margin-bottom:15px}.link-type-button{flex:1;padding:8px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);cursor:pointer;color:var(--text-primary)}.link-type-button.active{background:var(--background-secondary-hover);border-color:var(--border-color)}.internal-link-selector{display:flex;flex-direction:column;gap:10px}.search-box{position:relative;display:flex;align-items:center;width:100%;margin-bottom:0;padding-bottom:10px}.search-box input{padding-left:12px;width:100%}.entry-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:200px;overflow-y:auto;margin-top:-10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-secondary);box-shadow:0 2px 8px #0000001a;z-index:1002}.entry-list-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;margin:0;border:none;border-bottom:1px solid var(--border-color);background:none;text-align:left;cursor:pointer;color:var(--text-primary)}.entry-list-item:last-child{border-bottom:none}.entry-list-item:hover{background-color:var(--background-secondary-hover)}.wiki-internal-link{color:var(--link-color);text-decoration:none;border-bottom:none}.wiki-internal-link:hover{color:var(--link-color);border-bottom:1px solid var(--link-color);border-bottom-style:solid}.wiki-external-link{color:var(--link-color);text-decoration:none}.wiki-external-link:hover{text-decoration:underline}.align-button svg,.align-menu button svg{font-size:1.2em;width:16px;height:16px}.align-button svg:last-child{font-size:.9em;margin-left:2px}.align-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;color:#333;font-size:1em}.align-dropdown{position:relative;display:inline-block;width:fit-content;margin-right:0;border-right:none;padding-right:4px}.align-dropdown .format-button{min-width:unset;padding:4px 8px;display:flex;align-items:center;gap:4px}.align-format-menu{position:absolute;top:100%;left:0;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:140px;margin-top:2px}.align-format-menu .format-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.9em;white-space:nowrap}.align-format-menu .format-menu-item:hover,.align-format-menu .format-menu-item.active{background-color:var(--background-secondary-hover)}.content-inserted-image{display:block;max-width:100%;height:auto;margin:20px 0;padding:5px;border-radius:4px;clear:both}.wiki-editor:after{content:"";display:table;clear:both}.resizable-image-wrapper{position:relative;display:inline-block;max-width:100%;overflow:hidden;outline:none;height:auto;width:auto}.resizable-image-wrapper img{display:block;max-width:100%;height:auto;width:auto;cursor:pointer}.resize-handle{position:absolute;width:16px;height:16px;background:#007bff;border:2px solid #fff;cursor:nwse-resize;right:0;bottom:0;z-index:10;border-radius:50%}.resizable-image-wrapper.selected{outline:2px solid #007bff}.resizable-image-wrapper:focus{outline:none}.content-inserted-image{pointer-events:none}.wiki-editor{width:90%;background:var(--background-secondary);outline:none;border:none;border-radius:4px;padding:24px;min-height:300px;box-sizing:border-box;line-height:1.6;color:var(--text-primary)!important}.wiki-formatting-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background-color:var(--background-secondary)!important;border:none;border-radius:0;margin:0 0 8px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease;width:100%!important;max-width:none;box-sizing:border-box}.wiki-formatting-toolbar{transition:box-shadow .2s ease}.wiki-formatting-toolbar.scrolled{box-shadow:0 2px 8px #00000026}.format-button{background:none;border:1px solid transparent;padding:4px 8px;cursor:pointer;color:var(--text-secondary);border-radius:4px;font-size:1em;min-width:32px;display:flex;align-items:center;justify-content:center}.format-button:hover,.format-button.active{background-color:var(--background-secondary-hover);border-color:var(--border-color);color:var(--text-primary)}.format-button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.wiki-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.image-upload-options{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.image-upload-button{display:inline-block;padding:8px 16px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-primary);font-weight:500;text-align:center}.image-upload-button:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color)}.image-preview{max-width:100%;border:1px solid var(--border-color);border-radius:4px;padding:8px;background-color:var(--background-secondary);display:flex;justify-content:center;align-items:center}.content-image-preview{max-width:100%;max-height:200px;object-fit:contain;margin:auto}.insert-button:disabled{opacity:.5;cursor:not-allowed}.button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.button-group button{padding:8px 16px;border:1px solid var(--border-color);background-color:var(--background-secondary);border-radius:4px;cursor:pointer;color:var(--text-primary);font-size:1em}.button-group button:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color)}.content-inserted-image.align-left{margin:20px auto 20px 0}.content-inserted-image.align-right{margin:20px 0 20px auto}.content-inserted-image.align-center{margin:20px auto}.content-inserted-image.align-justify{width:100%;margin:20px 0;clear:both}.image-size-options{display:flex;gap:10px;margin-top:10px}.size-option{padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);cursor:pointer;color:var(--text-secondary);font-size:.9em}.size-option:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color)}.size-option.selected{background-color:var(--background-secondary-hover);border-color:var(--border-color);color:var(--text-primary)}.content-inserted-image.size-small{max-width:200px}.content-inserted-image.size-medium{max-width:400px}.content-inserted-image.size-large{max-width:600px}.content-inserted-image.size-original{max-width:none}.selected-entry{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:10px;margin-top:-10px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.selected-entry svg{color:var(--text-secondary);font-size:1em}.selected-checkmark{margin-left:auto;color:var(--text-primary);font-weight:700}.link-button:disabled{opacity:.5;cursor:not-allowed}.image-wrapper{position:relative;display:inline-block;-webkit-user-select:none;user-select:none;cursor:pointer}.image-wrapper .content-inserted-image{display:block}.image-delete-button{position:absolute;top:4px;right:4px;background:#0009;border:none;color:var(--text-primary);border-radius:50%;padding:4px;cursor:pointer;opacity:0;transition:opacity .2s}.image-delete-button .delete-icon{width:16px;height:16px;color:var(--background-secondary)}.image-wrapper:hover .image-delete-button{opacity:1}.image-delete-button{width:24px;height:24px;box-sizing:content-box;color:var(--text-primary)}.image-wrapper[contenteditable=false]{-webkit-user-modify:read-only;-moz-user-modify:read-only;user-modify:read-only}.format-dropdown{position:relative;display:inline-block;min-width:85px;width:fit-content;margin-right:4px;border-right:1px solid var(--border-color);padding-right:4px}.format-dropdown .format-button{width:100%;padding:4px 8px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;border:none;background:none;gap:4px;margin:0;height:100%;min-height:24px}.format-menu{position:absolute;top:100%;left:0;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:140px;margin-top:2px;padding:4px 0}.format-menu-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.85em;white-space:nowrap;height:32px;box-sizing:border-box;gap:8px}.format-menu-item:hover,.format-menu-item.active{background-color:var(--background-secondary-hover)}.wiki .toolbar-content{display:flex;align-items:center;gap:4px;width:100%;justify-content:flex-start;background-color:transparent!important}.wiki-editor-container{width:100%;position:relative;padding:0;margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.wiki-editor,.wiki-editor *{color:var(--text-primary)!important;background-color:var(--background-secondary)!important}p.align-left,h1.align-left,h2.align-left,h3.align-left,div.align-left{text-align:left}p.align-center,h1.align-center,h2.align-center,h3.align-center,div.align-center{text-align:center}p.align-right,h1.align-right,h2.align-right,h3.align-right,div.align-right{text-align:right}p.align-justify,h1.align-justify,h2.align-justify,h3.align-justify,div.align-justify{text-align:justify}.wiki-entry-page{padding-bottom:24px}.wiki-home-icon{width:20px;height:20px;color:var(--text-secondary);margin:0;flex:0 0 auto;transition:color .2s ease}.wiki-home-icon:hover{color:var(--text-primary)}.search-and-add-container{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative}.search-toggle-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.search-toggle-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.top-search{position:absolute;right:120px;top:2px;width:0;max-width:160px;opacity:0;transform-origin:right;overflow:hidden;transition:all .3s ease;transform:scaleX(0);height:28px;padding:4px 8px;font-size:14px}.top-search.expanded{width:160px;opacity:1;transform:scaleX(1)}.top-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:999}.wiki-search-result.no-matches{opacity:.75;pointer-events:none}.wiki-content>.wiki-search-input{display:none}.search-and-add-container{justify-content:flex-end;margin-right:20px;position:relative}.search-toggle-button{z-index:2}.breadcrumb-segment{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:4px;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);margin-right:0;margin-left:6px;cursor:pointer;font-size:12px;height:28px;min-height:28px;line-height:1.2;text-align:center;min-width:40px;white-space:nowrap}.breadcrumb-segment:hover{background-color:var(--background-secondary-hover)}.wiki-search-result .search-result-content{display:flex;align-items:center;gap:10px}.wiki-search-result .result-icon{flex-shrink:0;font-size:.9em}.wiki-search-result .category-icon,.wiki-search-result .entry-icon{color:var(--text-secondary);opacity:.55}.wiki-category-tile>.inline-edit-input.new-category-input,.wiki-category-tile>.wiki-rename-input{color:var(--text-primary);border:none;background:transparent;font-size:inherit;font-weight:inherit;padding:0;margin:0;outline:none;box-shadow:none;width:auto;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-rename-input{font-size:inherit;color:inherit;border:none;background:transparent;width:70%;padding:0;margin:0;outline:none;box-shadow:none;position:relative;z-index:10}.wiki-rename-input:focus{outline:none;box-shadow:none;border:none}.rename-input-wrapper{position:relative;z-index:10;display:inline-block}.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-secondary);content:attr(data-placeholder);float:left;height:0;pointer-events:none;opacity:.5}.wiki-category-tile.long-pressing,.wiki-entry-button.long-pressing{background-color:var(--background-secondary-hover)!important;box-shadow:0 0 0 1px var(--border-color);opacity:.9;transition:background-color .2s ease}.wiki-context-menu button.disabled,.wiki-context-menu button:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary);background-color:var(--background-tertiary);pointer-events:none}.wiki-context-menu button.disabled:hover,.wiki-context-menu button:disabled:hover{background-color:var(--background-tertiary);color:var(--text-secondary)}.wiki-context-menu .color-picker-container{padding:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-width:140px;border-top:none}.wiki-context-menu .color-picker-container .color-circle{display:inline-block;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;line-height:18px!important;flex:0 0 18px!important;padding:0!important;text-align:center;border:1px solid var(--border-color);border-radius:50%!important;cursor:pointer;transition:transform .1s ease,border-color .1s ease;box-sizing:border-box;vertical-align:middle;overflow:hidden}.wiki-context-menu .color-picker-container .color-circle:hover{transform:scale(1.15);border-color:var(--text-primary)!important;z-index:1}.wiki-context-menu .color-picker-container .color-circle[style*="var(--background-secondary)"],.wiki-context-menu .color-picker-container .color-circle[style*="var(--background-secondary)"]:hover{box-shadow:inset 0 0 0 1px #0000001a}.wiki-context-menu .color-picker-container .color-circle:disabled{opacity:.5;cursor:not-allowed;transform:none;border-color:var(--border-color)!important}.wiki-context-menu .color-picker-container .color-circle:disabled:hover{transform:none;border-color:var(--border-color)!important}.wiki-context-menu{position:fixed;z-index:9999;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);box-shadow:0 2px 5px var(--shadow-color);padding:0;min-width:100px;border-radius:4px;animation:fade-in .15s ease-out}.wiki-context-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9em}.wiki-context-menu button:hover{background-color:var(--background-secondary-hover)}.wiki-context-menu.wiki-context-menu-entry{min-width:180px}.tutorial-highlight{position:absolute;border-radius:6px;box-shadow:0 0 0 4px var(--tutorial-highlight-color);animation:pulse 2s infinite;pointer-events:none;z-index:1001}.tutorial-tooltip{position:absolute;background-color:var(--tutorial-tooltip-background);color:var(--tutorial-tooltip-text);padding:16px 36px 16px 16px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000001a;z-index:1001;width:max-content;max-width:220px;text-align:center;animation:fadeIn .5s ease-out}.tutorial-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--tutorial-highlight-color)}45%{box-shadow:0 0 0 6px var(--tutorial-highlight-color)}70%{box-shadow:0 0 0 4px #98ffc04d}85%{box-shadow:0 0 #0000}to{box-shadow:0 0 0 0 var(--tutorial-highlight-color)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-close{position:absolute;right:8px;top:8px;cursor:pointer;background:none;border:none;font-size:14px;color:var(--tutorial-tooltip-text);padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;pointer-events:auto;z-index:2}.tutorial-close:hover{background-color:#0000001a}@media (max-width: 1024px){.tutorial-tooltip{max-width:calc(100vw - 40px);font-size:13px;padding:12px 32px 12px 12px;box-shadow:0 4px 15px #0003}.tutorial-highlight{box-shadow:0 0 0 5px var(--tutorial-highlight-color)}.tutorial-container{padding:20px}}@media (max-width: 480px){.tutorial-tooltip{font-size:12px;padding:10px 30px 10px 10px}}@supports (padding: max(0px)){.tutorial-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.update-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:flex-start;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease-in-out}.update-modal-overlay.show{opacity:1}.update-modal{text-align:start;position:absolute;left:-300px;width:300px;padding:20px;background-color:#fff;color:#000;box-shadow:0 2px 10px #0000004d;border-radius:8px;transition:left .3s ease-in-out;z-index:10000}.update-modal.show{left:0}.update-modal button{margin-top:15px;padding:10px 20px;font-size:14px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}.update-modal button:hover{background-color:#333}.update-modal .header{display:flex;gap:10px}.update-modal .title{font-size:16px;font-weight:700;margin-right:10px}.update-modal .buttons{display:flex;justify-content:space-between}.tag-drawer{max-height:0;overflow:hidden;background-color:var(--background-elevated, var(--background-secondary));padding:0 10px;box-sizing:border-box;box-shadow:none;position:absolute;top:27px;left:0;right:0;z-index:11}.tag-drawer.open{max-height:250px;padding:10px;box-shadow:0 4px 8px -4px #00000026}.tag-drawer-content{color:var(--text-primary);font-size:.9em}.tag-drawer-title{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text-primary);text-align:center}.tag-drawer-file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0 5px;margin:8px 0;max-height:200px;overflow-y:auto;list-style:none}.tag-drawer-file-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:3px 12px;border-radius:15px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;background-color:var(--background-secondary);border:1px solid transparent;box-sizing:border-box;min-width:0;white-space:nowrap;overflow:hidden;height:30px;width:100%}.tag-drawer-file-item:hover{background-color:var(--background-secondary-hover);border-color:var(--border-color-hover)}.tag-drawer-file-item:hover .file-icon{background-color:transparent!important}.tag-drawer-remove-button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:3px 12px;border-radius:15px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box;min-width:0;white-space:nowrap;overflow:hidden;height:30px;width:100%;background-color:transparent;border:1px solid var(--border-color, var(--text-tertiary));color:var(--text-secondary)}.tag-drawer-remove-button:hover{background-color:var(--background-secondary);border-color:var(--border-color-hover, var(--text-secondary));color:var(--text-primary)}.tag-drawer-remove-button:hover .file-icon{background-color:transparent!important}.tag-drawer-remove-button:hover .file-icon svg{stroke:var(--text-secondary)!important}.tag-drawer-remove-button .file-icon svg{stroke:currentColor}.tag-drawer-remove-button .file-name{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px);min-width:0;flex-grow:1;text-align:left;display:block;padding:0;margin:0;color:currentColor}.tag-drawer-file-item .file-icon,.tag-drawer-remove-button .file-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2px;height:2px;position:relative}.tag-drawer-file-item .file-icon svg,.tag-drawer-remove-button .file-icon svg{stroke:var(--icon-color, var(--text-secondary));fill:none;opacity:1;visibility:visible;display:block;width:16px;height:16px;position:relative;top:1px}.tag-drawer-file-item .file-name{font-size:13px;line-height:1.2;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px);min-width:0;flex-grow:1;text-align:left;display:block;padding:0;margin:0}.tag-drawer-empty{font-size:12px;color:var(--text-secondary);text-align:center;padding:15px 0}.tag-drawer-close-button,.tag-drawer-close-button:hover{display:none}.manuscript-layout-container{display:flex;height:100%;width:100%;overflow:hidden;position:relative;--shadow-color: rgba(0, 0, 0, .15);--background-secondary-subtle: #f8f8f8}.manuscript-controls-column{width:50px;padding:10px 0;display:flex;flex-direction:column;gap:15px;align-items:center;background-color:var(--background-secondary);position:sticky;top:0;left:0;margin-left:40px;z-index:9;box-sizing:border-box;justify-content:center}.manuscript-controls-column button{background:none;border:1px solid transparent;border-radius:4px;padding:6px;cursor:pointer;color:var(--text-secondary, #666);display:flex;align-items:center;justify-content:center;font-size:1.1em;transition:background-color .2s,color .2s,border-color .2s;width:100%}.manuscript-controls-column button:hover{background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333);border-color:var(--border-color, #ccc)}.manuscript-main-content{flex-grow:1;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:20px 110px 20px 20px;box-sizing:border-box;width:100%;background-color:var(--background-secondary, #f0f0f0)}.manuscript-main-content::-webkit-scrollbar{display:none}.manuscript-pages-container{display:flex;flex-direction:column;margin-bottom:30px;position:relative;overflow:visible;background-color:var(--background-secondary, #f9f9f9);box-shadow:0 1px 3px #0000000d;max-width:900px;margin-left:auto;margin-right:auto;box-sizing:border-box}.manuscript-page{background-color:var(--background-secondary, #fff);border:1px solid var(--border-color, #ccc);border-radius:4px;box-shadow:0 2px 5px #0000001a;padding:0 30px 25px;position:relative;border-left-width:2px;border-left-style:solid;border-left-color:transparent;transition:border-left-color .2s ease,border-left-width .2s ease}.manuscript-page.has-color-marker{border-left-width:5px}.manuscript-page-header{display:flex;align-items:center;position:sticky;top:-20px;background-color:var(--background-secondary, #f0f0f0);z-index:10;border-bottom:1px solid var(--border-color, #ccc);margin-bottom:10px;box-sizing:border-box;margin-left:-30px;margin-right:-30px;padding:10px 30px;text-overflow:ellipsis}.manuscript-page-header h3{margin:0 10px 0 0;font-weight:600;color:var(--text-secondary, #555);flex-grow:1}.manuscript-page-content{font-size:14px;line-height:1.7;color:var(--text-primary)}.manuscript-page-content:focus{outline:none}.manuscript-page:focus-within{outline:2px solid var(--border-color, #ccc);outline-offset:1px}.list-view .manuscript-page:focus-within{outline:none}.manuscript-page-content p{margin-bottom:1.2em}.manuscript-page-content>*:first-child{margin-top:0}.manuscript-remove-file{background:none;border:none;color:var(--text-secondary, #aaa);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease;flex-shrink:0;margin-left:10px}.manuscript-remove-file:hover{background-color:var(--background-secondary-hover, #eee);color:var(--accent-danger, #e53935)}.manuscript-add-placeholder{margin-top:30px;padding:0;border:2px dashed var(--border-color, #ccc);border-radius:8px;background-color:var(--background-secondary, #f9f9f9);box-shadow:0 1px 3px #0000000d;max-width:900px;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:hidden}.manuscript-add-options-container{display:flex;width:100%;min-height:100px}.manuscript-add-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-secondary, #666);font-size:1.1em;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-align:center;box-sizing:border-box}.manuscript-add-option:hover{background-color:var(--background-secondary-hover, #f8f8f8);color:var(--text-primary, #555)}.manuscript-add-option:first-child{border-right:1px solid var(--border-color, #ccc)}.manuscript-add-option>svg{margin-bottom:8px;color:inherit}.manuscript-add-option span{font-size:.9em}.manuscript-add-placeholder:hover{background-color:var(--background-secondary, #f9f9f9);border-color:var(--border-color, #ccc)}.manuscript-search-container{border:1px solid var(--border-color, #ccc);border-radius:8px;overflow:hidden;background-color:var(--background-secondary, #f9f9f9);box-shadow:0 1px 3px #0000000d;max-width:900px;margin:30px auto}.manuscript-search-header{display:flex;align-items:center;padding:10px 12px;background-color:var(--background-secondary, #f9f9f9);border-bottom:1px solid var(--border-color, #ccc)}.manuscript-search-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:14px;background-color:var(--background-secondary, #f9f9f9);color:var(--text-primary, #333);outline:none;transition:border-color .2s ease}.manuscript-search-input:focus{border-color:var(--accent-color, #4a6fa5)}.manuscript-search-close{background:none;border:none;margin-left:10px;color:var(--text-secondary, #aaa);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease,background-color .2s ease}.manuscript-search-close:hover{background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #555)}.manuscript-search-results{max-height:250px;overflow-y:auto}.manuscript-search-result-item{padding:10px 15px;border-bottom:1px solid var(--border-color, #ccc);cursor:pointer;transition:background-color .2s ease;font-size:14px;color:var(--text-primary)}.manuscript-search-result-item:last-child{border-bottom:none}.manuscript-search-result-item:hover{background-color:var(--accent-background-light, #e8f0fe)}.manuscript-no-results{padding:15px;text-align:center;color:var(--text-secondary, #666);font-style:italic;font-size:14px}.manuscript-move-controls{display:flex;flex-direction:column;flex-shrink:0;gap:4px;margin-right:20px;margin-left:-10px}.manuscript-move-button{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:2px 4px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease;font-size:.8em}.manuscript-move-button:hover:not(:disabled){background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333)}.manuscript-move-button:disabled{color:var(--text-disabled, #ccc);cursor:not-allowed}.manuscript-file-title{font-size:14px;font-weight:500;color:var(--text-secondary, #666);flex-grow:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-view .manuscript-page{padding:0;box-shadow:0 1px 3px #00000014;border-radius:4px;border:1px solid var(--border-color, #ccc);border-left-width:2px;border-left-style:solid;border-left-color:transparent;transition:border-left-color .2s ease,border-left-width .2s ease}.list-view .manuscript-page.has-color-marker{border-left-width:5px}.list-view .manuscript-page-header{position:static;border-bottom:none;margin:0;padding:8px 15px;background-color:var(--background-secondary, #f9f9f9);border-radius:4px 4px 0 0;display:flex;align-items:center}.manuscript-pages-container:not(.list-view) .manuscript-page:not(:has(.manuscript-page-header)) .manuscript-page-content{padding-top:25px}.manuscript-pages-container:not(.list-view) .manuscript-page:has(.manuscript-page-header){padding-top:0}.manuscript-gap-container{height:35px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:0;margin-bottom:0}.manuscript-gap-container:has(.manuscript-search-container.in-gap){min-height:35px}.manuscript-gap-toolbar{position:absolute;display:inline-flex;align-items:center;gap:8px;background-color:var(--background-secondary, #f9f9f9);border:1px solid var(--border-color, #ccc);border-radius:15px;padding:4px 8px;box-shadow:0 2px 5px #0000001a;z-index:15;transition:opacity .15s ease-in-out,transform .15s ease-in-out;opacity:1;transform:translateY(0)}.manuscript-gap-toolbar button{background:none;border:none;color:var(--text-secondary, #666);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.manuscript-gap-toolbar button:hover{background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333)}.manuscript-pages-container.list-view{max-width:600px;margin-left:auto;margin-right:auto}.manuscript-search-container{border:1px solid var(--border-color, #ccc);border-radius:8px;overflow:hidden;background-color:var(--background-secondary, #f9f9f9);box-shadow:0 1px 3px #0000000d;max-width:900px;margin:30px auto;position:relative;z-index:5}.manuscript-search-container.in-gap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:16;width:calc(100% - 40px);max-width:500px;margin:0;box-shadow:0 4px 10px #00000026;border-radius:6px}.list-view .manuscript-gap-container{height:10px}.manuscript-pages-container.list-view+.manuscript-add-placeholder{max-width:600px}.manuscript-pages-container.list-view+.manuscript-add-placeholder .manuscript-add-options-container{min-height:60px}.manuscript-pages-container.list-view+.manuscript-add-placeholder .manuscript-add-option{padding:10px}.manuscript-pages-container.list-view+.manuscript-add-placeholder .manuscript-add-option>svg{width:24px;height:24px;margin-bottom:6px}.manuscript-pages-container.list-view+.manuscript-add-placeholder .manuscript-add-option span{font-size:.95em}.manuscript-search-container.in-gap .manuscript-search-header{padding:6px 10px}.manuscript-search-container.in-gap .manuscript-search-results{max-height:180px}.manuscript-search-container.in-gap .manuscript-search-result-item{padding:8px 12px}.list-view .manuscript-move-controls{display:none}.drag-handle{background:none;border:none;padding:5px 8px 5px 0;margin-right:8px;cursor:grab;color:var(--text-secondary, #aaa);display:flex;align-items:center;justify-content:center;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle:focus{outline:none}.list-view .manuscript-file-title{flex-grow:1;margin-left:0}.list-view .manuscript-list-item-preview{padding:8px 15px 12px;font-size:.85em;color:var(--text-secondary, #666);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--border-color, #ccc);height:calc(2.55em + 21px);box-sizing:border-box}.list-view-placeholder{max-width:600px}.list-view-placeholder .manuscript-add-options-container{min-height:60px}.list-view-placeholder .manuscript-add-option{padding:10px}.manuscript-action-button{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:4px 6px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease;font-size:1em;margin-left:6px;flex-shrink:0}.manuscript-action-button:hover:not(:disabled){background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333)}.file-color-picker-container{position:relative;display:inline-flex;align-items:center;margin-left:6px}.file-color-palette{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:5px;background-color:var(--background-secondary, #f9f9f9);border:1px solid var(--border-color, #ccc);border-radius:6px;padding:6px;display:flex;gap:5px;z-index:25;box-shadow:0 2px 8px #00000026}.file-color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;padding:0;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease;box-sizing:border-box;flex-shrink:0;outline:none}.file-color-swatch:hover{transform:scale(1.1);box-shadow:0 0 0 2px var(--accent-color-light)}.file-color-swatch.selected{border:2px solid var(--text-primary)!important;box-shadow:0 0 0 1px var(--background-primary)}.manuscript-name-edit-input{font-family:inherit;font-size:14px;font-weight:500;line-height:normal;color:var(--text-primary);background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:3px;padding:2px 6px;margin:0;outline:none;box-sizing:border-box;width:auto;min-width:150px;flex:1 1 auto;height:24px}.manuscript-name-edit-input:focus{border-color:var(--accent-color);box-shadow:0 1px 3px var(--shadow-color)}.format-popup{position:absolute;background-color:var(--background-secondary, #f9f9f9);border:1px solid var(--border-color-medium, #bbb);border-radius:6px;box-shadow:0 2px 8px #00000026;padding:5px;display:flex;gap:6px;z-index:30;transform:translate(-50%,8px);opacity:0;transition:opacity .15s ease,transform .15s ease;transform-origin:center bottom;-webkit-user-select:none;user-select:none}.format-popup button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;border:none;background-color:transparent;color:var(--text-primary, #333);cursor:pointer;transition:background-color .15s ease,color .15s ease;padding:0;font-size:14px}.format-popup button.active{background-color:var(--accent-background-light, #e0e9ff);color:var(--accent-color, #4a6fa5)}.format-popup button:hover,.format-popup button:active{background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333)}.list-view-placeholder .manuscript-add-option{flex-direction:row;justify-content:center;align-items:center;padding:10px 15px;gap:8px}.list-view-placeholder .manuscript-add-option>svg{margin-bottom:0}.manuscript-export-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1900;cursor:pointer}.manuscript-file-title-input{display:block;width:100%;max-height:2.6em;overflow:hidden;word-wrap:break-word;word-break:break-word;resize:none;white-space:pre-wrap;background:none;border:none;color:inherit;outline:none}.manuscript-navigator-column{width:21px;padding:0;display:flex;flex-direction:column;background-color:var(--background-secondary, #f0f0f0);box-sizing:border-box;position:absolute;top:0;height:100%;right:0;z-index:9;transition:width .2s ease-in-out}.navigator-toggle-button{width:calc(100% + 5px);margin-left:-5px;height:40px;border-top:1px solid var(--border-color, #ccc);border-left:1px solid var(--border-color, #ccc);border-bottom:1px solid var(--border-color, #ccc);border-right:none;background-color:var(--background-secondary, #f0f0f0);color:var(--text-secondary, #666);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1em;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease;border-radius:8px 0 0 8px;position:relative;z-index:2}.navigator-toggle-button:hover{background-color:var(--background-secondary-hover, #eee);border-color:var(--border-color, #ccc)}.navigator-toggle-button svg{transition:transform .2s ease-in-out;width:20px;height:20px;flex-shrink:0}.manuscript-navigator-column.expanded .navigator-toggle-button svg{transform:rotate(180deg)}.navigator-buttons-container{display:flex;flex-direction:column;width:100%;flex-grow:1;overflow-y:auto;border-left:1px solid var(--border-color);background-color:var(--background-secondary, #f0f0f0)}.navigator-button{width:100%;min-height:15px;padding:0;margin:0;border:none;border-bottom:1px solid var(--border-color);background-color:var(--background-primary, #fff);cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;position:relative}.navigator-button:last-child{border-bottom:none}.navigator-button:hover{filter:brightness(95%)}.navigator-button-label{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:var(--text-primary);padding:5px 0;transition:all .2s ease-in-out;display:none}.navigator-button:hover .navigator-button-label{color:var(--text-primary, #333)}.manuscript-navigator-column.expanded{width:95px}.manuscript-navigator-column.expanded .navigator-button-label{display:block;writing-mode:horizontal-tb;text-orientation:sideways;font-size:12px;padding:0 10px;text-align:left;justify-content:flex-start;width:100%}.manuscript-navigator-column.expanded .navigator-button{justify-content:flex-start}.manuscript-export-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-secondary, #f9f9f9);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:20px;z-index:5000;width:350px;display:flex;flex-direction:column;gap:15px;font-size:14px}.manuscript-export-popup h4{margin:0 0 10px;font-size:1.2em;font-weight:600;color:var(--text-primary);text-align:center}.export-option-card{background-color:var(--background-secondary, #f9f9f9);border:1px solid var(--border-color);border-radius:6px;padding:12px 15px;transition:background-color .15s ease-in-out}.export-option-card.clickable-card{cursor:pointer}.export-option-card.clickable-card:hover{background-color:var(--background-secondary-hover)}.export-option-toggle{display:flex;justify-content:space-between;align-items:center;font-weight:500}.export-option-toggle label{color:var(--text-primary, #333);margin-right:10px}.export-option-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:1.3em;height:1.3em;border:1.5px solid var(--border-color);border-radius:3px;cursor:pointer;margin:0;background-color:var(--background-secondary);transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-block;vertical-align:middle}.export-option-toggle input[type=checkbox]:checked{background-color:var(--text-secondary, #A0A0A0);border-color:var(--text-secondary, #A0A0A0)}.export-option-toggle input[type=checkbox]:after{content:"";position:absolute;display:none;left:.38em;top:.15em;width:.3em;height:.6em;border:solid var(--background-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.export-option-toggle input[type=checkbox]:checked:after{display:block}.export-option-toggle input[type=checkbox]:focus{outline:none}.export-note{font-size:.9em;color:var(--text-secondary, #666);margin:5px 0 0;text-align:left;line-height:1.4;min-height:4em;display:flex;align-items:center}.export-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px;padding-top:15px;border-top:1px solid var(--border-color)}.export-button{padding:8px 16px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:.95em;font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.export-button.cancel{background-color:var(--button-background);color:var(--button-text);border-color:var(--border-color)}.export-button.cancel:hover{background-color:var(--button-background-hover);border-color:var(--border-color-focus)}.export-button.confirm{background-color:var(--text-primary);color:var(--background-primary);border-color:var(--text-primary)}.export-button.confirm:hover{background-color:var(--text-primary);color:var(--background-primary);border-color:var(--border-color-focus)}.export-option-format{display:flex;flex-direction:column;gap:10px}.format-label{font-weight:600;color:var(--text-primary, #333)}.format-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 15px}.format-radio-group label{display:flex;align-items:center;gap:8px;font-size:.95em;cursor:pointer;padding:5px 0;color:var(--text-secondary);transition:color .2s ease}.format-radio-group label:has(input:checked){color:var(--text-primary)}.format-radio-group input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;font:inherit;color:var(--border-color);width:1.15em;height:1.15em;border:.15em solid var(--border-color);border-radius:50%;transform:translateY(-.075em);display:grid;place-content:center;cursor:pointer;transition:background-color .1s ease-in-out,border-color .1s ease-in-out}.format-radio-group input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--text-secondary, #A0A0A0);background-color:var(--text-secondary, #A0A0A0)}.format-radio-group input[type=radio]:checked{border-color:var(--text-secondary, #A0A0A0)}.format-radio-group input[type=radio]:checked:before{transform:scale(1)}.format-radio-group input[type=radio]:focus{outline:none;box-shadow:0 0 0 2px var(--border-color)}:root{--background-primary: #ffffff;--background-secondary: #ffffff;--background-secondary-hover: #ececec;--text-primary: #4A4A4A;--border-color: rgba(0, 0, 0, .1);--border-color-focus: rgba(0, 0, 0, .2);--button-background: #ffffff;--button-background-hover: #f5f5f5;--button-text: #4A4A4A;--danger-background: #ff4444;--danger-background-hover: #ff6666;--danger-text: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--text-secondary: #757575;--logo-filter: none;--icon-color: #666666;--file-header-background: #ffffff;--tile-background: #FFFFFF;--tile-background-hover: #F5F5F5;--header-tile-background: #F0F0F0;--scrollbar-thumb: rgba(162, 162, 162, .2);--scrollbar-thumb-hover: rgba(167, 167, 167, .3);--scrollbar-track: transparent;--button-hover: #e9ecef;--outline-hover: #f5f5f5;--link-color: #0000ffab;--background-image-opacity: .1;--logo-opacity: .3;--tutorial-highlight-color: rgba(152, 227, 160, .8);--tutorial-tooltip-background: rgba(152, 227, 160, .9);--tutorial-tooltip-text: #004d1a;--folder-color-default: white;--folder-color-gray: #e0e0e0;--folder-color-red: #ffc4c4;--folder-color-orange: #ffe3c4;--folder-color-yellow: #fffcd0;--folder-color-green: #e2ffd7;--folder-color-cyan: #c4faff;--folder-color-blue: #c4d9ff;--folder-color-purple: #d1caff;--folder-color-pink: #ffd9ff;--highlight-yellow: rgba(255, 243, 191, 1);--highlight-green: rgba(211, 249, 216, 1);--highlight-blue: rgba(208, 235, 255, 1);--highlight-pink: rgba(255, 227, 227, 1);--highlight-orange: rgba(255, 232, 204, 1);--navigator-active-mix-color: black}[data-theme=dark]{--background-primary: #1a1a1a;--background-secondary: #2d2d2d;--background-secondary-hover: #3d3d3d;--text-primary: #E0E0E0;--border-color: #ffffff1a;--border-color-focus: rgba(255, 255, 255, .2);--button-background: #3d3d3d;--button-background-hover: #4d4d4d;--button-text: #E0E0E0;--danger-background: #cc3333;--danger-background-hover: #dd4444;--danger-text: #E0E0E0;--shadow-color: rgba(0, 0, 0, .3);--text-secondary: #A0A0A0;--logo-filter: invert(1);--icon-color: #CCCCCC;--file-header-background: #2d2d2d;--tile-background: #2D2D2D;--tile-background-hover: #353535;--header-tile-background: #383838;--scrollbar-thumb: rgba(255, 255, 255, .753);--scrollbar-thumb-hover: rgba(255, 255, 255, .625);--scrollbar-track: transparent;--button-hover: #4d4d4d;--outline-hover: #3d3d3d;--link-color: #6b9fff;--background-image-opacity: 0;--logo-opacity: .3;--tutorial-highlight-color: rgba(152, 255, 192, .8);--tutorial-tooltip-background: rgba(152, 255, 192, .9);--tutorial-tooltip-text: #006837;--folder-color-default: #888888;--folder-color-gray: #666666;--folder-color-red: #8c5555;--folder-color-orange: #8c6955;--folder-color-yellow: #8c8355;--folder-color-green: #558c57;--folder-color-cyan: #558c8c;--folder-color-blue: #55668c;--folder-color-purple: #69558c;--folder-color-pink: #8c558c;--highlight-yellow: rgba(200, 170, 80, .65);--highlight-green: rgba(90, 160, 120, .65);--highlight-blue: rgba(70, 130, 190, .65);--highlight-pink: rgba(190, 130, 160, .65);--highlight-orange: rgba(190, 140, 90, .65);--navigator-active-mix-color: white}.App-header{background-color:transparent;height:35px;position:relative;padding:0 20px;z-index:1000;overflow:visible;transform:translateY(0);transition:transform .3s ease;box-shadow:0 1px 3px var(--shadow-color)}.App-header.hidden{opacity:0;pointer-events:none}.project-header{background-size:cover;background-position:center}.header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,var(--overlay-opacity));z-index:1}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;position:relative}.project-title{position:absolute;left:50%;transform:translate(-50%);font-size:1em;color:var(--text-primary);margin:0;text-align:center;pointer-events:none;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}.logo-container{position:relative;z-index:1;display:flex;align-items:center;height:35px}.logo{width:80px;height:auto;display:block;filter:var(--logo-filter);transition:filter .3s ease;opacity:.75}.header-controls{display:flex;align-items:center;gap:10px;position:relative;z-index:90}.add-project-button{width:26px;height:26px;padding:0;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);opacity:.85;transition:opacity .3s ease,background-color .3s ease}.add-project-button:hover{background-color:var(--background-secondary-hover)}.avatar-container{position:relative;display:flex;align-items:center;height:48px}.avatar-button{width:26px;height:26px;padding:0;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);opacity:.85;transition:opacity .3s ease,background-color .3s ease}.avatar-button:hover{background-color:var(--background-secondary-hover)}.avatar{width:16px;height:16px}.avatar path{stroke:currentColor}.avatar-menu{position:absolute;right:0;top:100%;background-color:var(--background-secondary);border-radius:4px;box-shadow:0 2px 10px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;z-index:9999;border:1px solid var(--border-color)}.avatar-menu button{border:none;background:none;padding:10px 20px;text-align:left;cursor:pointer;transition:background-color .2s;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;width:100%}.avatar-menu button:hover{background-color:var(--background-secondary-hover)}.header-focus-button{width:26px;height:26px;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-secondary);border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);opacity:.85;transition:opacity .3s ease,background-color .3s ease}.header-focus-button:hover{background-color:var(--background-secondary-hover)}.header-focus-button.focused{opacity:.35}.theme-button{width:26px;height:26px;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-secondary);border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);opacity:.85;transition:opacity .3s ease,background-color .3s ease}.theme-button:hover{background-color:var(--background-secondary-hover)}.theme-button svg{width:14px;height:14px}.App-header.slide-up{transform:translateY(-100%)}.header-project-name{font-size:.9em;color:var(--text-primary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;border-radius:6px;padding:3px 8px;display:inline-block}.project-nav-container{display:flex;align-items:center;gap:8px}.back-button-link{display:flex;align-items:center;color:var(--text-primary);opacity:.7;transition:opacity .2s,background-color .2s;text-decoration:none;padding:4px;border-radius:4px}.back-button-link:hover{opacity:1;background-color:var(--background-secondary-hover)}.back-button-icon{display:block}.settings-button{width:26px;height:26px;padding:0;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);opacity:.85;transition:opacity .3s ease,background-color .3s ease}.settings-button:hover{background-color:var(--background-secondary-hover)}.settings-button svg{width:16px;height:16px}.header-settings-menu{position:absolute;right:50px;top:100%;margin-top:5px;background-color:var(--background-secondary);border-radius:4px;box-shadow:0 2px 10px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;z-index:9998;border:1px solid var(--border-color);min-width:160px}.header-settings-menu-option{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;cursor:pointer;color:var(--text-primary);font-size:14px;transition:background-color .2s}.header-settings-menu-option:hover{background-color:var(--background-secondary-hover)}.header-settings-menu-option.disabled{opacity:.5;cursor:not-allowed}.header-settings-menu-option.disabled span,.header-settings-menu-option.disabled button{pointer-events:none}.header-settings-icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:10px;background-color:transparent;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:background-color .2s,border-color .2s,color .2s}.header-settings-icon-button svg{display:block}.header-settings-icon-button.active{background-color:var(--text-secondary);border-color:var(--text-secondary);color:var(--background-secondary)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:400px}.login-box h2{text-align:center;margin-bottom:2rem;color:#333;font-size:1rem}.form-group{margin-bottom:1rem;text-align:left;padding:0}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff}.login-button{width:100%;padding:.75rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#666}.signup-link{text-align:center;margin-top:1rem}.signup-link a{color:#007bff;text-decoration:none}.signup-link a:hover{text-decoration:underline}.login-logo{width:180px;height:auto;margin-bottom:2rem;display:block;margin-left:auto;margin-right:auto}.error{color:red;text-align:start}.forgot-password{width:100%;display:flex;justify-content:flex-end;margin-bottom:4px}.checkbox-group{margin-bottom:1rem;padding:0;width:100%;position:relative}.checkbox-label{display:flex;align-items:flex-start;padding:0;margin:0}.checkbox-label input[type=checkbox]{margin:2px 0 0;padding:0;width:16px;height:16px;flex-shrink:0}.checkbox-text{font-size:.9rem;color:var(--text-secondary, #666);line-height:1.4;margin-left:8px;display:inline-block}.pricing-page{background-color:#fff;color:#333;font-family:Arial,sans-serif;padding:10px 40px 40px;text-align:center;margin-top:10px}.pricing-title{font-size:2rem;margin-bottom:30px}.pricing-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:20px;margin-bottom:12px;padding:0 20px}.pricing-plan{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;width:280px;padding:20px 25px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;transition:all .3s ease}.plan-title{font-size:1.5rem;margin-top:0;margin-bottom:10px;color:#000}.plan-price{font-size:1.25rem;font-weight:700;margin-bottom:15px;color:#333;display:flex;align-items:baseline;justify-content:center}.price-amount{font-size:2rem;font-weight:700}.price-period{font-size:.9rem;font-weight:400;margin-left:2px}.plan-description{font-size:1rem;margin-bottom:20px;color:#666}.pricing-plan.selected{border:2px solid #a5d8a7;box-shadow:0 0 10px #4caf5099;transform:scale(1.02)}.plan-footer{margin-top:auto;text-align:center}.plan-button{background-color:#333;color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.plan-button:hover{background-color:#555}.cancel-subscription-button{background-color:red;color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:4px;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.buttons-container{display:none}.compare-plans-button{margin-left:auto;background-color:transparent;color:#4caf50;border:none;padding:8px 12px;font-size:.9rem;cursor:pointer;transition:color .3s ease;text-decoration:none;display:inline-flex;align-items:center;font-weight:500;height:auto}.cancel-button{display:none}.plan-features{text-align:left;margin-bottom:20px}.feature-item{margin:8px 0;color:#555;font-size:.9rem;display:flex;align-items:center}.checkmark{color:#4caf50;font-weight:700;margin-right:8px;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#f0f9f0}.plan-subtitle{font-size:.9rem;color:#666;margin-top:-5px;margin-bottom:15px;font-style:italic}.compare-plans-button:hover{color:#3d8b40;background-color:transparent;text-decoration:underline}.save-tag{background-color:#4caf50;color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-block;margin:0 auto 25px;text-align:center;box-shadow:0 2px 4px #0000001a}.pricing-toggle-container{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.pricing-toggle{display:flex;align-items:center;background-color:#f5f5f5;border-radius:30px;padding:4px;margin:0 15px;position:relative;cursor:pointer;width:200px}.pricing-toggle-option{flex:1;text-align:center;padding:8px 12px;z-index:1;transition:color .3s ease;font-weight:500;font-size:.9rem}.pricing-toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background-color:#fff;border-radius:25px;transition:transform .3s ease;box-shadow:0 2px 5px #0000001a}.pricing-toggle.annual .pricing-toggle-slider{transform:translate(0)}.pricing-toggle.monthly .pricing-toggle-slider{transform:translate(100%)}.pricing-toggle.annual .annual-option,.pricing-toggle.monthly .monthly-option{color:#4caf50}.pricing-save-label{background-color:#f0f9f0;color:#4caf50;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.account-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.account-modal{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease;padding:20px}.account-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#777;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.account-modal-close:hover{background-color:#f0f0f0;color:#333}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-logo-container{display:flex;justify-content:center;margin-top:0;margin-bottom:15px}.pricing-logo{width:100px;height:auto;filter:var(--logo-filter);transition:filter .3s ease}.plan-button:disabled{background-color:#ccc;color:#888;cursor:not-allowed;opacity:.7;box-shadow:none}.plan-button:disabled:hover{background-color:#ccc;transform:none}.external-link-icon{margin-left:6px;font-size:.8rem}.account-tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.account-tab{padding:12px 24px;background:transparent;border:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;position:relative;transition:color .3s ease}.account-tab.active{color:#4caf50}.account-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#4caf50;border-radius:3px 3px 0 0}.account-tab:hover{color:#4caf50}.profile-container{padding:10px 40px 40px;max-width:700px;margin:0 auto}.profile-title{font-size:1.5rem;margin-bottom:20px;text-align:center;color:#333}.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:.9rem;margin-bottom:8px;color:#555;font-weight:500}.form-group input{padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{border-color:#4caf50;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-group{position:relative}.password-input-container{display:flex;align-items:center;position:relative}.toggle-password-visibility{position:absolute;right:12px;background:transparent;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.change-password-button{align-self:flex-start;margin-top:8px;background:transparent;border:none;color:#4caf50;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.profile-actions{display:flex;justify-content:center;margin-top:20px}.save-profile-button{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease;font-weight:500}.save-profile-button:hover{background-color:#3d8b40}.pricing-header{display:flex;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto 10px;padding:0 20px;position:relative}.pricing-toggle-container{display:flex;justify-content:center;margin-bottom:15px}.compare-plans-button{position:absolute;right:20px;top:50%;transform:translateY(-50%);background-color:transparent;color:#4caf50;border:none;padding:8px 12px;font-size:.9rem;cursor:pointer;transition:color .3s ease;text-decoration:none;display:inline-flex;align-items:center;font-weight:500;height:auto}.header-compare{position:static;right:auto;top:auto;transform:none}.account-header{display:flex;justify-content:center;align-items:center;margin-bottom:0;border-bottom:1px solid #e0e0e0;padding-bottom:0}.bug-report-modal{position:fixed;top:50%;left:50%;width:400px;max-width:90%;background-color:#fff;color:#333;border:1px solid #ccc;padding:20px;box-shadow:0 2px 8px #0000001a;transform:translate(-50%,-50%);z-index:10000;border-radius:4px}.bug-report-modal h2{margin-top:0;font-size:1.5rem;margin-bottom:15px}.bug-report-modal label{display:block;margin-bottom:5px;font-weight:700}.bug-report-modal input[type=text],.bug-report-modal textarea,.bug-report-modal input[type=file]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:15px}.bug-report-modal textarea{resize:vertical;height:100px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:9999}.suggestion-modal{position:fixed;top:50%;left:50%;width:400px;max-width:90%;background-color:#fff;color:#333;border:1px solid #ccc;padding:20px;box-shadow:0 2px 8px #0000001a;transform:translate(-50%,-50%);z-index:10000;border-radius:4px}.suggestion-modal h2{margin-top:0;font-size:1.5rem;margin-bottom:15px}.suggestion-modal label{display:block;margin-bottom:5px;font-weight:700}.suggestion-modal input[type=text],.suggestion-modal textarea,.suggestion-modal input[type=file]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:15px}.suggestion-modal textarea{resize:vertical;height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.modal-actions button[type=submit]{background-color:#333;color:#fff}.modal-actions button[type=button]{background-color:#ccc;color:#333}.forgot-password-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.forgot-password-box{max-width:400px;margin:50px auto;padding:20px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;text-align:center}.forgot-password-container h2{margin-bottom:10px;font-size:1.5rem}.forgot-password-container p{margin-bottom:20px;color:#555}.forgot-password-form{display:flex;flex-direction:column;gap:10px}.forgot-password-form label{text-align:left;font-weight:700}.forgot-password-form input{padding:8px;border:1px solid #ccc;border-radius:4px}.forgot-password-form button{padding:10px;border:none;background:#333;color:#fff;border-radius:4px;cursor:pointer;margin-top:10px}.forgot-password-form button:disabled{background:#888;cursor:not-allowed}.error-message{color:red;font-size:.875rem}.message{margin-bottom:15px;color:green;font-size:1rem}.reset-password-container{display:flex;justify-content:center;align-items:center;height:100vh}.reset-password-form{background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:400px}.reset-password-form h2{text-align:center;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{font-weight:700;display:block;margin-bottom:5px}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.input-group input:focus{outline:none;border-color:#007bff}.error{color:red;font-size:14px;margin-top:5px}.button-group{text-align:center}.button-group button{width:100%;padding:10px;background:#333;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.button-group button:hover{background-color:#0056b3}.button-group button:disabled{background-color:#ccc;cursor:not-allowed}.devices-container{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:20px;height:auto;min-height:calc(100vh - 55px);padding:40px 20px}.device-tile{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:600px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;transition:box-shadow .2s,transform .2s;position:relative}.unlink-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:5px;line-height:0;border-radius:50%;transition:color .2s,background-color .2s}.unlink-button:hover{color:var(--color-danger);background-color:#ef44441a}.device-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.device-tile-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.device-tile-icon{width:20px;height:20px;color:var(--text-primary)}.device-tile-id{font-size:18px;font-weight:600;color:var(--text-primary)}.device-tile-body{display:flex;flex-direction:column;gap:12px;flex:1}.device-info-section{display:flex;flex-direction:column;gap:10px}.device-info-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.device-actions-section{display:flex;flex-direction:column;gap:10px;margin-top:auto}.manage-files-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;width:100%}.manage-files-button:hover{background-color:var(--background-secondary-hover);border-color:var(--text-primary)}.device-tile-footer{text-align:center;font-size:12px;color:var(--text-secondary);padding-top:8px}.devices-container>.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connect-device-tile{width:100%;max-width:600px;min-height:150px;padding:20px;box-sizing:border-box;border:2px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;cursor:pointer;transition:background-color .2s,border-color .2s,min-height .3s ease-in-out;color:var(--text-secondary)}.connect-device-tile:hover:not(:has(.device-connect-content)){background-color:var(--background-secondary-hover);border-color:var(--text-primary)}.connect-device-icon{width:22px;height:22px}.connect-device-text{font-size:20px;font-weight:500;color:var(--text-primary)}.device-connect-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.device-connect-info{color:var(--text-primary);margin-bottom:20px;font-size:16px}.device-connect-info-small{font-size:13px;color:var(--text-secondary)}.device-id-inputs{display:flex;gap:10px;margin-bottom:25px}.device-id-input{width:40px;height:50px;text-align:center;font-size:24px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--background-primary);color:var(--text-primary);caret-color:var(--text-primary);text-transform:uppercase}.device-id-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 5px var(--text-primary)}.device-connect-buttons{display:flex;gap:15px}.device-btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.connect-btn{background-color:var(--button-background);color:var(--button-text)}.connect-btn:hover{background-color:var(--button-background-hover)}.cancel-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background-color:var(--background-secondary-hover);border-color:var(--text-secondary)}.device-connect-error{color:var(--color-danger);margin-top:15px;font-size:14px;font-weight:500}.device-connect-success{color:var(--color-success);margin-top:15px;font-size:14px;font-weight:500}.connect-device-tile.error-state{border-color:var(--color-danger);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:5000}.modal-content{background-color:var(--background-primary);padding:30px;border-radius:8px;width:90%;max-width:550px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:row;align-items:flex-start;gap:25px;text-align:left}.modal-icon-container{color:var(--color-warning)}.modal-text-container{display:flex;flex-direction:column;width:100%}.modal-content h2{margin-top:0;font-size:24px;color:var(--text-primary)}.modal-content p{font-size:16px;color:var(--text-secondary);line-height:1.6}.modal-content strong{color:var(--text-primary);font-weight:600}.modal-warning{font-size:14px;color:var(--text-secondary);background-color:transparent;padding:0;border-radius:0;margin-top:10px;font-style:italic}.modal-actions{margin-top:30px;display:flex;justify-content:flex-end}.modal-button+.modal-button{margin-left:15px}.modal-button{padding:12px 32px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:120px}.modal-button.cancel{background-color:var(--background-secondary-hover);color:var(--text-primary);border:1px solid var(--border-color)}.modal-button.cancel:hover{background-color:var(--background-secondary)}.modal-button.confirm-delete{background-color:#dc2626;color:#fff}.modal-button.confirm-delete:hover{background-color:#b91c1c}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button.confirm-delete .loader{width:20px;height:20px;border-width:2px}.synced-files-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:5000}.synced-files-modal-container{background-color:var(--background-primary);border-radius:8px;width:90%;max-width:900px;max-height:85vh;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.synced-files-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid var(--border-color);background-color:var(--background-secondary)}.synced-files-modal-header h2{margin:0;font-size:24px;color:var(--text-primary);font-weight:600}.synced-files-modal-close-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:5px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.synced-files-modal-close-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.synced-files-modal-content{padding:25px 30px;flex:1;overflow:hidden;display:flex;flex-direction:column;gap:25px}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:15px;color:var(--text-secondary)}.synced-files-modal-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.synced-files-search-container{position:relative;flex:1;min-width:250px}.synced-files-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.synced-files-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-primary);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.synced-files-search-input:focus{outline:none;border-color:var(--text-primary)}.synced-files-search-input::placeholder{color:var(--text-secondary)}.bulk-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.select-all-button,.unlink-selected-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-primary);color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s ease;white-space:nowrap}.select-all-button:hover{background-color:var(--background-secondary-hover);border-color:var(--text-primary)}.unlink-selected-button{background-color:#dc2626;color:#fff;border-color:#dc2626}.unlink-selected-button:hover{background-color:#b91c1c;border-color:#b91c1c}.select-all-button:disabled,.unlink-selected-button:disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#dc2626;font-size:14px}.files-list{flex:1;overflow:hidden;display:flex;flex-direction:column}.empty-state{display:flex;justify-content:center;align-items:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.synced-files-table-wrapper{width:100%;max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-primary)}.synced-files-table{width:100%;border-collapse:collapse;table-layout:fixed}.synced-files-table thead{position:sticky;top:0;z-index:1}.synced-files-table-header{background-color:var(--background-secondary)}.synced-files-table-header th{padding:16px 20px;text-align:left;font-weight:600;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.synced-files-col-checkbox{width:60px;text-align:center!important}.synced-files-col-file{width:45%;text-align:left}.synced-files-col-project{width:30%;text-align:left}.synced-files-col-actions{width:120px;text-align:center!important}.synced-files-row{transition:background-color .2s ease}.synced-files-row:hover{background-color:var(--background-secondary-hover)}.synced-files-row.orphan{background-color:#fbbf241a}.synced-files-row td{padding:16px 20px;border-bottom:1px solid var(--border-color);vertical-align:middle}.synced-files-row .synced-files-col-file{position:relative}.synced-files-checkbox-button{background:none;border:none;cursor:pointer;color:var(--text-primary);padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.synced-files-checkbox-button:hover{background-color:var(--background-secondary-hover)}.synced-files-checkbox-button:disabled{opacity:.6;cursor:not-allowed}.synced-files-file-content{position:relative;padding-left:28px}.synced-files-file-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--text-secondary);flex-shrink:0}.synced-files-file-name{color:var(--text-primary);font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}.synced-files-orphan-indicator{color:#f59e0b;font-size:11px;font-style:italic;margin-left:8px;background-color:#fbbf241a;padding:2px 6px;border-radius:4px;border:1px solid rgba(251,191,36,.3);display:inline-block;vertical-align:middle}.synced-files-trashed-indicator{color:#6b7280;font-size:11px;font-style:italic;margin-left:8px;background-color:#6b72801a;padding:2px 6px;border-radius:4px;border:1px solid rgba(107,114,128,.3);display:inline-block;vertical-align:middle}.synced-files-project-name{color:var(--text-secondary);font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;display:block;width:100%}.synced-files-unlink-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid #dc2626;border-radius:4px;background-color:transparent;color:#dc2626;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap;margin:0 auto}.synced-files-unlink-button:hover{background-color:#dc2626;color:#fff}.synced-files-unlink-button:disabled{opacity:.6;cursor:not-allowed}.synced-files-modal-footer{padding:20px 30px;border-top:1px solid var(--border-color);background-color:var(--background-secondary);display:flex;justify-content:flex-end}.synced-files-modal-close-btn{padding:10px 20px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-primary);color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s ease}.synced-files-modal-close-btn:hover{background-color:var(--background-secondary-hover);border-color:var(--text-primary)}@media (max-width: 768px){.synced-files-modal-container{width:95%;max-height:90vh}.synced-files-modal-header{padding:15px 20px}.synced-files-modal-header h2{font-size:20px}.synced-files-modal-content{padding:15px 20px}.synced-files-modal-actions-bar{flex-direction:column;align-items:stretch;gap:15px}.bulk-actions{justify-content:space-between}.synced-files-col-project{display:none}.synced-files-col-file{width:60%}.synced-files-search-container{min-width:unset}.synced-files-modal-footer{padding:15px 20px}}@media (max-width: 480px){.synced-files-file-name{font-size:14px}.synced-files-unlink-button{padding:4px 6px;font-size:11px}.synced-files-unlink-button span{display:none}.synced-files-col-checkbox{width:50px}.synced-files-col-actions{width:80px}}.conflict-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.conflict-modal{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:90%;max-width:600px;text-align:center;border:1px solid #e0e0e0}.conflict-modal h2{margin-top:0;color:#d32f2f;font-size:1.8rem;font-weight:600}.conflict-modal p{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.conflict-details{display:flex;justify-content:space-around;margin:30px 0;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee}.conflict-file-version{width:45%;padding:15px;border-radius:6px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.conflict-file-version h4{margin:0 0 10px;color:#1a237e;font-size:1.2rem}.conflict-file-version p{font-size:.95rem;color:#555;margin:5px 0 0}.conflict-file-version p em{color:#777;font-style:italic}.view-content-btn{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s;margin-top:10px}.view-content-btn:hover{background-color:#e0e0e0}.conflict-content-container{display:flex;gap:20px;margin-top:15px;margin-bottom:20px;width:100%}.conflict-content-viewer{flex:1;min-width:0;text-align:left;background-color:#fdfdfd;border:1px solid #eaeaea;border-radius:8px;padding:15px}.conflict-content-viewer h4{margin-top:0;margin-bottom:10px;color:#333;font-size:1.1rem}.conflict-content-viewer .content-display{white-space:pre-wrap;word-wrap:break-word;background-color:#fafafa;padding:15px;border-radius:6px;max-height:200px;overflow-y:auto;font-family:inherit;font-size:1rem;color:#333;border:1px solid #e0e0e0;line-height:1.5}.conflict-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.conflict-actions .action-btn-device,.conflict-actions .action-btn-server,.conflict-actions .action-btn-both{padding:12px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.conflict-actions .action-btn-device{background-color:#3949ab}.conflict-actions .action-btn-device:hover{background-color:#283593;transform:translateY(-2px)}.conflict-actions .action-btn-server{background-color:#546e7a}.conflict-actions .action-btn-server:hover{background-color:#455a64;transform:translateY(-2px)}.conflict-actions .action-btn-both{background-color:#00897b}.conflict-actions .action-btn-both:hover{background-color:#00695c;transform:translateY(-2px)}.conflict-actions button:disabled{background-color:#ccc;cursor:not-allowed}.conflict-footer{margin-top:30px;font-size:.9rem;color:#888}body{margin:0;padding:0;background-color:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}