.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:16px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:16/8;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1),border-color .3s ease,background-color .3s ease;overflow:hidden;background:var(--border-color-custom, var(--background-secondary));background-image:none;background-size:cover;background-position:center;--icon-color: var(--text-primary);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f,0 0 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.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}[data-theme=dark] .project-tile{box-shadow:0 4px 12px #00000040,0 2px 4px #00000026,0 0 0 1px #ffffff08;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .project-tile-wrapper:hover .project-tile{box-shadow:0 12px 32px #0000004d,0 6px 12px #0003,0 2px 4px #0000001a,0 0 0 1px #ffffff14}[data-theme=dark] .project-title{text-shadow:0 1px 3px rgba(0,0,0,.5)}.project-tile:before{box-shadow:inset 0 1px 2px #ffffff1a}.project-tile-wrapper:hover .project-tile:before{transform:scale(1.02)}.project-tile-wrapper:hover .project-tile-overlay{opacity:1.2}.project-tile-content{color:var(--text-primary);position:relative;z-index:5;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:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:20;transform:translateY(0);transition:all .3s cubic-bezier(.25,.8,.25,1);opacity:.8}.menu-toggle,.project-menu{display:none}.pin-icon{width:16px;height:16px}.ellipsis-menu-button{background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.25,.8,.25,1);color:var(--text-primary);box-shadow:0 2px 8px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ellipsis-menu-button:hover{background:#fff;transform:scale(1);box-shadow:0 4px 12px #0003}.project-tile-wrapper:hover .ellipsis-menu-button{opacity:1;transform:scale(1)}[data-theme=dark] .ellipsis-menu-button{background:#282828e6;color:var(--text-primary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .ellipsis-menu-button:hover{background:#323232;box-shadow:0 4px 12px #0006}.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:.85em;font-weight:500;word-break:break-word;text-align:center;max-width:90%;z-index:6;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;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:8px 12px;line-height:1.4;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.1)}.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-wrapper: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-wrapper:hover .project-tile{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a,0 0 0 1px #ffffff1a}.project-tile-wrapper:hover .project-controls{transform:translateY(-8px) scale(1.02);opacity:1}.project-tile-wrapper{position:relative}.project-tile-wrapper: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;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;max-width:220px;max-height:300px;padding:4px;z-index:1000;overflow-y:auto;overflow-x:hidden;position:fixed;box-sizing:border-box}.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}.empty-projects-message{display:flex;justify-content:center;align-items:center;height:100%;min-height:400px;width:100%;grid-column:1 / -1;position:relative}.empty-projects-content{text-align:center;max-width:480px;padding:50px 35px;color:var(--text-primary);background:var(--background-secondary);border-radius:16px;border:2px solid var(--border-color);position:relative;z-index:2}.empty-projects-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--highlight-blue),var(--highlight-green),var(--highlight-yellow),var(--highlight-pink));border-radius:18px;z-index:-1;opacity:.3}.welcome-cloud-logo{max-width:120px;height:auto;margin-bottom:20px;opacity:.6;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;transition:opacity .3s ease}[data-theme=dark] .welcome-cloud-logo{opacity:.15}.empty-projects-content h2{font-size:2.1em;font-weight:700;margin-bottom:25px;color:var(--text-primary);letter-spacing:-.01em;position:relative}.empty-projects-content h2:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(90deg,var(--highlight-blue),var(--highlight-green));border-radius:1px}.empty-projects-content p{font-size:1.05em;line-height:1.6;margin-bottom:0;color:var(--text-secondary);padding:20px 24px;background:var(--background-primary);border-radius:12px;border:1px solid var(--border-color);position:relative}.empty-projects-content strong{color:var(--text-primary);font-weight:700;background:var(--highlight-yellow);padding:3px 6px;border-radius:4px;font-size:1.02em}.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}.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:29px;background-color:var(--file-header-background);display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:.96em;color:var(--text-secondary);flex-shrink:0;position:relative}.word-count{margin-right:10px;opacity:.6;animation:fadeIn .3s ease forwards;color:var(--text-secondary);font-size:.85em}.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:32px;padding:0 6px;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:6px;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:7px;pointer-events:none;z-index:0;padding:0 96px;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:.96em;font-weight:700;line-height:32px;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:.96em;font-weight:700;line-height:30px;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:3px;padding:0 6px;margin:0;outline:none;text-align:center;width:auto;min-width:120px;max-width:calc(100% - 24px);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:.84em}.file-name-edit-input{font-size:.84em;line-height:28px;min-width:96px}}.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:36px;height:31px!important;padding:0 6px;margin:0;font-size:.84em;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:19px!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:48px;height:24px;padding:2px 6px;font-size:.96em;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:10px;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:10000;pointer-events:auto;cursor:pointer}.popup-content{background-color:transparent;padding:20px;pointer-events:none}.container-options{display:flex;justify-content:center;gap:20px;pointer-events:auto}.container-option{width:60px;height:90px;border:2px solid #fff;border-radius:5px;cursor:pointer;background-color:#ffffff1a;transition:all .3s ease;pointer-events:auto;position:relative;-webkit-user-select:none;user-select:none}.container-option:hover{border-color:#007bff;background-color:#fff3;transform:scale(1.05)}.container-option:active{transform:scale(.95);background-color:#ffffff4d}.container-option:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:50px;border:2px solid rgba(255,255,255,.7);border-radius:3px;background-color:#ffffff1a;transition:all .3s ease}.container-option:hover:before{border-color:#007bff;background-color:#007bff33}.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:5px}.file-header .file-controls button{width:31px;height:31px!important;padding:0;margin:0;font-size:.96em;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:19px!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:5px;position:relative;z-index:1}.convert-button{width:60px;height:31px!important;padding:0 6px;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:31px!important;padding:0 6px;background-color:var(--file-header-background);border:none;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;width:38px;border-radius:3px;margin-right:8px}.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:31px!important;padding:0 6px;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:.67em;border-radius:6px;color:var(--text-primary);background-color:var(--background-secondary-hover);white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis;line-height:1.3;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:7px;height:7px}.add-tag-header-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary);border-color:transparent}.file-header-tags{display:flex;align-items:center;flex:0 0 auto;gap:5px;overflow:hidden;min-width:0;pointer-events:all}.file-header-tag-pill{display:inline-block;padding:1px 5px;font-size:.67em;border-radius:6px;color:var(--text-primary);background-color:var(--background-secondary-hover);white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis;line-height:1.3;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:21px;height:18px;border-radius:7px;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:8px!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}.file-info-button{width:18px;height:18px;padding:0;margin:0 6px 0 0;background-color:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;transition:all .2s ease;pointer-events:all;opacity:.6;flex-shrink:0}.file-info-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary);opacity:1}.file-info-button[title*="Description:"]{color:var(--accent-color);opacity:.8}.file-info-button[title*="Description:"]:hover{color:var(--accent-hover);opacity:1}.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 10px 100px;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 20px;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:600px}.editor-content-wrapper.margin-default .ProseMirror{max-width:750px}.editor-content-wrapper.margin-wide .ProseMirror{max-width:900px}@media (max-width: 768px){.editor-content-wrapper.margin-narrow .ProseMirror,.editor-content-wrapper.margin-default .ProseMirror,.editor-content-wrapper.margin-wide .ProseMirror{max-width:calc(100% - 40px);min-width:280px}}@media (max-width: 480px){.editor-content-wrapper.margin-narrow .ProseMirror,.editor-content-wrapper.margin-default .ProseMirror,.editor-content-wrapper.margin-wide .ProseMirror{max-width:calc(100% - 20px);min-width:260px}}.ProseMirror a[href]{color:var(--link-color)!important;text-decoration:underline!important;cursor:pointer;transition:color .15s ease}.ProseMirror a[href] *{pointer-events:none}.ProseMirror a[href]:hover{color:var(--link-color)!important;opacity:.8}.ProseMirror a.internal-file-link,.tiptap-editor a.internal-file-link{color:var(--link-color)!important;text-decoration:underline!important;cursor:pointer;transition:color .15s ease}.ProseMirror a.internal-file-link:hover,.tiptap-editor a.internal-file-link:hover{color:var(--link-color)!important;opacity:.8;text-decoration:underline!important}.ProseMirror a.internal-header-link,.tiptap-editor a.internal-header-link{color:var(--link-color)!important;text-decoration:underline!important;cursor:pointer;transition:color .15s ease}.ProseMirror a.internal-header-link:hover,.tiptap-editor a.internal-header-link:hover{color:var(--link-color)!important;opacity:.8;text-decoration:underline!important}.text-selection-popup{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;display:flex;align-items:center;animation:fadeIn .15s ease-out}.text-selection-popup-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.text-selection-popup-button:hover{background:var(--background-tertiary)}.text-selection-popup-button:active{background:var(--background-quaternary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-selection-popup{position:fixed;z-index:10000}.enhanced-link-dialog-popup{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #00000026;width:300px;max-height:320px;overflow:hidden;animation:popupSlideIn .15s ease-out}.url-section{border-top:1px solid var(--border-color);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--background-secondary)}.url-preview{display:flex;align-items:center;flex:1;min-width:0}.url-icon{margin-right:8px;font-size:14px}.url-info{flex:1;min-width:0}.url-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-input-section{padding:12px 16px}.link-input{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-primary);font-size:14px;transition:border-color .15s ease}.link-input:focus{outline:none;border-color:var(--link-color)}.link-input::placeholder{color:var(--text-tertiary)}.file-suggestions{max-height:200px;overflow-y:auto;border-top:1px solid var(--border-color)}.file-suggestion{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--border-color)}.file-suggestion:last-child{border-bottom:none}.file-suggestion:hover{background:var(--background-tertiary)}.file-suggestion.selected{background:var(--link-color);color:#fff}.file-suggestion-icon{margin-right:8px;color:var(--text-secondary);flex-shrink:0}.file-suggestion.selected .file-suggestion-icon{color:#fff}.file-suggestion-info{flex:1;min-width:0}.file-suggestion-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-suggestion.selected .file-suggestion-name{color:#fff}.no-files-message{padding:16px;text-align:center;color:var(--text-tertiary);font-size:12px;font-style:italic}.link-apply-button{padding:4px 8px;border:none;border-radius:4px;background:var(--link-color);color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap;margin-left:8px}.link-apply-button:hover{background:var(--link-color);opacity:.8}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.file-suggestions::-webkit-scrollbar{width:6px}.file-suggestions::-webkit-scrollbar-track{background:var(--background-secondary)}.file-suggestions::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.file-suggestions::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.suggestions-container{display:flex;flex-direction:column}.suggestions-toggle{border-top:1px solid var(--border-color);padding:8px 16px;background:var(--background-secondary);display:flex;gap:6px}.toggle-button{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-primary);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center;white-space:nowrap}.toggle-button:hover{background:var(--background-tertiary);border-color:var(--link-color);color:var(--text-primary)}.toggle-button.active{background:var(--link-color);border-color:var(--link-color);color:#fff}.toggle-button.disabled{opacity:.5;cursor:not-allowed;color:var(--text-tertiary)}.toggle-button.disabled:hover{background:var(--background-primary);border-color:var(--border-color);color:var(--text-tertiary)}.file-suggestion-type{font-size:10px;color:var(--text-tertiary);margin-top:1px}.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}.card>*{position:relative;z-index:2}.card.card-preview-mode{justify-content:center}@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>*{position:relative;z-index:2}.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:1em;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}.card-buttons{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease;z-index:10}.card:hover .card-buttons{opacity:1}.card-link-button,.card-cycle-button{width:20px;height:20px;border:none;border-radius:3px;background-color:#0000001a;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:auto}.card-link-button:hover,.card-cycle-button:hover{background-color:#0003;color:var(--text-primary);transform:scale(1.1)}.card-link-indicator{position:absolute;top:4px;right:4px;width:14px;height:14px;background-color:transparent;border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);z-index:5;opacity:.7;transition:opacity .2s ease}.card:hover .card-link-indicator{opacity:0}.link-card-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.card-content.full-height{flex-grow:1;margin-top:0;height:calc(100% - 20px);display:flex;align-items:center;justify-content:center}.link-card-display{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;padding:12px;box-sizing:border-box}.link-card-icon{color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.link-card-text{color:var(--text-primary);line-height:1.3;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:center}.link-card-display.description-view{flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%}.description-content-group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.description-header{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.description-header-content{display:flex;flex-direction:row;align-items:center;gap:3px}.card-title.description-title{display:flex;align-items:center;justify-content:flex-start;text-align:left}.no-description-text{color:var(--text-primary);opacity:.6;font-style:italic;cursor:pointer}.link-card-name-title{color:var(--text-primary);font-weight:500;line-height:1.2;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.description-icon{flex-shrink:0;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.link-card-name{color:var(--text-primary);font-weight:500;line-height:1.2;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:center;flex:1;min-width:0}.link-card-description{color:var(--text-primary);font-style:italic;line-height:1.2;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;opacity:.8;width:100%;text-align:center}.link-card-description.no-description{color:var(--text-primary);opacity:.6}.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,background-color .3s ease;-webkit-transition:border-radius .3s ease,background-color .3s ease!important;transition:border-radius .3s ease,background-color .3s ease!important}.grid-container.drag-active{background-color:color-mix(in srgb,var(--background-secondary) 95%,var(--selection-color));box-shadow:inset 0 0 20px #007aff1a;cursor:grabbing}.grid-container.drag-active .grid-cell{cursor:grabbing!important}.grid-container.drag-active .tile:not(.dragging){cursor:grabbing!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;position:relative}.grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:none;border-radius:4px;opacity:0;pointer-events:none;z-index:-1}.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}.floating-toolbar{position:absolute;display:flex;flex-direction:column;gap:6px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:10px;padding:8px;box-shadow:0 4px 10px var(--shadow-color);z-index:2000;cursor:grab}.floating-toolbar.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.floating-toolbar .toolbar-header{width:100%;height:18px;display:flex;align-items:center;justify-content:center;margin:-4px -4px 4px;padding:2px 4px;border-radius:8px 8px 0 0;background:transparent;cursor:grab}.floating-toolbar.dragging .toolbar-header{cursor:grabbing}.floating-toolbar .toolbar-handle-icon{color:var(--text-secondary);opacity:.8}.floating-toolbar .toolbar-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:var(--button-background);color:var(--text-primary);cursor:pointer;transition:background .2s ease,transform .1s ease;padding:0}.floating-toolbar .toolbar-button:hover{background:var(--button-background-hover)}.floating-toolbar .toolbar-button:active{transform:scale(.98)}.grid-cell-hoverable{cursor:pointer}.cell-buttons{position:absolute;width:100%;height:100%;z-index:10;pointer-events:none}.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:calc(100% - 15px);height:calc(100% - 15px);margin:1px;display:flex;justify-content:center;align-items:center;background-color:#007aff14;border:1px dashed var(--border-color);color:var(--selection-color);cursor:pointer;font-size:32px;font-weight:600;pointer-events:auto;border-radius:6px;transition:all .2s ease;box-shadow:0 2px 8px #007aff26}.cell-buttons.non-header-cell-buttons .add-tile-button:hover{background-color:#007aff26;border:1px dashed var(--selection-color);color:var(--selection-color);transform:scale(1.02);box-shadow:0 4px 12px #007aff40;font-size:36px}.cell-buttons.non-header-cell-buttons .add-tile-button:before,.cell-buttons.non-header-cell-buttons .add-tile-button:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--selection-color);opacity:0;transition:opacity .2s ease;pointer-events:none}.cell-buttons.non-header-cell-buttons .add-tile-button:before{top:4px;left:4px;border-right:none;border-bottom:none}.cell-buttons.non-header-cell-buttons .add-tile-button:after{bottom:4px;right:4px;border-left:none;border-top:none}.cell-buttons.non-header-cell-buttons .add-tile-button:hover:before,.cell-buttons.non-header-cell-buttons .add-tile-button:hover:after{opacity:.6}.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);background-clip:padding-box;opacity:1;font-size:14px;overflow:hidden;z-index:20;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:grab!important;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tile>*{position:relative;z-index:2}.tile.editing{cursor:text;align-items:stretch;justify-content:stretch;overflow:visible!important;border:2px solid var(--selection-color)!important;box-shadow:0 0 0 1px var(--selection-color-shadow),0 0 8px var(--selection-color-glow),0 4px 6px var(--shadow-color)}@keyframes tileAppear{0%{opacity:0;transform:scale(.95)}50%{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.tile.dragging,.tile.dragging-selected,.drag-active .tile.dragging-selected{opacity:.3!important;transform:scale(.95)!important;filter:blur(1px)!important;transition:opacity .2s ease,transform .2s ease,filter .2s ease!important;display:flex;align-items:center;justify-content:center;border:2px dashed var(--selection-color)!important;box-shadow:0 0 15px #007aff66!important;animation:none!important}.drag-preview{animation:none!important;transition:none!important;box-shadow:none!important;border:0!important;outline:none!important}.tile.drag-preview,.tile.drag-preview.selected,.drag-preview.tile,.drag-preview.tile.selected{border:0!important;box-shadow:none!important;outline:none!important;opacity:.7!important;filter:none!important;border-radius:4px!important}.tile-content{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 8px;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;text-align:left;box-sizing:border-box;color:var(--text-primary);font-size:14px;z-index:2;cursor:inherit;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.tile-display-content{width:100%}.tile-display-content s,.tile-display-content del,.tile-display-content strike{text-decoration:line-through}.tile-content-editable:empty:before{content:attr(placeholder);color:var(--text-secondary);font-style:italic;opacity:.7;pointer-events:none}.tile-content::-webkit-scrollbar{display:none}.tile-content-input{display:block;width:100%;height:100%;margin:0;padding:12px 8px;border:none;background:transparent;text-align:center;font-family:inherit;font-size:14px!important;resize:none;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;cursor:text;-webkit-user-select:text;user-select:text;touch-action:pan-y;overscroll-behavior:contain}.tile-content-editable{text-align:left;outline:none}.tile-format-toolbar{position:absolute;left:50%;transform:translate(-50%);display:inline-flex!important;width:-moz-fit-content!important;width:-webkit-fit-content!important;width:fit-content!important;max-width:none!important;white-space:nowrap;justify-content:flex-start!important;gap:4px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px;z-index:9999;align-items:center;box-sizing:content-box;overflow:visible}.tile-format-toolbar>*{flex:0 0 auto!important;width:auto!important}.tile-format-toolbar .separator{display:none;width:0}.tile-format-toolbar.above{top:-8px;transform:translate(-50%,-100%)}.tile-format-toolbar.below{top:calc(100% + 8px);transform:translate(-50%);bottom:auto!important}.tile-format-toolbar button{border:none;background:var(--button-background);color:var(--text-primary);padding:6px;min-width:28px;min-height:30px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tile-format-toolbar button:before,.tile-format-toolbar button:after,.tile-format-toolbar .format-dropdown:before,.tile-format-toolbar .format-dropdown:after{display:none!important}.tile-format-toolbar .format-dropdown{position:relative!important;display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:auto!important;margin:0!important}.tile-format-toolbar .format-dropdown>button{width:28px;min-width:28px;padding:4px;justify-content:center;gap:0;overflow:hidden}.tile-format-toolbar .format-dropdown>button>*+*{margin-left:-2px}.tile-format-toolbar .format-dropdown .dropdown-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:9999;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px;width:auto;min-width:40px;box-shadow:0 2px 8px var(--shadow-color)}.tile-format-toolbar .format-dropdown .dropdown-menu button{min-width:28px;min-height:28px;padding:4px;border-radius:4px}.tile-format-toolbar button:hover{background:var(--button-background-hover)}.tile-content-input::-webkit-scrollbar{display:none}.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,.row-resizer{position:absolute;pointer-events:auto;background-color:transparent;z-index:250;opacity:0;transition:opacity .2s ease}.column-resizer{top:0;right:-5px;width:10px;height:100%;cursor:col-resize}.row-resizer{bottom:-5px;left:0;width:100%;height:10px;cursor:row-resize}.column-resizer:not([style*="pointer-events: none"]):hover,.row-resizer:not([style*="pointer-events: none"]):hover{background-color:#007aff26}.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:not([style*="pointer-events: none"]):hover:after,.row-resizer:not([style*="pointer-events: none"]):hover:after{background-color:var(--selection-color)}.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)}.dropdown-menu .remove-link-button:after,.dropdown-menu .make-header-button:after{display:none}.dropdown-menu .remove-link-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer}.dropdown-menu .remove-link-button:hover{background-color:var(--menu-item-hover-background)}.dropdown-menu .remove-link-button .menu-text{flex:1}.dropdown-menu .remove-link-button svg{flex-shrink:0;margin-left:8px;color:#dc2626}.grid-cell .tile .tile-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 8px;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;text-align:left;cursor:inherit}.grid-cell .tile .tile-content::-webkit-scrollbar{display:none}.grid-cell.row-highlight,.grid-cell.column-highlight{background-color:var(--background-secondary)}.grid-cell.cell-hovered.empty-cell{border:none;border-radius:4px;background-color:transparent;z-index:10}.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:3px dashed var(--selection-color);border-radius:6px;background:#007aff14;box-shadow:0 0 8px #007aff33}.drop-rect-overlay{position:absolute;border:3px dashed var(--selection-color);border-radius:8px;background:linear-gradient(135deg,#007aff1f,#007aff14);pointer-events:none;z-index:1400;box-shadow:0 0 12px #007aff4d,inset 0 1px #fff3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.drop-preview-tile-content{box-shadow:0 2px 8px #00000026;transition:all .2s ease;text-align:center;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:none;margin:0}.rect-overlay{position:absolute;border:1px dashed var(--selection-color);border-radius:6px;background-color:#007aff26;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1500;box-shadow:0 4px 12px #007aff40;transition:all .2s ease}.rect-overlay:before,.rect-overlay:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--selection-color);opacity:.6;pointer-events:none}.rect-overlay:before{top:4px;left:4px;border-right:none;border-bottom:none}.rect-overlay:after{bottom:4px;right:4px;border-left:none;border-top:none}.rect-overlay-plus{font-size:36px;color:var(--selection-color);line-height:1;-webkit-user-select:none;user-select:none;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.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}.grid-lines-overlay .grid-line-vertical,.grid-lines-overlay .grid-line-horizontal{pointer-events:none;opacity:.12}.drag-active .grid-lines-overlay .grid-line-vertical,.drag-active .grid-lines-overlay .grid-line-horizontal,.resize-active .grid-lines-overlay .grid-line-vertical,.resize-active .grid-lines-overlay .grid-line-horizontal{opacity:.08}.grid-lines-overlay .grid-line-vertical{background:repeating-linear-gradient(to bottom,var(--text-primary) 0 3px,transparent 3px 8px)}.grid-lines-overlay .grid-line-horizontal{background:repeating-linear-gradient(to right,var(--text-primary) 0 3px,transparent 3px 8px)}: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:2px solid var(--selection-color)!important;box-shadow:0 0 0 1px var(--selection-color-shadow),0 0 8px var(--selection-color-glow),0 0 16px var(--selection-color-glow-outer)}.drag-active .tile.selected:not(.dragging):not(.dragging-selected){border:3px solid var(--selection-color)!important;box-shadow:0 0 0 2px var(--selection-color-shadow),0 0 15px var(--selection-color-glow),0 0 25px var(--selection-color-glow-outer);animation:selectedTilePulse 1s ease-in-out infinite}@keyframes selectedTilePulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px var(--selection-color-shadow),0 0 15px var(--selection-color-glow),0 0 25px var(--selection-color-glow-outer)}50%{transform:scale(1.02);box-shadow:0 0 0 3px var(--selection-color-shadow),0 0 20px var(--selection-color-glow),0 0 35px var(--selection-color-glow-outer)}}:root{--selection-color: #007AFF;--selection-color-shadow: rgba(0, 122, 255, .3);--selection-color-glow: rgba(0, 122, 255, .4);--selection-color-glow-outer: rgba(0, 122, 255, .2)}[data-theme=dark]{--selection-color: #0A84FF;--selection-color-shadow: rgba(10, 132, 255, .3);--selection-color-glow: rgba(10, 132, 255, .5);--selection-color-glow-outer: rgba(10, 132, 255, .25)}.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}.color-submenu .color-picker-container{display:inline-grid;grid-template-columns:repeat(3,24px);grid-auto-rows:24px;gap:2px;padding:2px}.dropdown-submenu,.dropdown-submenu .dropdown-submenu{left:100%;top:0}.dropdown-submenu.position-left,.dropdown-submenu.position-left .dropdown-submenu{left:-100%}.dropdown-submenu.position-up{bottom:0;top:auto}.dropdown-submenu.position-left.position-up{left:-100%;bottom:0;top:auto}.color-submenu .color-square{width:24px;height:24px;border:1px solid var(--border-color);border-radius:50%;padding:0;cursor:pointer;transition:transform .2s ease;flex:none}.color-submenu .color-square:hover{transform:scale(1.1)}.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}.link-tile-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.link-tile-display{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;padding:2px}.link-tile-display.vertical{flex-direction:column;gap:clamp(3px,1.2vh,10px)}.link-tile-display.horizontal{flex-direction:row;gap:clamp(5px,1.5vh,14px);justify-content:center}.link-tile-icon{color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.link-tile-text{color:var(--text-primary);line-height:1.2;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:center}.link-tile-display.vertical .link-tile-text{-webkit-line-clamp:3;line-clamp:3;text-align:center}.link-tile-display.horizontal .link-tile-text{-webkit-line-clamp:2;line-clamp:2;text-align:center}.link-tile-display.description-view{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;height:100%;padding:8px;box-sizing:border-box;gap:6px}.tile-description-title{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-shrink:0;padding:4px;border-bottom:1px solid transparent}.tile-description-title .description-icon{flex-shrink:0;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.tile-description-title .link-tile-name{color:var(--text-primary);font-weight:600;font-size:14px;line-height:1.3;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:left}.tile-description-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden;padding:0;margin:0}.tile-description-display{flex:1;width:100%;height:100%;cursor:pointer;padding:5px;border-radius:0;line-height:1.4;font-size:14px;color:var(--text-primary);overflow:hidden;box-sizing:border-box;margin:0;display:block;text-align:left}.tile-description-textarea{width:100%;height:100%;font-size:14px;color:var(--text-primary);background:transparent;border:none;border-radius:0;padding:5px;margin:0;resize:none;font-family:inherit;line-height:1.4;text-align:left;overflow:hidden;box-sizing:border-box;vertical-align:top}.tile-description-textarea:focus{outline:none}.tile-description-textarea::placeholder{color:var(--text-secondary);font-style:italic;opacity:.7}.tile-description-placeholder{color:var(--text-secondary);font-style:italic;opacity:.6;font-size:11px}.link-tile-description{color:var(--text-primary);font-style:italic;line-height:1.2;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;opacity:.9;width:100%;flex-shrink:0}.link-tile-description.no-description{color:var(--text-primary);opacity:.6}.tile-buttons{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease;z-index:10}.tile:hover .tile-buttons,.tile.editing .tile-buttons{opacity:1}.tile-resize-handle{position:absolute;right:4px;bottom:4px;width:18px;height:18px;border:none;background:transparent;color:var(--text-secondary);opacity:0;transition:opacity .2s ease,transform .15s ease;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;padding:0;z-index:220}.tile:hover .tile-resize-handle,.tile.editing .tile-resize-handle{opacity:1}.tile-resize-handle:hover{color:var(--text-primary);transform:scale(1.05)}.edge-node{position:absolute;width:12.6px;height:12.6px;background:var(--text-primary);border-radius:50%;opacity:0;transition:opacity .15s ease,transform .15s ease,box-shadow .2s ease,background-color .2s ease;z-index:120;pointer-events:auto;cursor:pointer}.edge-node:active{cursor:grabbing}.edge-node.visible{opacity:1;box-shadow:0 0 0 2px var(--selection-color),0 0 10px var(--selection-color-glow),0 0 20px var(--selection-color-glow-outer);background:color-mix(in srgb,var(--selection-color) 65%,var(--tile-background, #ffffff))}.edge-node:hover{transform:scale(1.18);box-shadow:0 0 0 3px var(--selection-color),0 0 12px var(--selection-color-glow),0 0 24px var(--selection-color-glow-outer);background:var(--selection-color)!important}@keyframes edgeNodePulse{0%,to{box-shadow:0 0 0 2px var(--selection-color),0 0 9px var(--selection-color-glow),0 0 18px var(--selection-color-glow-outer)}50%{box-shadow:0 0 0 2px var(--selection-color),0 0 11px var(--selection-color-glow),0 0 22px var(--selection-color-glow-outer)}}.edge-node.visible:not(:hover){animation:edgeNodePulse 1.6s ease-in-out infinite}.connections-overlay{z-index:15}.grid-label{position:absolute;z-index:2000;background:var(--label-bg, var(--tile-background));border:1px solid var(--border-color);border-radius:10px;box-shadow:0 6px 14px var(--shadow-color);padding-top:10px;box-sizing:border-box;pointer-events:auto;cursor:grab}.grid-label.selected{outline:2px solid var(--selection-color);outline-offset:0}.grid-label:has(.grid-label-text){border:2px solid var(--selection-color)!important;box-shadow:0 0 0 1px var(--selection-color-shadow),0 0 8px var(--selection-color-glow),0 6px 14px var(--shadow-color)}.grid-label.editing{border:2px solid var(--selection-color)!important;box-shadow:0 0 0 1px var(--selection-color-shadow),0 0 8px var(--selection-color-glow),0 6px 14px var(--shadow-color)}.grid-label-header{position:absolute;left:0;top:0;right:0;height:10px;display:flex;align-items:center;justify-content:center;background:transparent;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none}.grid-label-header:active{cursor:grabbing}.grid-label-dots{display:none}.grid-label-text{width:100%;height:calc(100% - 10px);border:none;background:transparent;color:var(--text-primary);font-size:14px;padding:6px 12px 8px;box-sizing:border-box;resize:none;outline:none;line-height:1.3}.grid-label-readonly{width:100%;height:calc(100% - 10px);padding:6px 12px 8px;color:var(--text-primary);font-size:14px;line-height:1.3;white-space:pre-wrap;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.grid-label-readonly::-webkit-scrollbar{display:none}.grid-label-resize{position:absolute;right:6px;bottom:6px;width:12px;height:12px;background:transparent;border:none;padding:0;cursor:nwse-resize;opacity:0;pointer-events:none;transition:opacity .15s ease}.grid-label-resize:before{content:"";position:absolute;right:2px;bottom:2px;width:10px;height:10px;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--text-primary) 45%,var(--label-bg, var(--tile-background))) 50%);border-radius:2px;opacity:.5}.grid-label:hover .grid-label-resize{opacity:1;pointer-events:auto}.grid-label-toolbar{position:absolute;left:50%;top:-36px;transform:translate(-50%);display:flex;gap:8px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px;box-shadow:0 2px 8px var(--shadow-color);z-index:2001}.grid-label-tool{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--button-background);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.grid-label-tool:hover{background:var(--button-background-hover)}.grid-label-tool.danger{color:#dc2626}.grid-label-colors{position:absolute;top:-6px;left:100%;margin-left:6px;display:grid;grid-template-columns:repeat(6,18px);gap:4px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px;box-shadow:0 2px 8px var(--shadow-color);z-index:2002}.grid-label-color-swatch{width:18px;height:18px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;padding:0}.connection-line{transition:stroke-width .2s ease,opacity .2s ease,filter .2s ease;cursor:pointer}.connection-line-hover-area:hover~.connection-line{stroke-width:6;opacity:1;filter:drop-shadow(0 0 8px var(--theme-color-blue)) drop-shadow(0 0 4px var(--theme-color-blue))}.connection-line-hover-area{cursor:pointer}.line-no-arrow,.line-no-arrow:hover,.connection-line-hover-area:hover+.line-no-arrow{marker-end:none!important;marker-start:none!important;marker-mid:none!important}.connection-edit-bar{position:absolute;display:flex;gap:4px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px;box-shadow:0 4px 8px var(--shadow-color);z-index:2100;transform:translate(-50%,-100%) translateY(-10px)}.connection-edit-button{width:28px;height:28px;border:none;border-radius:6px;background:var(--button-background);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.connection-edit-button:hover{background:var(--button-background-hover);transform:scale(1.05)}.connection-edit-button.remove-button:hover{background:var(--danger-background);color:var(--danger-text)}.connection-color-picker{position:relative}.connection-edit-bar,.connection-color-options,.connection-color-picker{pointer-events:auto}.connection-color-picker:hover .connection-color-options,.connection-color-options:hover{display:flex}.connection-color-options{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px;gap:4px;flex-wrap:wrap;width:120px;box-shadow:0 2px 8px var(--shadow-color);z-index:2101}.connection-color-option{width:20px;height:20px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:transform .2s ease;padding:0}.connection-color-option:hover{transform:scale(1.1)}.connection-type-picker{position:relative}.connection-type-picker,.connection-type-options,.connection-type-option{pointer-events:auto}.connection-type-picker:hover .connection-type-options,.connection-type-options:hover{display:flex}.connection-type-options{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px;gap:6px;width:auto;box-shadow:0 2px 8px var(--shadow-color);z-index:2101}.connection-type-option{width:28px;height:28px;border:1px solid var(--border-color);border-radius:6px;background:var(--button-background);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s ease,background .2s ease}.connection-type-option:hover{transform:scale(1.05);background:var(--button-background-hover)}.tile-link-button,.tile-cycle-button{width:20px;height:20px;border:none;border-radius:3px;background-color:#0000001a;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:auto}.tile-link-button:hover,.tile-cycle-button:hover{background-color:#0003;color:var(--text-primary);transform:scale(1.1)}.tile-link-indicator{position:absolute;top:4px;right:4px;width:14px;height:14px;background-color:transparent;border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);z-index:5;opacity:.7;transition:opacity .2s ease}.tile:hover:not(.editing) .tile-link-indicator{opacity:0}.group-box{position:absolute;border:3px solid;border-color:color-mix(in srgb,var(--backgroundColor) 85%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--backgroundColor) 45%,transparent),color-mix(in srgb,var(--backgroundColor) 30%,transparent));box-shadow:0 3px 12px color-mix(in srgb,var(--backgroundColor) 35%,transparent),inset 0 1px color-mix(in srgb,var(--backgroundColor) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--backgroundColor) 50%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4;pointer-events:none;transition:all .2s ease}.group-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,color-mix(in srgb,var(--backgroundColor) 25%,transparent) 1.5px,transparent 1.5px),radial-gradient(circle at 75% 75%,color-mix(in srgb,var(--backgroundColor) 25%,transparent) 1.5px,transparent 1.5px);background-size:16px 16px;border-radius:inherit;opacity:.8;pointer-events:none}.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:2100;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)}.file-icon{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:80px;height:100px;padding:6px 4px;cursor:pointer;border-radius:10px;position:relative;background:transparent;color:var(--text-primary);box-sizing:border-box;flex-shrink:0}.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:4px;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.2;max-height:2.4em;padding-bottom:0;flex-shrink:0}.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-wrapper{flex-grow:1;display:flex;flex-direction:column;margin-top:55px;border-radius:8px 8px 0 0;box-shadow:inset 0 1px 3px #0000001a;outline:1px solid var(--border-color);overflow:hidden;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:10px 10px;background-position:0 0,5px 5px}.folder-content{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:16px;padding:20px;overflow-y:auto;position:relative;align-content:start;align-items:stretch;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;transition:none!important}.folder-content *{transition:none!important}.folder-content.grid-view{grid-row-gap:16px;grid-column-gap:16px;align-items:start}.folder-content.grid-view .file-icon:not(.selected){outline:none!important;outline-width:0!important;outline-style:none!important;outline-offset:0!important;box-shadow:none}.folder-content.grid-view .file-icon:not(.selected):focus,.folder-content.grid-view .file-icon:not(.selected):focus-visible{outline:none!important}.panel .folder-content .file-icon:focus,.panel .folder-content .file-icon:focus-visible,.panel .folder-content .file-icon:focus-within{outline:none!important;outline-width:0!important;outline-style:none!important;outline-offset:0!important}.panel .folder-content .file-icon *:focus{outline:none!important;outline-width:0!important;outline-style:none!important;outline-offset:0!important}.panel .folder-content .file-icon:not(.selected):not(.drag-over-left):not(.drag-over-right):not(.drag-over-center){border:none!important;border-style:none!important;border-color:transparent!important;border-image:none!important}.folder-content.grid-view .file-icon:not(.drag-over-left):not(.drag-over-right):not(.drag-over-center):before,.folder-content.grid-view .file-icon:not(.drag-over-left):not(.drag-over-right):not(.drag-over-center):after{content:none!important;border:none!important;box-shadow:none!important}[data-theme=dark] .folder-content-wrapper{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}.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-icon.drag-over-left{border-left:none}.file-icon.drag-over-right{border-right:none}.file-icon.drag-over-center{border:none;box-shadow:none;background-color:transparent}.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}.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}.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}.file-icon.cut{opacity:.5}.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:not(:last-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:0;grid-template-columns:none;padding:0 10px 10px}.list-view-header{display:grid;grid-template-columns:40px 22px 1fr 80px 100px 100px 150px;gap:12px;align-items:center;padding:8px 10px;margin:0 -10px;background-color:var(--background-secondary);border-bottom:2px solid var(--border-color);font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;z-index:10}.header-column{display:flex;align-items:center;min-width:0}.header-icon{justify-content:center}.header-name{justify-content:flex-start}.header-favorite{justify-content:center;align-items:center;display:flex;font-size:14px;padding-left:20px}.header-sync,.header-date-modified,.header-date-created,.header-tags{justify-content:flex-start;margin-left:-35px}.header-description{justify-content:flex-start}.description-view-header .header-name{margin-left:15px}.description-view-header .header-description{margin-left:20px}.description-view-header .header-date-modified{margin-left:-15px}.list-view-header .header-sync{margin-left:-25px}.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}.file-icon.list-view svg{width:22px;height:22px;margin-right:10px;margin-bottom:0;flex-shrink:0}.file-icon.list-view:hover{background-color:var(--background-secondary-hover)}.file-icon.list-view.drag-over-center{background-color:transparent;border:none;box-shadow:none}.folder-content.description-view{display:flex;flex-direction:column;gap:0;grid-template-columns:none;padding:0 10px 10px}.description-view-header{display:grid;grid-template-columns:22px 200px 1fr 80px 100px 150px;gap:12px;align-items:center;padding:8px 10px;margin:0 -10px;background-color:var(--background-secondary);border-bottom:2px solid var(--border-color);font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;z-index:10}.list-view-tags-container{margin-left:auto;display:flex;align-items:center;gap:4px;overflow:hidden;flex-shrink:1;min-width:0}.sidebar-button.active{background-color:var(--background-secondary-hover)}.list-view-favorite-star{width:12px!important;height:12px!important;margin-right:0!important}.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;position:relative}.applied-tag-pill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0f,#ffffff04 30%,#00000003 70%,#00000009);border-radius:inherit;pointer-events:none;z-index:1}.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);position:relative}.tag-pill-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0f,#ffffff04 30%,#00000003 70%,#00000009);border-radius:inherit;pointer-events:none;z-index:1}[data-theme=dark] .applied-tag-pill:before{background:linear-gradient(135deg,#ffffff0a,#ffffff03 30%,#00000006 70%,#0000000a)}[data-theme=dark] .tag-pill-panel:before{background:linear-gradient(135deg,#ffffff0a,#ffffff03 30%,#00000006 70%,#0000000a)}.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}.wordcount-menu{margin-top:35px;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0 8px}.wordcount-goal-container{display:flex;flex-direction:column;gap:12px;width:100%}.wordcount-goal-container:not(:has(.goal-input-section)){gap:10px;margin-top:4px}.goal-input-section,.goal-form{display:flex;flex-direction:column;gap:6px}.goal-input-group{display:flex;flex-direction:column;gap:6px;align-items:stretch}.goal-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;transition:border-color .2s ease;box-sizing:border-box}.goal-input:focus{outline:none;border-color:var(--accent-color)}.goal-input::placeholder{color:var(--text-secondary);opacity:.7}.goal-submit-btn{width:100%;padding:10px 16px;background-color:var(--text-secondary);color:var(--background-secondary);border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;box-sizing:border-box}.goal-submit-btn:hover:not(:disabled){opacity:.85}.goal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-info{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-numbers{display:flex;align-items:baseline;gap:4px;font-size:22px;font-weight:700;justify-content:center}.current-count{color:var(--text-primary);font-weight:600}.goal-separator{color:var(--text-secondary);margin:0 2px}.goal-count{color:var(--text-secondary)}.words-label{color:var(--text-secondary);font-size:14px;margin-left:4px}.progress-bar-container{width:100%;height:16px;background-color:var(--background-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);margin:12px 0;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--highlight-blue),var(--highlight-green));border-radius:6px;transition:width .5s ease-out;min-width:3px;position:relative;overflow:hidden}.progress-bar.completed{background:linear-gradient(90deg,var(--highlight-yellow),var(--highlight-green))}.goal-reached-message{text-align:center;padding:6px 10px;background-color:var(--highlight-green);color:var(--background-primary);border-radius:4px;font-size:12px;font-weight:500;opacity:.9}.wordcount-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:4px}.wordcount-controls .icon-button{width:32px;height:32px;padding:0;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:flex;justify-content:center;align-items:center}.wordcount-controls .icon-button:hover{background-color:var(--background-secondary-hover);border-color:var(--text-secondary)}.wordcount-info{padding-top:6px;border-top:1px solid var(--border-color);margin-top:4px}.info-text{font-size:11px;color:var(--text-secondary);line-height:1.3;margin:0;text-align:center;opacity:.7}@media (max-width: 480px){.wordcount-menu{padding:0 5px}.goal-input-group{gap:5px}.progress-numbers{font-size:16px}}[data-theme=dark] .goal-reached-message{color:var(--text-primary)}[data-theme=dark] .progress-bar-container{background-color:var(--background-secondary)}.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:86px;height:110px;padding:12px 6px;cursor:pointer;border-radius:12px;transition:none!important;position:relative;background:transparent;color:var(--text-primary)}.file-icon:hover{background-color:var(--background-secondary-hover);border-radius:12px}.file-icon svg{width:48px;height:48px;margin-bottom:8px;flex-shrink:0;color:var(--text-primary);display:block;opacity:.85;transition:all .3s ease}.file-icon span{font-size:13px;font-weight:500;text-align:center;width:100%;margin-top:4px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;max-height:2.8em;padding-bottom:4px;color:var(--text-primary);opacity:.9}.file-icon.folder svg{color:var(--icon-color)}.file-icon.cardstack svg rect{fill:var(--background-secondary);stroke:var(--icon-color)}.file-icon.editing{z-index:11;position:relative}.file-icon.drag-over-left,.file-icon.drag-over-right{border:none}.file-icon.drag-over-left:before,.file-icon.drag-over-right:before{content:"";position:absolute;top:8px;bottom:8px;width:4px;background:var(--drop-hint-color, #3b82f6);border-radius:2px;box-shadow:0 0 8px #3b82f659;pointer-events:none}.file-icon.drag-over-left:before{left:-2px}.file-icon.drag-over-right:before{right:-2px}.file-icon.drag-over-left:after,.file-icon.drag-over-right:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;pointer-events:none}.file-icon.drag-over-left:after{left:-1px;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent var(--drop-hint-color, #3b82f6) transparent transparent}.file-icon.drag-over-right:after{right:-1px;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--drop-hint-color, #3b82f6)}.file-icon.drag-over-left{background-image:linear-gradient(to right,rgba(59,130,246,.1),transparent 55%)}.file-icon.drag-over-right{background-image:linear-gradient(to left,rgba(59,130,246,.1),transparent 55%)}.file-icon.drag-over-center{border:2px dashed var(--drop-hint-color, #3b82f6);box-shadow:0 0 0 2px #3b82f62e;background-color:#3b82f614;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);transform:translateY(-1px) scale(1.01);box-shadow:0 6px 16px #0000001f,0 2px 4px #00000014;border-radius:12px}.grid-view-favorite-star{position:absolute;top:6px;right:6px;width:12px!important;height:12px!important;fill:var(--theme-color-yellow)!important;stroke:var(--text-secondary)!important;stroke-width:.8px!important;z-index:3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .2s ease}.file-icon:hover .grid-view-favorite-star{transform:scale(1.1)}.grid-view-sync-dot{position:absolute;top:8px;right:22px;width:8px;height:8px;background:#22c55e;border-radius:50%;z-index:3;box-shadow:0 2px 4px #22c55e4d,0 1px 2px #0003;border:2px solid var(--background-secondary);transition:transform .2s ease}.file-icon:hover .grid-view-sync-dot{transform:scale(1.1)}.file-icon.cut{opacity:.5;filter:grayscale(.5)}[data-theme=dark] .file-icon:hover{box-shadow:0 8px 24px #00000040,0 4px 8px #00000026}[data-theme=dark] .file-icon.selected{box-shadow:0 6px 16px #0003,0 2px 4px #00000026}.file-icon.text svg{color:#3b82f6}.file-icon.wiki svg{color:#10b981}.file-icon.cardstack svg{color:#8b5cf6}.file-icon.grid svg{color:#f59e0b}.file-icon.outline svg{color:#ef4444}.file-icon.manuscript svg{color:#6366f1}.file-icon.trash svg{color:#64748b}.file-icon:hover svg{opacity:1;transform:scale(1.05)}.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);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{display:grid;grid-template-columns:40px 22px 1fr 80px 100px 100px 150px;gap:12px;align-items:center;width:100%;height:auto;min-height:36px;padding:8px 10px;border-radius:0;flex-shrink:0;margin-bottom:0;border:1px solid transparent;position:relative}.file-icon.list-view:after{content:"";position:absolute;bottom:0;left:-10px;right:-10px;height:1px;background-color:var(--border-color)}.file-icon.list-view svg{width:22px;height:22px;margin-right:0;margin-bottom:0;flex-shrink:0}.list-column{display:flex;align-items:center;min-width:0}.list-column-name{justify-content:flex-start;overflow:hidden}.list-column-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-column-favorite{justify-content:center;align-items:center;display:flex;width:40px;text-align:center}.list-column-sync,.list-column-date-modified,.list-column-date-created{justify-content:flex-start}.list-column-tags{justify-content:flex-start;overflow:hidden}.date-text{font-size:12px;color:var(--text-secondary);white-space:nowrap}.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);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.file-icon.list-view:hover:before{content:"";position:absolute;top:0;bottom:0;left:-10px;right:-10px;background-color:var(--background-secondary-hover);z-index:-1}.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:none}.file-icon.list-view.drag-over-left:before,.file-icon.list-view.drag-over-right:before{content:"";position:absolute;left:-10px;right:-10px;height:4px;background:var(--drop-hint-color, #3b82f6);border-radius:2px;box-shadow:0 0 8px #3b82f659;pointer-events:none}.file-icon.list-view.drag-over-left:before{top:-2px}.file-icon.list-view.drag-over-right:before{bottom:-2px}.file-icon.list-view.drag-over-left:after,.file-icon.list-view.drag-over-right:after{content:"";position:absolute;left:12px;width:0;height:0;pointer-events:none}.file-icon.list-view.drag-over-left:after{top:-6px;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent var(--drop-hint-color, #3b82f6) transparent}.file-icon.list-view.drag-over-right:after{bottom:-6px;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--drop-hint-color, #3b82f6) transparent transparent transparent}.file-icon.list-view.drag-over-left{background-image:linear-gradient(to bottom,rgba(59,130,246,.08),transparent 55%)}.file-icon.list-view.drag-over-right{background-image:linear-gradient(to top,rgba(59,130,246,.08),transparent 55%)}.file-icon.list-view.drag-over-center{background-color:#3b82f614;border:1px dashed var(--drop-hint-color, #3b82f6);box-shadow:none}.list-view-tags-container{margin-left:0;display:flex;align-items:center;gap:4px;overflow:hidden;flex-shrink:1;min-width:0;flex-wrap:wrap}.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:0!important;padding:0!important;display:block!important;fill:var(--theme-color-yellow)!important;stroke:var(--text-secondary)!important;stroke-width:.8px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:transform .2s ease}.list-view-sync-badge{font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid;color:#16a34a;border-color:#16a34a;background-color:#16a34a1a;margin:0;flex-shrink:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.file-icon.description-view{display:grid;grid-template-columns:22px 200px 1fr 80px 100px 150px;gap:12px;align-items:flex-start;width:100%;height:auto;min-height:72px;padding:12px 10px;border-radius:0;flex-shrink:0;margin-bottom:0;border:1px solid transparent;position:relative}.file-icon.description-view:after{content:"";position:absolute;bottom:0;left:-10px;right:-10px;height:1px;background-color:var(--border-color)}.file-icon.description-view svg{width:22px;height:22px;margin-right:0;margin-bottom:0;flex-shrink:0}.description-column{display:flex;align-items:flex-start;min-width:0}.description-column-icon{justify-content:center;align-items:center;padding-top:4px}.description-column-name{justify-content:flex-start;overflow:hidden;align-items:center;padding-top:4px}.description-column-description{justify-content:flex-start;overflow:hidden;align-items:flex-start;width:100%;text-align:left}.description-column-sync,.description-column-date-modified{justify-content:flex-start;align-items:flex-start;padding-top:4px}.description-column-tags{justify-content:flex-start;overflow:hidden;align-items:flex-start;padding-top:4px}.file-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description-text{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4;cursor:pointer;padding:4px 0;border-radius:4px;min-height:20px;display:flex;align-items:center;text-align:left;justify-content:flex-start}.description-text:hover{background-color:var(--background-secondary-hover);padding:4px 6px;margin:0 -6px}.description-placeholder{font-style:italic;font-weight:400;color:var(--text-secondary);opacity:.5;font-size:11px}.description-textarea{width:100%;min-height:40px;max-height:80px;font-size:12px;color:var(--text-primary);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;padding:6px 8px;resize:vertical;font-family:inherit;line-height:1.4;transition:border-color .2s ease;text-align:left}.description-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.description-textarea::placeholder{color:var(--text-tertiary);font-style:italic;opacity:.7}.file-icon.description-view:hover{background-color:var(--background-secondary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.file-icon.description-view:hover:before{content:"";position:absolute;top:0;bottom:0;left:-10px;right:-10px;background-color:var(--background-secondary-hover);z-index:-1}.file-icon.description-view.selected{background-color:var(--background-secondary-hover);outline:1px solid var(--accent-color)}.file-icon.description-view.drag-over-left,.file-icon.description-view.drag-over-right{border:none}.file-icon.description-view.drag-over-left:before,.file-icon.description-view.drag-over-right:before{content:"";position:absolute;left:-10px;right:-10px;height:4px;background:var(--drop-hint-color, #3b82f6);border-radius:2px;box-shadow:0 0 8px #3b82f659;pointer-events:none}.file-icon.description-view.drag-over-left:before{top:-2px}.file-icon.description-view.drag-over-right:before{bottom:-2px}.file-icon.description-view.drag-over-left:after,.file-icon.description-view.drag-over-right:after{content:"";position:absolute;left:12px;width:0;height:0;pointer-events:none}.file-icon.description-view.drag-over-left:after{top:-6px;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent var(--drop-hint-color, #3b82f6) transparent}.file-icon.description-view.drag-over-right:after{bottom:-6px;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--drop-hint-color, #3b82f6) transparent transparent transparent}.file-icon.description-view.drag-over-left{background-image:linear-gradient(to bottom,rgba(59,130,246,.08),transparent 55%)}.file-icon.description-view.drag-over-right{background-image:linear-gradient(to top,rgba(59,130,246,.08),transparent 55%)}.file-icon.description-view.drag-over-center{background-color:#3b82f614;border:1px dashed var(--drop-hint-color, #3b82f6);box-shadow:none}.description-view-tags-container{display:flex;align-items:flex-start;gap:4px;overflow:hidden;flex-shrink:1;min-width:0;flex-wrap:wrap}.description-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}.description-view-sync-badge{font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid;color:#16a34a;border-color:#16a34a;background-color:#16a34a1a;margin:0;flex-shrink:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.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}}.drawer-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;min-height:300px;padding:20px;box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0}.drawer-loading-spinner{position:relative;width:40px;height:40px;margin-bottom:16px}.spinner-ring{position:absolute;width:40px;height:40px;border:2px solid transparent;border-top:2px solid var(--text-secondary);border-radius:50%;animation:drawer-spin 1.2s linear infinite}.spinner-ring:nth-child(1){animation-delay:0s;opacity:1}.spinner-ring:nth-child(2){animation-delay:-.4s;opacity:.6;transform:scale(.8)}.spinner-ring:nth-child(3){animation-delay:-.8s;opacity:.3;transform:scale(.6)}@keyframes drawer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drawer-loading-message{font-size:14px;color:var(--text-secondary);margin:0;text-align:center;opacity:.8;font-weight:400}[data-theme=dark] .spinner-ring{border-top-color:var(--text-secondary)}[data-theme=dark] .drawer-loading-message{color:var(--text-secondary)}.drawer-loading-container{animation:drawer-loading-fade-in .3s ease-in-out}@keyframes drawer-loading-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.drawer-loading-container{height:150px;padding:15px}.drawer-loading-spinner{width:32px;height:32px;margin-bottom:12px}.spinner-ring{width:32px;height:32px}.drawer-loading-message{font-size:13px}}.outline-container{padding:30px 60px 200px 30px;display:flex;flex-direction:column;gap:0;height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:visible;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 70px 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,.link-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}.link-button:hover{background-color:var(--background-secondary-hover, #eee);color:var(--text-primary, #333);opacity:1}.delete-button:hover{background-color:#fee2e2;color:#dc2626;opacity:1}[data-theme=dark] .delete-button:hover{background-color:#451a1a;color:#f87171}.outline-container:not(.is-dragging-active) .outline-item:hover .delete-button,.outline-container:not(.is-dragging-active) .outline-item:hover .link-button{opacity:.5}.outline-external-link-button{position:absolute;right:-35px;top:0;bottom:0;width:28px;height:100%;background-color:var(--accent-color);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.outline-external-link-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary);transform:scale(1.05);box-shadow:0 4px 8px var(--shadow-color)}.outline-external-link-button svg{width:14px!important;height:14px!important;color:var(--text-secondary)!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;display:block!important;opacity:1!important}.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:70px;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-component.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-component.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 8px;border-radius:0;color:var(--text-primary);background-color:var(--background-secondary);border:none;margin:0;cursor:pointer;font-size:12px;height:100%;line-height:1.2;text-align:center;min-width:40px;white-space:nowrap;flex-shrink:0;transition:background-color .2s ease}.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-breadcrumbs-container{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;flex-shrink:0;min-width:0;height:28px;box-sizing:border-box;margin-right:15px}.wiki-breadcrumbs-container .breadcrumb-separator{display:inline-flex;align-items:center;height:95%;width:1px;background-color:var(--border-color);margin:0;cursor:default}.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:4px}.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);white-space:pre-wrap;word-wrap:break-word}.manuscript-page-content a{color:var(--link-color, #4a6fa5);text-decoration:underline;cursor:pointer;transition:color .2s ease}.manuscript-page-content a *{pointer-events:none}.manuscript-page-content a:hover{color:var(--link-color-hover, #3a5a95);text-decoration:underline}.manuscript-page-content a.internal-file-link,.manuscript-page-content a.internal-header-link{color:var(--link-color, #4a6fa5);text-decoration:underline}.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;min-height:1.7em}.manuscript-page-content p:empty{min-height:1.7em;display:block}.manuscript-page-content p:empty:before{content:" ";opacity:0}.manuscript-page-content br{display:block;margin:0;line-height:1.7}.manuscript-page-content br+br{margin-top:1.7em}.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:4px}.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.headers-hidden .manuscript-page-content{padding-top:25px}.manuscript-pages-container:not(.list-view) .manuscript-page.headers-visible{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-description{padding:8px 15px 12px;border-top:1px solid var(--border-color, #ccc);box-sizing:border-box}.manuscript-description-text{font-size:.85em;color:var(--text-secondary, #666);line-height:1.5;cursor:pointer;padding:4px 0;border-radius:3px;transition:background-color .15s ease;min-height:2.4em;display:flex;align-items:flex-start}.manuscript-description-text:hover{background-color:var(--background-secondary-hover, #f0f0f0)}.manuscript-description-text:empty:before{content:"No description - click to add one";color:var(--text-tertiary, #999);font-style:italic}.manuscript-description-input{width:100%;min-height:2.4em;padding:4px 8px;border:1px solid var(--accent-color, #4a6fa5);border-radius:3px;background:var(--background-primary, #fff);color:var(--text-secondary, #666);font-size:.85em!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-rendering:auto!important;-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;resize:none;outline:none;box-sizing:border-box;box-shadow:0 0 0 1px var(--accent-color, #4a6fa5);margin:0;vertical-align:baseline;overflow-y:auto}.manuscript-description-input::placeholder{color:var(--text-tertiary, #999);font-style:italic}.manuscript-description-input:focus{border-color:var(--accent-color, #4a6fa5);box-shadow:0 0 0 2px #4a6fa533;color:var(--text-primary, #333)}.manuscript-placeholder{color:var(--text-tertiary, #999)!important;font-style:italic!important;opacity:.6!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;margin:0!important;padding:8px 0!important;line-height:1.7!important;font-size:14px!important;cursor:text!important;border:1px dashed transparent!important;border-radius:4px!important;transition:all .2s ease!important}.manuscript-page-content:hover .manuscript-placeholder:only-child{opacity:.8!important;border-color:var(--border-color-light, #e0e0e0)!important;background-color:#4a6fa505!important}.manuscript-page-content:focus .manuscript-placeholder{opacity:.4!important;transition:opacity .2s ease!important}.manuscript-page-content[contenteditable=true] .manuscript-placeholder:only-child{display:block!important;min-height:2em!important}.manuscript-page-content:focus-within .manuscript-placeholder:only-child{opacity:.3!important;border-color:var(--accent-color, #4a6fa5)!important;background-color:#4a6fa50d!important}.manuscript-page-content:empty:before{content:"Click here to start writing your content...";color:var(--text-tertiary, #999);font-style:italic;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;padding:8px 0}.manuscript-page-content:focus:empty:before{opacity:.3}.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;--theme-color-yellow: rgba(255, 243, 191, 1);--theme-color-green: rgba(211, 249, 216, 1);--theme-color-blue: rgba(208, 235, 255, 1);--theme-color-pink: rgba(255, 227, 227, 1);--theme-color-orange: rgba(255, 232, 204, 1);--theme-color-white: #ffffff;--theme-color-gray: #ececec;--highlight-yellow: var(--theme-color-yellow);--highlight-green: var(--theme-color-green);--highlight-blue: var(--theme-color-blue);--highlight-pink: var(--theme-color-pink);--highlight-orange: var(--theme-color-orange);--folder-color-default: var(--theme-color-white);--folder-color-gray: var(--theme-color-gray);--folder-color-yellow: var(--theme-color-yellow);--folder-color-green: var(--theme-color-green);--folder-color-blue: var(--theme-color-blue);--folder-color-pink: var(--theme-color-pink);--folder-color-orange: var(--theme-color-orange);--folder-color-red: var(--theme-color-pink);--folder-color-cyan: var(--theme-color-blue);--folder-color-purple: var(--theme-color-pink);--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: rgba(45, 45, 45, 1);--tile-background-hover: rgba(53, 53, 53, 1);--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;--theme-color-yellow: rgba(140, 125, 80, 1);--theme-color-green: rgba(90, 115, 95, 1);--theme-color-blue: rgba(80, 100, 130, 1);--theme-color-pink: rgba(130, 105, 115, 1);--theme-color-orange: rgba(135, 110, 85, 1);--theme-color-white: #888888;--theme-color-gray: #666666;--navigator-active-mix-color: white}[data-color-theme=sunset]{--theme-color-yellow: rgba(255, 240, 200, 1);--theme-color-green: rgba(210, 230, 210, 1);--theme-color-blue: rgba(200, 220, 240, 1);--theme-color-pink: rgba(255, 220, 200, 1);--theme-color-orange: rgba(255, 230, 200, 1)}[data-theme=dark][data-color-theme=sunset]{--theme-color-yellow: rgba(160, 145, 115, 1);--theme-color-green: rgba(125, 140, 125, 1);--theme-color-blue: rgba(115, 130, 145, 1);--theme-color-pink: rgba(160, 130, 115, 1);--theme-color-orange: rgba(160, 135, 115, 1)}[data-color-theme=cool]{--theme-color-yellow: rgba(250, 248, 235, 1);--theme-color-green: rgba(230, 245, 255, 1);--theme-color-blue: rgba(220, 235, 255, 1);--theme-color-pink: rgba(240, 235, 255, 1);--theme-color-orange: rgba(245, 240, 255, 1)}[data-theme=dark][data-color-theme=cool]{--theme-color-yellow: rgba(145, 140, 130, 1);--theme-color-green: rgba(130, 145, 160, 1);--theme-color-blue: rgba(115, 135, 160, 1);--theme-color-pink: rgba(135, 130, 160, 1);--theme-color-orange: rgba(145, 135, 160, 1)}[data-color-theme=vibrant]{--theme-color-yellow: rgba(255, 245, 180, 1);--theme-color-green: rgba(180, 230, 200, 1);--theme-color-blue: rgba(200, 240, 220, 1);--theme-color-pink: rgba(240, 180, 190, 1);--theme-color-orange: rgba(220, 180, 220, 1)}[data-theme=dark][data-color-theme=vibrant]{--theme-color-yellow: rgba(160, 150, 105, 1);--theme-color-green: rgba(105, 145, 120, 1);--theme-color-blue: rgba(120, 150, 135, 1);--theme-color-pink: rgba(150, 105, 115, 1);--theme-color-orange: rgba(135, 105, 135, 1)}[data-color-theme=ocean]{--theme-color-yellow: rgba(240, 250, 240, 1);--theme-color-green: rgba(200, 240, 230, 1);--theme-color-blue: rgba(200, 230, 255, 1);--theme-color-pink: rgba(230, 220, 240, 1);--theme-color-orange: rgba(240, 220, 200, 1)}[data-theme=dark][data-color-theme=ocean]{--theme-color-yellow: rgba(135, 145, 135, 1);--theme-color-green: rgba(115, 135, 130, 1);--theme-color-blue: rgba(115, 130, 150, 1);--theme-color-pink: rgba(130, 120, 135, 1);--theme-color-orange: rgba(135, 120, 115, 1)}[data-color-theme=vintage]{--theme-color-yellow: rgba(255, 250, 235, 1);--theme-color-green: rgba(235, 245, 235, 1);--theme-color-blue: rgba(235, 240, 250, 1);--theme-color-pink: rgba(250, 235, 240, 1);--theme-color-orange: rgba(250, 240, 225, 1)}[data-theme=dark][data-color-theme=vintage]{--theme-color-yellow: rgba(145, 140, 125, 1);--theme-color-green: rgba(130, 140, 130, 1);--theme-color-blue: rgba(130, 135, 145, 1);--theme-color-pink: rgba(145, 130, 135, 1);--theme-color-orange: rgba(145, 135, 125, 1)}[data-color-theme=teal-coral]{--theme-color-yellow: rgba(240, 210, 170, 1);--theme-color-green: rgba(200, 230, 210, 1);--theme-color-blue: rgba(170, 200, 210, 1);--theme-color-pink: rgba(240, 180, 160, 1);--theme-color-orange: rgba(250, 190, 170, 1)}[data-theme=dark][data-color-theme=teal-coral]{--theme-color-yellow: rgba(145, 120, 90, 1);--theme-color-green: rgba(105, 135, 120, 1);--theme-color-blue: rgba(90, 105, 115, 1);--theme-color-pink: rgba(150, 105, 90, 1);--theme-color-orange: rgba(160, 115, 95, 1)}[data-color-theme=purple-gradient]{--theme-color-yellow: rgba(220, 210, 240, 1);--theme-color-green: rgba(200, 220, 240, 1);--theme-color-blue: rgba(180, 200, 250, 1);--theme-color-pink: rgba(220, 180, 230, 1);--theme-color-orange: rgba(240, 200, 240, 1)}[data-theme=dark][data-color-theme=purple-gradient]{--theme-color-yellow: rgba(135, 130, 150, 1);--theme-color-green: rgba(120, 135, 150, 1);--theme-color-blue: rgba(105, 120, 160, 1);--theme-color-pink: rgba(135, 105, 145, 1);--theme-color-orange: rgba(150, 120, 150, 1)}[data-color-theme=green-mono]{--theme-color-yellow: rgba(245, 250, 235, 1);--theme-color-green: rgba(220, 240, 220, 1);--theme-color-blue: rgba(200, 230, 210, 1);--theme-color-pink: rgba(180, 220, 200, 1);--theme-color-orange: rgba(160, 210, 190, 1)}[data-theme=dark][data-color-theme=green-mono]{--theme-color-yellow: rgba(155, 160, 145, 1);--theme-color-green: rgba(135, 150, 135, 1);--theme-color-blue: rgba(120, 145, 130, 1);--theme-color-pink: rgba(105, 135, 120, 1);--theme-color-orange: rgba(90, 130, 115, 1)}[data-color-theme=earth-tones]{--theme-color-yellow: rgba(250, 250, 240, 1);--theme-color-green: rgba(240, 240, 230, 1);--theme-color-blue: rgba(230, 225, 215, 1);--theme-color-pink: rgba(235, 220, 210, 1);--theme-color-orange: rgba(220, 200, 180, 1)}[data-theme=dark][data-color-theme=earth-tones]{--theme-color-yellow: rgba(160, 160, 150, 1);--theme-color-green: rgba(150, 150, 145, 1);--theme-color-blue: rgba(145, 140, 130, 1);--theme-color-pink: rgba(145, 135, 130, 1);--theme-color-orange: rgba(135, 120, 105, 1)}[data-color-theme=coral-dark]{--theme-color-yellow: rgba(250, 220, 200, 1);--theme-color-green: rgba(240, 200, 190, 1);--theme-color-blue: rgba(230, 190, 190, 1);--theme-color-pink: rgba(220, 180, 190, 1);--theme-color-orange: rgba(210, 170, 180, 1)}[data-theme=dark][data-color-theme=coral-dark]{--theme-color-yellow: rgba(160, 135, 120, 1);--theme-color-green: rgba(150, 120, 115, 1);--theme-color-blue: rgba(135, 105, 105, 1);--theme-color-pink: rgba(120, 90, 95, 1);--theme-color-orange: rgba(105, 75, 80, 1)}[data-color-theme=navy-blue]{--theme-color-yellow: rgba(230, 240, 250, 1);--theme-color-green: rgba(210, 230, 240, 1);--theme-color-blue: rgba(200, 230, 245, 1);--theme-color-pink: rgba(190, 220, 240, 1);--theme-color-orange: rgba(180, 210, 230, 1)}[data-theme=dark][data-color-theme=navy-blue]{--theme-color-yellow: rgba(145, 150, 160, 1);--theme-color-green: rgba(130, 145, 150, 1);--theme-color-blue: rgba(115, 135, 150, 1);--theme-color-pink: rgba(100, 120, 145, 1);--theme-color-orange: rgba(85, 105, 130, 1)}[data-color-theme=beige-orange]{--theme-color-yellow: rgba(250, 245, 235, 1);--theme-color-green: rgba(245, 240, 230, 1);--theme-color-blue: rgba(240, 235, 225, 1);--theme-color-pink: rgba(235, 225, 215, 1);--theme-color-orange: rgba(240, 180, 120, 1)}[data-theme=dark][data-color-theme=beige-orange]{--theme-color-yellow: rgba(160, 155, 145, 1);--theme-color-green: rgba(155, 150, 145, 1);--theme-color-blue: rgba(150, 145, 140, 1);--theme-color-pink: rgba(145, 140, 130, 1);--theme-color-orange: rgba(150, 105, 60, 1)}[data-color-theme=sage-burgundy]{--theme-color-yellow: rgba(245, 240, 200, 1);--theme-color-green: rgba(200, 220, 180, 1);--theme-color-blue: rgba(180, 200, 190, 1);--theme-color-pink: rgba(220, 180, 180, 1);--theme-color-orange: rgba(240, 200, 160, 1)}[data-theme=dark][data-color-theme=sage-burgundy]{--theme-color-yellow: rgba(155, 150, 120, 1);--theme-color-green: rgba(120, 135, 105, 1);--theme-color-blue: rgba(105, 120, 115, 1);--theme-color-pink: rgba(135, 105, 105, 1);--theme-color-orange: rgba(150, 120, 90, 1)}[data-color-theme=cyan-pink]{--theme-color-yellow: rgba(220, 245, 245, 1);--theme-color-green: rgba(180, 230, 230, 1);--theme-color-blue: rgba(160, 210, 230, 1);--theme-color-pink: rgba(240, 200, 220, 1);--theme-color-orange: rgba(250, 180, 200, 1)}[data-theme=dark][data-color-theme=cyan-pink]{--theme-color-yellow: rgba(120, 150, 150, 1);--theme-color-green: rgba(105, 145, 145, 1);--theme-color-blue: rgba(120, 150, 150, 1);--theme-color-pink: rgba(150, 120, 135, 1);--theme-color-orange: rgba(160, 105, 120, 1)}[data-color-theme=dark-teal]{--theme-color-yellow: rgba(220, 235, 230, 1);--theme-color-green: rgba(200, 225, 220, 1);--theme-color-blue: rgba(190, 220, 215, 1);--theme-color-pink: rgba(180, 210, 205, 1);--theme-color-orange: rgba(170, 200, 195, 1)}[data-theme=dark][data-color-theme=dark-teal]{--theme-color-yellow: rgba(135, 145, 145, 1);--theme-color-green: rgba(120, 140, 135, 1);--theme-color-blue: rgba(105, 130, 125, 1);--theme-color-pink: rgba(90, 115, 110, 1);--theme-color-orange: rgba(75, 100, 95, 1)}[data-color-theme=steel]{--theme-color-yellow: rgba(245, 248, 250, 1);--theme-color-green: rgba(225, 235, 245, 1);--theme-color-blue: rgba(205, 220, 235, 1);--theme-color-pink: rgba(185, 205, 225, 1);--theme-color-orange: rgba(170, 190, 215, 1)}[data-theme=dark][data-color-theme=steel]{--theme-color-yellow: rgba(150, 155, 160, 1);--theme-color-green: rgba(135, 145, 150, 1);--theme-color-blue: rgba(120, 130, 145, 1);--theme-color-pink: rgba(105, 115, 130, 1);--theme-color-orange: rgba(90, 100, 115, 1)}[data-color-theme=mauve]{--theme-color-yellow: rgba(240, 235, 235, 1);--theme-color-green: rgba(245, 240, 225, 1);--theme-color-blue: rgba(235, 215, 215, 1);--theme-color-pink: rgba(220, 185, 195, 1);--theme-color-orange: rgba(205, 165, 175, 1)}[data-theme=dark][data-color-theme=mauve]{--theme-color-yellow: rgba(150, 145, 145, 1);--theme-color-green: rgba(155, 150, 140, 1);--theme-color-blue: rgba(145, 130, 130, 1);--theme-color-pink: rgba(135, 110, 115, 1);--theme-color-orange: rgba(125, 95, 100, 1)}[data-color-theme=neutral]{--theme-color-yellow: rgba(250, 248, 245, 1);--theme-color-green: rgba(240, 235, 230, 1);--theme-color-blue: rgba(230, 225, 220, 1);--theme-color-pink: rgba(220, 210, 205, 1);--theme-color-orange: rgba(210, 195, 185, 1)}[data-theme=dark][data-color-theme=neutral]{--theme-color-yellow: rgba(160, 158, 155, 1);--theme-color-green: rgba(150, 145, 145, 1);--theme-color-blue: rgba(145, 140, 135, 1);--theme-color-pink: rgba(135, 130, 125, 1);--theme-color-orange: rgba(130, 115, 110, 1)}[data-color-theme=forest]{--theme-color-yellow: rgba(245, 240, 215, 1);--theme-color-green: rgba(200, 230, 180, 1);--theme-color-blue: rgba(170, 200, 220, 1);--theme-color-pink: rgba(210, 180, 200, 1);--theme-color-orange: rgba(240, 180, 120, 1)}[data-theme=dark][data-color-theme=forest]{--theme-color-yellow: rgba(155, 150, 130, 1);--theme-color-green: rgba(105, 130, 115, 1);--theme-color-blue: rgba(90, 115, 105, 1);--theme-color-pink: rgba(120, 90, 105, 1);--theme-color-orange: rgba(150, 105, 60, 1)}[data-color-theme=charcoal]{--theme-color-yellow: rgba(250, 250, 248, 1);--theme-color-green: rgba(240, 240, 238, 1);--theme-color-blue: rgba(225, 225, 223, 1);--theme-color-pink: rgba(210, 210, 208, 1);--theme-color-orange: rgba(195, 195, 193, 1)}[data-theme=dark][data-color-theme=charcoal]{--theme-color-yellow: rgba(160, 160, 158, 1);--theme-color-green: rgba(150, 150, 148, 1);--theme-color-blue: rgba(140, 140, 138, 1);--theme-color-pink: rgba(130, 130, 128, 1);--theme-color-orange: rgba(120, 120, 118, 1)}[data-color-theme=sage-mono]{--theme-color-yellow: rgba(245, 248, 240, 1);--theme-color-green: rgba(230, 240, 225, 1);--theme-color-blue: rgba(215, 230, 210, 1);--theme-color-pink: rgba(200, 220, 195, 1);--theme-color-orange: rgba(185, 210, 180, 1)}[data-theme=dark][data-color-theme=sage-mono]{--theme-color-yellow: rgba(155, 158, 150, 1);--theme-color-green: rgba(145, 150, 140, 1);--theme-color-blue: rgba(130, 145, 130, 1);--theme-color-pink: rgba(120, 135, 115, 1);--theme-color-orange: rgba(110, 130, 105, 1)}[data-color-theme=navy-cream]{--theme-color-yellow: rgba(250, 245, 235, 1);--theme-color-green: rgba(240, 230, 210, 1);--theme-color-blue: rgba(230, 215, 190, 1);--theme-color-pink: rgba(210, 195, 170, 1);--theme-color-orange: rgba(195, 180, 160, 1)}[data-theme=dark][data-color-theme=navy-cream]{--theme-color-yellow: rgba(160, 155, 145, 1);--theme-color-green: rgba(150, 145, 130, 1);--theme-color-blue: rgba(135, 120, 100, 1);--theme-color-pink: rgba(115, 100, 75, 1);--theme-color-orange: rgba(100, 85, 65, 1)}[data-color-theme=pink-mono]{--theme-color-yellow: rgba(255, 250, 250, 1);--theme-color-green: rgba(250, 240, 245, 1);--theme-color-blue: rgba(245, 225, 235, 1);--theme-color-pink: rgba(240, 210, 225, 1);--theme-color-orange: rgba(235, 195, 215, 1)}[data-theme=dark][data-color-theme=pink-mono]{--theme-color-yellow: rgba(160, 155, 155, 1);--theme-color-green: rgba(150, 145, 145, 1);--theme-color-blue: rgba(145, 130, 140, 1);--theme-color-pink: rgba(135, 120, 130, 1);--theme-color-orange: rgba(130, 110, 125, 1)}[data-color-theme=navy-coral]{--theme-color-yellow: rgba(240, 225, 210, 1);--theme-color-green: rgba(230, 205, 195, 1);--theme-color-blue: rgba(220, 185, 180, 1);--theme-color-pink: rgba(210, 170, 175, 1);--theme-color-orange: rgba(200, 160, 170, 1)}[data-theme=dark][data-color-theme=navy-coral]{--theme-color-yellow: rgba(145, 130, 120, 1);--theme-color-green: rgba(135, 115, 105, 1);--theme-color-blue: rgba(130, 100, 95, 1);--theme-color-pink: rgba(120, 85, 85, 1);--theme-color-orange: rgba(115, 80, 80, 1)}[data-color-theme=gunmetal]{--theme-color-yellow: rgba(240, 240, 235, 1);--theme-color-green: rgba(225, 230, 225, 1);--theme-color-blue: rgba(210, 220, 225, 1);--theme-color-pink: rgba(195, 205, 210, 1);--theme-color-orange: rgba(180, 190, 195, 1)}[data-theme=dark][data-color-theme=gunmetal]{--theme-color-yellow: rgba(150, 150, 145, 1);--theme-color-green: rgba(140, 145, 140, 1);--theme-color-blue: rgba(130, 135, 140, 1);--theme-color-pink: rgba(115, 125, 130, 1);--theme-color-orange: rgba(105, 115, 115, 1)}[data-color-theme=teal-orange]{--theme-color-yellow: rgba(250, 240, 200, 1);--theme-color-green: rgba(200, 230, 220, 1);--theme-color-blue: rgba(180, 220, 215, 1);--theme-color-pink: rgba(220, 200, 180, 1);--theme-color-orange: rgba(245, 190, 140, 1)}[data-theme=dark][data-color-theme=teal-orange]{--theme-color-yellow: rgba(160, 150, 120, 1);--theme-color-green: rgba(120, 145, 135, 1);--theme-color-blue: rgba(105, 135, 130, 1);--theme-color-pink: rgba(135, 120, 105, 1);--theme-color-orange: rgba(155, 115, 75, 1)}.file-description-editor-popup{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;width:380px;overflow:hidden;animation:descriptionPopupSlideIn .2s ease-out}.description-editor-header{padding:12px 16px 8px;border-bottom:1px solid var(--border-color);background:var(--background-secondary)}.description-editor-title{font-size:13px;font-weight:600;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description-editor-content{padding:12px 16px}.description-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);color:var(--text-primary);font-size:13px;font-family:inherit;line-height:1.4;resize:none;transition:border-color .15s ease;box-sizing:border-box}.description-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.description-input::placeholder{color:var(--text-tertiary);font-style:italic}.description-editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.character-count{font-size:11px;color:var(--text-secondary);opacity:.7}.description-editor-buttons{display:flex;gap:6px}.description-save-button{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:12px;background-color:var(--accent-color);color:#fff}.description-save-button:hover:not(:disabled){background-color:var(--accent-hover)}.description-save-button:disabled{opacity:.5;cursor:not-allowed}.saving-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes descriptionPopupSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.description-input::-webkit-scrollbar{width:4px}.description-input::-webkit-scrollbar-track{background:var(--background-secondary)}.description-input::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.description-input::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.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}.project-nav-container .save-status-indicator{margin-left:8px;opacity:.8;transition:opacity .2s ease}.project-nav-container .save-status-indicator:hover{opacity:1}.project-nav-container .save-status-indicator .status-icon{width:14px;height:14px}.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)}.header-word-count-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;z-index:10;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.header-word-count-container.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)}.header-progress-bar-container{width:0;height:16px;background-color:var(--background-primary);border-radius:8px;overflow:hidden;border:0px solid var(--border-color);position:relative;cursor:default;transition:width .4s cubic-bezier(.25,.46,.45,.94),border-width .4s cubic-bezier(.25,.46,.45,.94)}.header-word-count-container.visible .header-progress-bar-container{width:200px;border:1px solid var(--border-color)}.header-progress-bar{height:100%;background:linear-gradient(90deg,var(--highlight-blue),var(--highlight-green));border-radius:6px;min-width:3px;position:relative;overflow:hidden;z-index:1;opacity:1;transform:translateY(0);transition:width .5s ease-out,opacity .3s ease,transform .3s ease}.header-progress-bar.completed{background:linear-gradient(90deg,var(--highlight-yellow),var(--highlight-green))}.header-word-count-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:700;color:var(--text-primary);opacity:0;transform:translateY(2px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:2;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 4px var(--shadow-color)}.header-current-count{color:var(--text-primary)}.header-goal-separator{color:var(--text-secondary);margin:0 1px}.header-goal-count{color:var(--text-secondary)}.header-progress-bar-container:hover .header-word-count-text{opacity:1;transform:translateY(0)}@media (max-width: 768px){.header-word-count-container.visible .header-progress-bar-container{width:150px}.header-progress-bar-container{height:14px}.header-word-count-text{font-size:10px}}@media (max-width: 480px){.header-word-count-container.visible .header-progress-bar-container{width:120px}.header-progress-bar-container{height:12px}.header-word-count-text{font-size:9px;gap:1px}}.theme-picker-interface{width:100%;min-width:220px}.theme-picker-header{display:flex;align-items:center;gap:8px;padding:10px 15px;border-bottom:1px solid var(--border-color);background-color:var(--background-primary)}.theme-picker-back-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.theme-picker-back-button:hover{background-color:var(--background-secondary-hover);color:var(--text-primary)}.theme-picker-title{font-size:14px;font-weight:600;color:var(--text-primary)}.theme-picker-options{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}.theme-picker-options::-webkit-scrollbar{width:6px}.theme-picker-options::-webkit-scrollbar-track{background:transparent}.theme-picker-options::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:3px;opacity:.5}.theme-picker-option{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.theme-picker-option:last-child{border-bottom:none}.theme-picker-option:hover{background-color:var(--background-secondary-hover)}.theme-picker-option.selected{background-color:var(--background-secondary-hover);border-left:3px solid var(--text-primary)}.theme-option-name{font-size:14px;color:var(--text-primary);font-weight:500}.theme-color-bar{display:flex;width:80px;height:20px;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);flex-shrink:0}.color-dot{flex:1;height:100%;border:none;border-radius:0}.color-dot.yellow{background-color:#fff3bf}.color-dot.green{background-color:#d3f9d8}.color-dot.blue{background-color:#d0ebff}.color-dot.pink{background-color:#ffe3e3}.color-dot.orange{background-color:#ffe8cc}.color-dot.theme-sunset.yellow{background-color:#fff0c8}.color-dot.theme-sunset.green{background-color:#d2e6d2}.color-dot.theme-sunset.blue{background-color:#c8dcf0}.color-dot.theme-sunset.pink{background-color:#ffdcc8}.color-dot.theme-sunset.orange{background-color:#ffe6c8}.color-dot.theme-cool.yellow{background-color:#faf8eb}.color-dot.theme-cool.green{background-color:#e6f5ff}.color-dot.theme-cool.blue{background-color:#dcebff}.color-dot.theme-cool.pink{background-color:#f0ebff}.color-dot.theme-cool.orange{background-color:#f5f0ff}.color-dot.theme-vibrant.yellow{background-color:#fff5b4}.color-dot.theme-vibrant.green{background-color:#b4e6c8}.color-dot.theme-vibrant.blue{background-color:#c8f0dc}.color-dot.theme-vibrant.pink{background-color:#f0b4be}.color-dot.theme-vibrant.orange{background-color:#dcb4dc}.color-dot.theme-ocean.yellow{background-color:#f0faf0}.color-dot.theme-ocean.green{background-color:#c8f0e6}.color-dot.theme-ocean.blue{background-color:#c8e6ff}.color-dot.theme-ocean.pink{background-color:#e6dcf0}.color-dot.theme-ocean.orange{background-color:#f0dcc8}.color-dot.theme-vintage.yellow{background-color:#fffaeb}.color-dot.theme-vintage.green{background-color:#ebf5eb}.color-dot.theme-vintage.blue{background-color:#ebf0fa}.color-dot.theme-vintage.pink{background-color:#faebf0}.color-dot.theme-vintage.orange{background-color:#faf0e1}.color-dot.theme-teal-coral.yellow{background-color:#f0d2aa}.color-dot.theme-teal-coral.green{background-color:#c8e6d2}.color-dot.theme-teal-coral.blue{background-color:#aac8d2}.color-dot.theme-teal-coral.pink{background-color:#f0b4a0}.color-dot.theme-teal-coral.orange{background-color:#fabeaa}.color-dot.theme-purple-gradient.yellow{background-color:#dcd2f0}.color-dot.theme-purple-gradient.green{background-color:#c8dcf0}.color-dot.theme-purple-gradient.blue{background-color:#b4c8fa}.color-dot.theme-purple-gradient.pink{background-color:#dcb4e6}.color-dot.theme-purple-gradient.orange{background-color:#f0c8f0}.color-dot.theme-green-mono.yellow{background-color:#f5faeb}.color-dot.theme-green-mono.green{background-color:#dcf0dc}.color-dot.theme-green-mono.blue{background-color:#c8e6d2}.color-dot.theme-green-mono.pink{background-color:#b4dcc8}.color-dot.theme-green-mono.orange{background-color:#a0d2be}.color-dot.theme-earth-tones.yellow{background-color:#fafaf0}.color-dot.theme-earth-tones.green{background-color:#f0f0e6}.color-dot.theme-earth-tones.blue{background-color:#e6e1d7}.color-dot.theme-earth-tones.pink{background-color:#ebdcd2}.color-dot.theme-earth-tones.orange{background-color:#dcc8b4}.color-dot.theme-coral-dark.yellow{background-color:#fadcc8}.color-dot.theme-coral-dark.green{background-color:#f0c8be}.color-dot.theme-coral-dark.blue{background-color:#e6bebe}.color-dot.theme-coral-dark.pink{background-color:#dcb4be}.color-dot.theme-coral-dark.orange{background-color:#d2aab4}.color-dot.theme-navy-blue.yellow{background-color:#e6f0fa}.color-dot.theme-navy-blue.green{background-color:#d2e6f0}.color-dot.theme-navy-blue.blue{background-color:#c8e6f5}.color-dot.theme-navy-blue.pink{background-color:#bedcf0}.color-dot.theme-navy-blue.orange{background-color:#b4d2e6}.color-dot.theme-beige-orange.yellow{background-color:#faf5eb}.color-dot.theme-beige-orange.green{background-color:#f5f0e6}.color-dot.theme-beige-orange.blue{background-color:#f0ebe1}.color-dot.theme-beige-orange.pink{background-color:#ebe1d7}.color-dot.theme-beige-orange.orange{background-color:#f0b478}.color-dot.theme-sage-burgundy.yellow{background-color:#f5f0c8}.color-dot.theme-sage-burgundy.green{background-color:#c8dcb4}.color-dot.theme-sage-burgundy.blue{background-color:#b4c8be}.color-dot.theme-sage-burgundy.pink{background-color:#dcb4b4}.color-dot.theme-sage-burgundy.orange{background-color:#f0c8a0}.color-dot.theme-cyan-pink.yellow{background-color:#dcf5f5}.color-dot.theme-cyan-pink.green{background-color:#b4e6e6}.color-dot.theme-cyan-pink.blue{background-color:#a0d2e6}.color-dot.theme-cyan-pink.pink{background-color:#f0c8dc}.color-dot.theme-cyan-pink.orange{background-color:#fab4c8}.color-dot.theme-dark-teal.yellow{background-color:#dcebe6}.color-dot.theme-dark-teal.green{background-color:#c8e1dc}.color-dot.theme-dark-teal.blue{background-color:#bedcd7}.color-dot.theme-dark-teal.pink{background-color:#b4d2cd}.color-dot.theme-dark-teal.orange{background-color:#aac8c3}.color-dot.theme-steel.yellow{background-color:#f5f8fa}.color-dot.theme-steel.green{background-color:#e1ebf5}.color-dot.theme-steel.blue{background-color:#cddceb}.color-dot.theme-steel.pink{background-color:#b9cde1}.color-dot.theme-steel.orange{background-color:#aabed7}.color-dot.theme-mauve.yellow{background-color:#f0ebeb}.color-dot.theme-mauve.green{background-color:#f5f0e1}.color-dot.theme-mauve.blue{background-color:#ebd7d7}.color-dot.theme-mauve.pink{background-color:#dcb9c3}.color-dot.theme-mauve.orange{background-color:#cda5af}.color-dot.theme-neutral.yellow{background-color:#faf8f5}.color-dot.theme-neutral.green{background-color:#f0ebe6}.color-dot.theme-neutral.blue{background-color:#e6e1dc}.color-dot.theme-neutral.pink{background-color:#dcd2cd}.color-dot.theme-neutral.orange{background-color:#d2c3b9}.color-dot.theme-forest.yellow{background-color:#f5f0d7}.color-dot.theme-forest.green{background-color:#c8e6b4}.color-dot.theme-forest.blue{background-color:#aac8dc}.color-dot.theme-forest.pink{background-color:#d2b4c8}.color-dot.theme-forest.orange{background-color:#f0b478}.color-dot.theme-charcoal.yellow{background-color:#fafaf8}.color-dot.theme-charcoal.green{background-color:#f0f0ee}.color-dot.theme-charcoal.blue{background-color:#e1e1df}.color-dot.theme-charcoal.pink{background-color:#d2d2d0}.color-dot.theme-charcoal.orange{background-color:#c3c3c1}.color-dot.theme-sage-mono.yellow{background-color:#f5f8f0}.color-dot.theme-sage-mono.green{background-color:#e6f0e1}.color-dot.theme-sage-mono.blue{background-color:#d7e6d2}.color-dot.theme-sage-mono.pink{background-color:#c8dcc3}.color-dot.theme-sage-mono.orange{background-color:#b9d2b4}.color-dot.theme-navy-cream.yellow{background-color:#faf5eb}.color-dot.theme-navy-cream.green{background-color:#f0e6d2}.color-dot.theme-navy-cream.blue{background-color:#e6d7be}.color-dot.theme-navy-cream.pink{background-color:#d2c3aa}.color-dot.theme-navy-cream.orange{background-color:#c3b4a0}.color-dot.theme-pink-mono.yellow{background-color:snow}.color-dot.theme-pink-mono.green{background-color:#faf0f5}.color-dot.theme-pink-mono.blue{background-color:#f5e1eb}.color-dot.theme-pink-mono.pink{background-color:#f0d2e1}.color-dot.theme-pink-mono.orange{background-color:#ebc3d7}.color-dot.theme-navy-coral.yellow{background-color:#f0e1d2}.color-dot.theme-navy-coral.green{background-color:#e6cdc3}.color-dot.theme-navy-coral.blue{background-color:#dcb9b4}.color-dot.theme-navy-coral.pink{background-color:#d2aaaf}.color-dot.theme-navy-coral.orange{background-color:#c8a0aa}.color-dot.theme-gunmetal.yellow{background-color:#f0f0eb}.color-dot.theme-gunmetal.green{background-color:#e1e6e1}.color-dot.theme-gunmetal.blue{background-color:#d2dce1}.color-dot.theme-gunmetal.pink{background-color:#c3cdd2}.color-dot.theme-gunmetal.orange{background-color:#b4bec3}.color-dot.theme-teal-orange.yellow{background-color:#faf0c8}.color-dot.theme-teal-orange.green{background-color:#c8e6dc}.color-dot.theme-teal-orange.blue{background-color:#b4dcd7}.color-dot.theme-teal-orange.pink{background-color:#dcc8b4}.color-dot.theme-teal-orange.orange{background-color:#f5be8c}.save-status-indicator{display:flex;align-items:center;justify-content:center;cursor:default;padding:2px;border-radius:4px}.status-icon{transition:color .3s ease;flex-shrink:0}.status-icon.safe{color:var(--color-success, #22c55e)}.status-icon.warning{color:var(--color-warning, #f59e0b)}.status-icon.offline{color:var(--color-danger, #ef4444)}.status-icon.warning{animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}.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-name-display{display:flex;align-items:center;gap:8px;flex-grow:1}.device-name-edit-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:0;transform:scale(.9)}.device-name-display:hover .device-name-edit-btn{opacity:1;transform:scale(1)}.device-name-edit-btn:hover{color:var(--text-primary);background-color:var(--background-secondary-hover)}.device-name-edit{display:flex;align-items:center;gap:8px;flex-grow:1}.device-name-input{flex-grow:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-primary);color:var(--text-primary);font-size:18px;font-weight:600}.device-name-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 2px rgba(var(--text-primary-rgb, 0, 0, 0),.1)}.device-name-edit-actions{display:flex;gap:4px}.device-name-save-btn,.device-name-cancel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.device-name-save-btn{background-color:var(--color-success, #22c55e);color:#fff}.device-name-save-btn:hover:not(:disabled){background-color:var(--color-success-hover, #16a34a)}.device-name-cancel-btn{background-color:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.device-name-cancel-btn:hover:not(:disabled){background-color:var(--background-secondary-hover);color:var(--text-primary)}.device-name-save-btn:disabled,.device-name-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.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}