:root,[data-theme=light]{--color-bg-primary: #f6f6f6;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e8e8e8;--color-bg-hover: #f0f0f0;--color-bg-active: #e0e0e0;--color-text-primary: #0f0f0f;--color-text-secondary: #555555;--color-text-tertiary: #888888;--color-text-inverse: #ffffff;--color-border: #d0d0d0;--color-border-hover: #b0b0b0;--color-border-focus: #396cd8;--color-primary: #396cd8;--color-primary-rgb: 57, 108, 216;--color-primary-hover: #2d5bb8;--color-primary-active: #1e4a9c;--color-accent: #24c8db;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-scrollbar-track: #f0f0f0;--color-scrollbar-thumb: #c0c0c0;--color-scrollbar-thumb-hover: #a0a0a0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family-base: Inter, Avenir, Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}[data-theme=dark]{--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #0f3460;--color-bg-hover: #1e2a4a;--color-bg-active: #2a3a5e;--color-text-primary: #f0f0f0;--color-text-secondary: #b0b0b0;--color-text-tertiary: #808080;--color-text-inverse: #0f0f0f;--color-border: #3a3a5c;--color-border-hover: #5a5a7c;--color-border-focus: #64b5f6;--color-primary: #64b5f6;--color-primary-rgb: 100, 181, 246;--color-primary-hover: #42a5f5;--color-primary-active: #2196f3;--color-accent: #26c6da;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--color-scrollbar-track: #1e1e3c;--color-scrollbar-thumb: #4a4a6c;--color-scrollbar-thumb-hover: #6a6a8c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5);--radius-xl: 16px;--radius-full: 9999px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.app-layout{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;background-color:var(--color-bg-primary)}.app-loading,.app-error{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;font-size:var(--font-size-base);color:var(--color-text-secondary)}.app-error{color:var(--color-error)}.menubar{display:flex;align-items:center;height:36px;padding:0 var(--spacing-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.menubar-left{display:flex;align-items:center}.menubar-app-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);margin-right:var(--spacing-xl)}.menubar-nav{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.menubar-item{background:transparent;border:none;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);box-shadow:none}.menubar-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.menubar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.menubar-icon-btn{background:transparent;border:none;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);box-shadow:none}.menubar-icon-btn:hover{background-color:var(--color-bg-hover)}.menubar-menu{position:relative}.menubar-item.active{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-menu{position:fixed;min-width:180px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs) 0;z-index:1000;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;width:100%;padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);gap:var(--spacing-sm);text-align:left}.menu-item:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-item-icon{font-size:var(--font-size-base);width:20px;text-align:center}.menu-item-label{flex:1}.menu-item-shortcut{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--spacing-md)}.menu-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-xs) 0}.pathbar{display:flex;align-items:center;height:32px;padding:0 var(--spacing-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;overflow:hidden}.pathbar-crumbs{display:flex;align-items:center;gap:var(--spacing-xs);overflow:hidden;white-space:nowrap}.pathbar-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.pathbar-segment{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.pathbar-crumb{background:transparent;border:none;padding:2px var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);box-shadow:none}.pathbar-crumb:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.pathbar-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.app-main{display:flex;flex:1;overflow:hidden;min-height:0}.sidebar{width:240px;min-width:200px;max-width:320px;display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);overflow:hidden;flex-shrink:0}.sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-header h2{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.sidebar-placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.sidebar-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center;padding:0 var(--spacing-md);margin-top:var(--spacing-sm);opacity:.7}.content-area{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-primary);overflow:hidden;min-width:0}.content-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;background-color:var(--color-bg-secondary)}.content-header h2{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.content-body{flex:1;display:flex;overflow:hidden}.content-main{flex:1;overflow-y:auto;padding:var(--spacing-md);border-right:1px solid var(--color-border)}.content-preview{width:320px;min-width:240px;max-width:400px;overflow-y:auto;padding:var(--spacing-md);background-color:var(--color-bg-secondary)}.content-placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-2xl) var(--spacing-md)}.statusbar{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 var(--spacing-md);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0;-webkit-user-select:none;user-select:none}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.statusbar-item{color:var(--color-text-secondary)}.statusbar-separator{color:var(--color-text-tertiary)}.statusbar-right{overflow:hidden}.statusbar-item:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none;max-width:360px}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);pointer-events:auto;animation:toast-slide-in .25s ease;min-width:240px}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;color:var(--color-text-inverse);flex-shrink:0}.toast-icon-success{background-color:var(--color-success)}.toast-icon-error{background-color:var(--color-error)}.toast-icon-warning{background-color:var(--color-warning)}.toast-icon-info{background-color:var(--color-info)}.toast-message{flex:1;word-break:break-word}.toast-close{background:transparent;border:none;width:20px;height:20px;padding:0;font-size:18px;line-height:1;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);box-shadow:none;flex-shrink:0}.toast-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.context-menu{position:fixed;z-index:10000;min-width:160px;max-width:240px;padding:var(--spacing-xs);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;animation:context-menu-fade-in .1s ease}@keyframes context-menu-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);box-shadow:none;min-height:32px}.context-menu-item:hover:not(:disabled){background-color:var(--color-bg-hover)}.context-menu-item:active:not(:disabled){background-color:var(--color-bg-active)}.context-menu-item:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.context-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:14px}.context-menu-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-divider{height:1px;margin:var(--spacing-xs) 0;background-color:var(--color-border)}.tag-panel-inner{display:flex;flex-direction:column;height:100%}.tag-search{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.search-icon{font-size:var(--font-size-sm);opacity:.5;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none;padding:2px 0}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input:disabled{opacity:.5;cursor:not-allowed}.tag-panel-loading,.tag-panel-error,.tag-panel-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.tag-panel-error{color:var(--color-error)}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tag-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.tag-item:hover{background-color:var(--color-bg-hover)}.tag-item.selected{background-color:var(--color-bg-active)}.tag-color{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid var(--color-border)}.tag-name{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.selected-tags{padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.selected-tags-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-right:var(--spacing-sm)}.selected-tags-clear{font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:transparent;border:none;cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);transition:all var(--transition-fast)}.selected-tags-clear:hover{color:var(--color-error);background-color:var(--color-bg-hover)}.selected-tags-empty{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.selected-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.selected-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.selected-tag:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.selected-tag-color{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.selected-tag-name{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.selected-tag-remove{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-left:2px;opacity:0;transition:opacity var(--transition-fast)}.selected-tag:hover .selected-tag-remove{opacity:1}.delete-mode-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--color-error-bg);border-bottom:1px solid var(--color-error-border)}.delete-mode-label{font-size:var(--font-size-xs);color:var(--color-error);font-weight:500}.delete-mode-btn{padding:2px 8px;border-radius:var(--radius-xs);font-size:var(--font-size-xs);border:none;cursor:pointer;transition:all var(--transition-fast)}.delete-mode-btn:not(:disabled):hover{opacity:.8}.delete-mode-btn.delete-btn{background-color:var(--color-error);color:#fff}.delete-mode-btn:disabled{opacity:.5;cursor:not-allowed}.tag-item.delete-mode{padding-left:var(--spacing-xs)}.tag-checkbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--color-border);border-radius:3px;font-size:10px;color:#fff;flex-shrink:0;margin-right:4px}.tag-item.selected .tag-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.tag-delete-icon{font-size:var(--font-size-lg);color:var(--color-error);cursor:pointer;padding:0 4px;opacity:.7;transition:opacity var(--transition-fast)}.tag-delete-icon:hover{opacity:1}.tag-drag-handle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);cursor:grab;padding:0 4px;opacity:0;transition:opacity var(--transition-fast);-webkit-user-select:none;user-select:none}.tag-item:hover .tag-drag-handle{opacity:1}.tag-item.dragging .tag-drag-handle{opacity:1;cursor:grabbing}.tag-item.dragging{opacity:.5;background-color:var(--color-bg-active)}.tag-item.drag-over{border-top:2px solid var(--color-primary)}.tag-links-panel{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.tag-links-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.tag-links-header h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0}.tag-links-actions{display:flex;gap:4px}.tag-links-action-btn{background:transparent;border:1px solid var(--color-border);padding:2px 6px;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.tag-links-action-btn:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-primary)}.tag-links-action-btn:disabled{opacity:.5;cursor:not-allowed}.tag-links-loading,.tag-links-error,.tag-links-empty{padding:var(--spacing-md);font-size:var(--font-size-xs);text-align:center}.tag-links-loading,.tag-links-empty{color:var(--color-text-tertiary)}.tag-links-error{color:var(--color-error)}.tag-links-empty p{margin:0 0 var(--spacing-sm) 0}.tag-links-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tag-link-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.tag-link-item:hover{background-color:var(--color-bg-hover)}.tag-link-source,.tag-link-target{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.tag-link-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-link-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-link-arrow{font-size:var(--font-size-sm);color:var(--color-text-tertiary);flex-shrink:0}.tag-link-type{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.tag-link-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;flex-shrink:0}.tag-link-delete-btn{background:transparent;border:none;font-size:var(--font-size-xs);color:var(--color-text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-xs);transition:all var(--transition-fast)}.tag-link-delete-btn:hover{background-color:var(--color-bg-hover);color:var(--color-error)}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-dialog)}.dialog-container{background-color:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:400px;max-width:90vw;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.dialog-header h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.dialog-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-tertiary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.dialog-close:hover{background-color:var(--color-bg-hover)}.dialog-body{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-group input[type=text],.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-secondary);outline:none;box-sizing:border-box;transition:border-color var(--transition-fast)}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group textarea{resize:vertical;min-height:60px}.color-picker{display:flex;align-items:center;gap:var(--spacing-sm)}.color-input{width:40px;height:40px;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border-radius:var(--radius-xs)}.preset-colors{display:flex;flex-wrap:wrap;gap:6px;flex:1}.preset-color{width:24px;height:24px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.preset-color:hover{transform:scale(1.1)}.preset-color.selected{border-color:var(--color-primary);transform:scale(1.15)}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:4px var(--spacing-sm);font-size:var(--font-size-xs)}.settings-dialog{width:480px}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.form-group.checkbox-group{margin-bottom:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-group select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-secondary);outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.form-group select:focus{border-color:var(--color-primary)}.operation-log-dialog{width:600px;max-height:70vh}.operation-log-dialog .dialog-body{display:flex;flex-direction:column;max-height:50vh}.log-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.log-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.log-loading,.log-error,.log-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.log-error{color:var(--color-error)}.log-list{flex:1;overflow-y:auto;margin-bottom:var(--spacing-md)}.log-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.log-item:hover{background-color:var(--color-bg-hover)}.log-type{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.log-info{flex:1;min-width:0}.log-entity{display:flex;align-items:center;gap:var(--spacing-xs)}.log-entity-type{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.log-entity-id{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:monospace}.log-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.log-delete-btn{background:transparent;border:none;font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.log-delete-btn:hover{background-color:var(--color-bg-hover);color:var(--color-error)}.log-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.log-page-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.global-search-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:var(--z-index-dialog)}.global-search-container{background-color:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:600px;max-width:90vw;overflow:hidden}.global-search-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.global-search-icon{font-size:var(--font-size-lg)}.global-search-input{flex:1;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-secondary);outline:none}.global-search-input:focus{border-color:var(--color-primary)}.global-search-shortcut{font-size:var(--font-size-xs);color:var(--color-text-tertiary);background-color:var(--color-bg-secondary);padding:4px var(--spacing-sm);border-radius:var(--radius-xs)}.global-search-results{max-height:300px;overflow-y:auto}.global-search-result{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.global-search-result:hover,.global-search-result.selected{background-color:var(--color-bg-hover)}.global-search-result-icon{font-size:var(--font-size-lg)}.global-search-result-content{flex:1;min-width:0}.global-search-result-name{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-primary)}.global-search-result-color{width:12px;height:12px;border-radius:50%}.global-search-result-path{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.global-search-result-type{font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:2px var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-xs)}.global-search-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.global-search-footer{display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.global-search-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.import-export-tabs{display:flex;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.import-export-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.import-export-tab:hover{color:var(--color-text-primary)}.import-export-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.import-export-content{display:flex;flex-direction:column}.import-export-info{margin-bottom:var(--spacing-md)}.import-export-info p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.import-export-hint{font-size:var(--font-size-xs)!important;color:var(--color-text-tertiary)!important}.import-export-file-select{position:relative;margin-bottom:var(--spacing-md)}.import-export-file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.import-export-file-label{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);border:2px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.import-export-file-label:hover{border-color:var(--color-primary);color:var(--color-primary)}.import-export-progress{font-size:var(--font-size-xs);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-md)}.import-export-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.import-files-dialog{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;width:520px;max-width:90vw;overflow:hidden;animation:importDialogSlideIn .3s ease-out}@keyframes importDialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.import-files-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}.import-files-icon{font-size:32px}.import-files-title{flex:1;margin:0;font-size:var(--font-size-lg);font-weight:700;color:#fff}.import-files-close{background:#fff3;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs);color:#fff;transition:all var(--transition-fast)}.import-files-close:hover{background:#ffffff4d;transform:rotate(90deg)}.import-files-body{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.import-files-illustration{position:relative;margin-bottom:var(--spacing-xl)}.illustration-icon{font-size:80px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.illustration-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:10px;background:#0000001a;border-radius:50%;animation:shadowPulse 3s ease-in-out infinite}@keyframes shadowPulse{0%,to{width:60px;opacity:.5}50%{width:80px;opacity:.3}}.import-files-content{width:100%;text-align:center}.import-files-description{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.import-files-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3)}.import-files-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.4)}.import-files-btn:active{transform:translateY(0)}.import-files-btn .btn-icon{font-size:var(--font-size-xl)}.import-files-btn .btn-text{font-size:var(--font-size-base);font-weight:600;color:#fff}.import-files-btn .btn-arrow{font-size:var(--font-size-lg);color:#fff;opacity:.8;transition:transform var(--transition-fast)}.import-files-btn:hover .btn-arrow{transform:translate(4px)}.import-files-hints{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap}.hint-tag{padding:6px 16px;background-color:var(--color-bg-hover);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border)}.import-files-tip{margin:var(--spacing-lg) 0 0 0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.import-files-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.loading-ring{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.color-picker{display:flex;flex-direction:column;gap:var(--spacing-sm)}.color-preview{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.color-preview:hover:not(:disabled){border-color:var(--color-primary)}.color-preview:disabled{opacity:.5;cursor:not-allowed}.color-check{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.preset-colors{display:flex;flex-wrap:wrap;gap:6px}.preset-color{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.preset-color:hover:not(:disabled){transform:scale(1.1)}.preset-color.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #0000001a}.preset-color:disabled{opacity:.5;cursor:not-allowed}.custom-color-picker{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-xs)}.color-input{width:40px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0}.color-hex-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:monospace;color:var(--color-text-primary);background-color:var(--color-bg-primary);outline:none}.color-hex-input:focus{border-color:var(--color-primary)}.file-panel{height:100%;display:flex;flex-direction:column}.file-panel-path{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs)}.file-panel-path-label{color:var(--color-text-tertiary);margin-right:var(--spacing-xs)}.file-panel-path-value{color:var(--color-text-primary);font-family:monospace}.file-panel-loading,.file-panel-error,.file-panel-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.file-panel-error{color:var(--color-error)}.file-list{width:100%;border-collapse:collapse;flex:1;overflow-y:auto}.file-list thead{background-color:var(--color-bg-secondary);position:sticky;top:0;z-index:1}.file-list th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.file-list tbody{flex:1}.file-row{cursor:pointer;transition:background-color var(--transition-fast)}.file-row:hover{background-color:var(--color-bg-hover)}.file-row.selected{background-color:var(--color-bg-active)}.file-row.drag-over{background-color:var(--color-primary-light);border-color:var(--color-primary)}.file-row td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.file-col-icon{width:40px;padding-right:var(--spacing-xs)}.file-icon{font-size:var(--font-size-lg)}.file-col-name{flex:1;min-width:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.file-name.folder{font-weight:500}.file-rename-input{width:100%;padding:2px 6px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);outline:none}.file-col-tags{width:150px;min-width:100px;color:var(--color-text-secondary)}.file-col-description{flex:1;min-width:100px;color:var(--color-text-secondary)}.file-tags-list{display:flex;flex-wrap:wrap;gap:4px}.file-tag-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#fff;font-weight:500}.file-tag-empty{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-description-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-grid-tags{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:4px}.file-grid-tags .file-tag-badge{padding:1px 6px;font-size:10px}.file-grid-description{font-size:10px;color:var(--color-text-tertiary);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.file-panel.grid .file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md);flex:1;overflow-y:auto}.file-grid-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);text-align:center}.file-grid-item:hover{background-color:var(--color-bg-hover)}.file-grid-item.selected{background-color:var(--color-bg-active)}.file-grid-item.drag-over{background-color:var(--color-primary-light);border:2px solid var(--color-primary)}.file-grid-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.file-grid-name{font-size:var(--font-size-xs);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.file-panel-content{flex:1;display:flex;overflow:hidden}.file-panel-main{flex:1;overflow-y:auto;min-width:0}.file-tags-panel{width:200px;background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.file-tags-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.file-tags-header h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0}.file-tags-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-tags-empty,.file-tags-loading{padding:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}.file-tags-list{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-tag-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left}.file-tag-item:hover{border-color:var(--color-primary);background-color:var(--color-bg-hover)}.file-tag-item.selected{border-color:var(--color-primary);background-color:var(--color-bg-active)}.file-tag-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.file-tag-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tag-check{color:var(--color-primary);font-weight:600;flex-shrink:0}.file-command-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}.file-command-group{display:flex;align-items:center;gap:var(--spacing-xs)}.file-command-divider{width:1px;height:24px;background-color:var(--color-border);margin:0 var(--spacing-sm)}.file-command-btn{display:flex;align-items:center;gap:4px;padding:4px var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.file-command-btn:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.file-command-btn:disabled{opacity:.5;cursor:not-allowed}.file-command-icon{font-size:var(--font-size-sm)}.file-command-text{white-space:nowrap}.file-sort-select{padding:4px var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer;outline:none}.file-sort-select:focus{border-color:var(--color-primary)}.file-command-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-preview{height:100%;display:flex;flex-direction:column}.file-preview-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.file-preview-icon{font-size:32px}.file-preview-info{flex:1;min-width:0}.file-preview-name{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-type{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-preview-body{flex:1;overflow-y:auto}.file-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary)}.file-preview-empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.file-preview-empty p{margin:0;font-size:var(--font-size-sm)}.file-preview-empty-hint{margin-top:var(--spacing-xs)!important;font-size:var(--font-size-xs)!important;opacity:.7}.file-preview-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.file-preview-image-container{display:flex;flex-direction:column;align-items:center}.file-preview-image{max-width:100%;max-height:200px;border-radius:var(--radius-sm);object-fit:contain}.file-preview-image-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-preview-text-container{background-color:var(--color-bg-primary);border-radius:var(--radius-sm);padding:var(--spacing-md);border:1px solid var(--color-border)}.file-preview-text{margin:0;font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;font-family:monospace}.file-preview-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-preview-meta-item{display:flex;flex-direction:column;gap:2px}.file-preview-meta-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-preview-meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}