:root{--primary-blue: #003366;--secondary-blue: #0066CC;--secondary-blue-rgb: 0, 102, 204;--accent-blue: #4A90E2;--light-blue: #E6F3FF;--white: #FFFFFF;--light-gray: #F8F9FA;--medium-gray: #E9ECEF;--border-gray: #DEE2E6;--text-gray: #6C757D;--dark-gray: #495057;--charcoal: #212529;--control-muted: var(--tree-line);--control-muted-contrast: #FFFFFF;--tree-line: #666666;--success: #28A745;--warning: #FFC107;--danger: #DC3545;--info: #17A2B8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--box-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--box-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--box-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--focus-ring: 0 0 0 3px rgba(74, 144, 226, .3);--focus-ring-offset: 2px}*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:3px solid var(--accent-blue);outline-offset:var(--focus-ring-offset)}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:3px solid var(--accent-blue);outline-offset:var(--focus-ring-offset)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-blue);color:var(--white);padding:8px 12px;border-radius:var(--border-radius);text-decoration:none;font-weight:var(--font-weight-medium);z-index:1000;transition:top .3s ease;opacity:0;pointer-events:none}.skip-link:focus{top:6px;opacity:1;pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:var(--font-family);background-color:var(--light-gray);color:var(--charcoal);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md);color:var(--primary-blue)}h1{font-size:2.5rem;margin-bottom:var(--spacing-lg)}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:var(--spacing-md);color:var(--dark-gray)}a{color:var(--primary-blue);text-decoration:underline;transition:color .2s ease}a:hover{color:var(--secondary-blue)}a:focus{box-shadow:var(--focus-ring);border-radius:2px}.container{max-width:1600px;margin:0 auto;padding:var(--spacing-xl)}.site-container{max-width:1600px;margin:0 auto;padding-left:24px;padding-right:24px}.page-chrome{display:flex;justify-content:center}.page-chrome>.page-inner{width:100%;max-width:1600px;margin:0 auto;padding-left:24px;padding-right:24px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xxl{margin-top:var(--spacing-xxl)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--border-radius);font-family:var(--font-family);font-size:1.1rem;font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;min-height:44px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn:focus{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn[aria-pressed=true]{background-color:var(--secondary-blue);color:var(--white)}.btn-primary{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.btn-primary:hover:not(:disabled){background-color:var(--secondary-blue);border-color:var(--secondary-blue);box-shadow:var(--box-shadow-sm)}.btn-secondary{background-color:var(--white);color:var(--primary-blue);border-color:var(--border-gray)}.btn-secondary:hover:not(:disabled){background-color:var(--light-gray);border-color:var(--primary-blue)}.btn-danger{background-color:var(--danger);color:var(--white);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333;box-shadow:var(--box-shadow-sm)}.btn-success{background-color:var(--success);color:var(--white);border-color:var(--success)}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#218838;box-shadow:var(--box-shadow-sm)}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-lg{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.card{background-color:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--box-shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--box-shadow-md)}.card:focus-within{box-shadow:var(--box-shadow-md);border-color:var(--accent-blue)}.card-header{padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-gray)}.card-header h3{margin-bottom:var(--spacing-xs)}.card-body{padding:0}.card-footer{padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);border-top:1px solid var(--border-gray)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--primary-blue)}.form-control{width:100%;padding:.75rem;border:2px solid var(--border-gray);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;min-height:44px}.form-control:focus{border-color:var(--accent-blue);box-shadow:var(--focus-ring);outline:none}.form-control:invalid{border-color:var(--danger)}.form-control[aria-invalid=true]{border-color:var(--danger)}.form-error{color:var(--danger);font-size:.875rem;margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-error:before{content:"⚠️";flex-shrink:0}.alert{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid transparent;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);role:alert}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-gray)}.table th{background-color:var(--light-gray);font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.table-striped tbody tr:nth-child(odd){background-color:var(--light-gray)}.table caption{caption-side:top;padding:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--primary-blue);text-align:left}.loading{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.spinner{width:1rem;height:1rem;border:2px solid var(--border-gray);border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin:0}.nav-list a{display:block;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border-radius:var(--border-radius);transition:background-color .2s ease}.nav-list a:hover,.nav-list a:focus{background-color:var(--light-gray)}.nav-list a[aria-current=page]{background-color:var(--primary-blue);color:var(--white)}.status-message{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.container{padding:var(--spacing-md)}.card{padding:var(--spacing-lg)}h1{font-size:2rem}h2{font-size:1.75rem}.btn{width:100%;justify-content:center}.btn+.btn{margin-top:var(--spacing-sm)}.btn,.form-control{min-height:48px}}@media (max-width: 480px){.container{padding:var(--spacing-sm)}h1{font-size:1.75rem}}@media (prefers-contrast: high){:root{--primary-blue: #000066;--border-gray: #666666;--text-gray: #333333}.btn{border-width:3px}.card{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border-top-color:var(--primary-blue)}}[data-theme=dark],body.dark-theme{--primary-blue: #3A7BD5;--secondary-blue: #0052A3;--secondary-blue-rgb: 0, 82, 163;--accent-blue: #5AA3FF;--light-blue: #1A3A5C;--white: #2d2d2d;--light-gray: #1a1a1a;--medium-gray: #2d2d2d;--border-gray: #404040;--text-gray: #B8B8B8;--dark-gray: #E0E0E0;--charcoal: #F5F5F5;--control-muted: #D1D5DB;--control-muted-contrast: #000000;--tree-line: #9CA3AF;--success: #4CAF50;--warning: #FF9800;--danger: #F44336;--info: #2196F3}[data-theme=dark] body,body.dark-theme{background-color:var(--light-gray);color:var(--dark-gray)}[data-theme=dark] .card,body.dark-theme .card{background-color:var(--white);border-color:var(--border-gray)}[data-theme=dark] .btn-secondary,body.dark-theme .btn-secondary{background-color:var(--white);color:var(--primary-blue);border-color:var(--border-gray)}[data-theme=dark] .form-control,body.dark-theme .form-control{background-color:var(--white);border-color:var(--border-gray);color:var(--charcoal)}[data-theme=dark] .form-control:focus,body.dark-theme .form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a90e233}[data-theme=dark] .theme-toggle,body.dark-theme .theme-toggle{background-color:transparent;border-color:var(--tree-line);color:#e0e0e0}[data-theme=dark] .theme-toggle:hover,body.dark-theme .theme-toggle:hover{border-color:var(--tree-line);box-shadow:var(--box-shadow-sm)}[data-theme=dark] [style*="background-color: var(--white)"],body.dark-theme [style*="background-color: var(--white)"]{background-color:var(--white)!important}[data-theme=dark] [style*="border: 1px solid var(--border-gray)"],body.dark-theme [style*="border: 1px solid var(--border-gray)"]{border-color:var(--border-gray)!important}.theme-toggle{padding:.35rem;min-width:36px;min-height:36px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--tree-line);background:transparent}@media (max-width: 900px){.auth-button .auth-text{display:none!important}}button,button *,[role=button],[role=button] *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}@media print{body{background:#fff;color:#000;font-size:12pt;line-height:1.4}.btn,.nav-list,.alert{display:none}.card{border:1px solid black;box-shadow:none;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}.sidebar{width:100%;background:var(--white);border:none;overflow-y:auto;overflow-x:hidden;flex-shrink:0;position:relative;height:calc(100vh - 60px);display:flex;flex-direction:column}.trees-container{display:flex;flex:1;gap:1px;background:var(--border-gray)}.tree-panel{flex:1;background:var(--white);display:flex;flex-direction:column;overflow:hidden}.tree-panel-header{background:var(--primary-blue);color:var(--white);padding:8px 12px;font-weight:600;font-size:12px;text-align:center;letter-spacing:.5px}.original-tree .tree-panel-header{background:var(--primary-blue)}.simple-tree .tree-panel-header{background:var(--secondary-blue)}.tree-panel .directory-tree,.tree-panel .simple-directory-tree{flex:1;overflow:hidden}.tree-panel .directory-tree{padding:.5rem}.tree-panel .tree-content-inner{height:100%}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background:transparent;z-index:10;transition:background-color .2s ease}.resize-handle:hover{background:rgba(var(--secondary-blue-rgb),.3)}.resize-handle.resizing{background:rgba(var(--secondary-blue-rgb),.5)}.sidebar-search{padding:1rem;border-bottom:1px solid var(--border-gray)}.sidebar-search .search-bar{margin:0}.directory-tree{padding:1rem;position:relative;flex:1;display:flex;flex-direction:column}.tree-content{font-size:13px;line-height:1.2;flex:1}.tree-content-inner{border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:8px 6px;background:var(--white);height:100%;box-sizing:border-box}.tree-item{display:flex;align-items:center;padding:4px 8px;cursor:pointer;border-radius:0;margin:0;color:var(--dark-gray);background:transparent;position:relative;min-height:28px;transition:background-color .15s ease;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.tree-item:hover:not(.selected):after{content:"";position:absolute;top:2px;bottom:2px;background:rgba(var(--secondary-blue-rgb),.12);left:calc(var(--indent-offset, 1px) + 17px);right:4px;z-index:0;border-top-right-radius:6px;border-bottom-right-radius:6px}.tree-item.selected{position:relative}.tree-item.selected:after{content:"";position:absolute;top:2px;bottom:2px;background:rgba(var(--secondary-blue-rgb),.12);left:calc(var(--indent-offset, 1px) + 17px);right:4px;z-index:0;border-top-right-radius:6px;border-bottom-right-radius:6px}.tree-item.root-item.selected:after{left:-4px}.tree-item.root-item:hover:not(.selected):after{left:-4px}.tree-item.selected:before{content:"";position:absolute;top:2px;bottom:2px;width:2px;background:var(--secondary-blue);left:calc(var(--indent-offset, 1px) + 15px);z-index:1;border-radius:1px}.tree-item.root-item.selected:before{left:-4px;top:7px;bottom:7px}.tree-item.root-item{font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border-gray);margin-bottom:4px}.tree-item-content{display:flex;align-items:center;gap:8px;position:relative;width:100%;max-width:calc(100% - 50px);z-index:1;margin-left:18px;overflow:hidden;box-sizing:border-box}.tree-item.root-item .tree-item-content{margin-left:8px}.tree-children{position:relative;margin-left:0}.tree-lines{position:absolute;top:0;left:0;bottom:0;pointer-events:none;z-index:1;isolation:isolate}.tree-line-container{position:absolute;top:0;bottom:0;width:32px;height:100%;pointer-events:none;overflow:hidden}.tree-line-vertical{position:absolute;left:12px;top:0;height:100%;width:1px;background:var(--tree-line);opacity:.9;border-radius:.5px}.tree-line-vertical.last{height:15px}.tree-line-horizontal{position:absolute;left:12px;top:14px;width:14px;height:1px;background:var(--tree-line);opacity:.9;border-radius:.5px}.tree-spacer+.tree-line-horizontal,.tree-item:not(.tree-item-expandable) .tree-line-horizontal{width:12px}.tree-expand{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--tree-line);border-radius:50%;background:transparent!important;cursor:pointer;color:var(--dark-gray);transition:all .15s ease;flex-shrink:0;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:100!important}.tree-expand:hover{background:var(--light-gray)!important;color:var(--dark-gray)!important;border-color:var(--tree-line)!important;z-index:200!important}.tree-expand.expanded{transform:translateY(-50%) rotate(90deg)}.tree-spacer{width:16px;height:16px;flex-shrink:0}.tree-label{font-size:13px;font-weight:400;color:var(--dark-gray)!important;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1!important;visibility:visible!important;max-width:100%;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tree-label.root-label{font-weight:600;font-size:14px}.folder-icon{color:#6b7280;flex-shrink:0;transition:color .15s ease}.folder-icon.root-folder{color:var(--secondary-blue)}.tree-item-more{cursor:default;opacity:.7}.tree-item-more:hover{background:none!important}.tree-more-label{font-style:italic;color:var(--text-gray);font-size:12px}.tree-file-item{opacity:.8}.tree-file-item .file-icon{color:var(--secondary-blue);margin-left:0}.tree-file-item .tree-label{color:var(--dark-gray)!important;font-weight:400!important;opacity:1!important;visibility:visible!important}.tree-file-item:hover,.tree-file-item.selected{opacity:1}.tree-file-item.selected .tree-label{color:var(--dark-gray)!important}.tree-file-item.selected:after{content:"";position:absolute;top:2px;bottom:2px;background:rgba(var(--secondary-blue-rgb),.12);left:calc(var(--indent-offset, 1px) + 17px);right:4px;z-index:0;border-top-right-radius:6px;border-bottom-right-radius:6px}.tree-file-item.selected:before{content:"";position:absolute;top:2px;bottom:2px;width:2px;background:var(--secondary-blue);left:calc(var(--indent-offset, 1px) + 15px);z-index:1;border-radius:1px}.tree-file-item.multi-selected{opacity:1}.tree-file-item.multi-selected:after{content:"";position:absolute;top:2px;bottom:2px;background:rgba(var(--secondary-blue-rgb),.12);left:calc(var(--indent-offset, 1px) + 17px);right:4px;z-index:0;border-top-right-radius:6px;border-bottom-right-radius:6px}.tree-file-item.multi-selected:before{content:"";position:absolute;top:2px;bottom:2px;width:2px;background:var(--secondary-blue);left:calc(var(--indent-offset, 1px) + 15px);z-index:1;border-radius:1px}.tree-item-clickable{cursor:pointer}.tree-item-clickable:hover{background:rgba(var(--secondary-blue-rgb),.08)}.tree-item-clickable .tree-more-label{color:var(--secondary-blue);font-weight:500}[data-theme=dark] .tree-line-vertical,[data-theme=dark] .tree-line-horizontal{background:var(--tree-line);opacity:.8}[data-theme=dark] .sidebar{background:#2d2d2d;border-color:#404040;border-top:none}[data-theme=dark] .tree-content-inner{border-color:#404040;background:#2d2d2d}[data-theme=dark] .tree-item{color:#e0e0e0}[data-theme=dark] .tree-label{color:#e0e0e0!important;opacity:1!important;visibility:visible!important}[data-theme=dark] .tree-item:hover:not(.selected):after{content:"";position:absolute;top:2px;bottom:2px;background:#4a9eff2e;left:calc(var(--indent-offset, 1px) + 17px);right:4px;z-index:0;border-top-right-radius:6px;border-bottom-right-radius:6px}[data-theme=dark] .tree-item.root-item:hover:not(.selected):after{left:-4px}[data-theme=dark] .tree-item.selected:before{background:#4a9eff}[data-theme=dark] .tree-item.selected:after{background:#4a9eff26}[data-theme=dark] .folder-icon{color:#9ca3af}[data-theme=dark] .folder-icon.root-folder,[data-theme=dark] .tree-file-item .file-icon{color:#4a9eff}[data-theme=dark] .tree-expand{border-color:var(--tree-line)}[data-theme=dark] .tree-expand:hover{background:transparent;color:var(--dark-gray);border-color:var(--tree-line)}[data-theme=dark] .tree-more-label{color:#888}[data-theme=dark] .tree-file-item .tree-label,[data-theme=dark] .tree-file-item.selected .tree-label{color:#e0e0e0!important}.simple-directory-tree{background:var(--white);border:none;border-radius:0;margin:0;overflow:hidden;height:100%;display:flex;flex-direction:column}.simple-tree-header{background:var(--secondary-blue);color:var(--white);padding:8px 12px;font-weight:600;font-size:13px;display:none}.simple-tree-content{padding:1rem;flex:1;overflow:hidden;font-size:13px;line-height:1.4;min-height:0;box-sizing:border-box}.simple-tree-scroll::-webkit-scrollbar{width:3px}.simple-tree-scroll::-webkit-scrollbar-track{background:transparent}.simple-tree-scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px;border:none}.simple-tree-scroll::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.simple-tree-content-inner{position:relative;overflow:hidden;border:1px solid var(--border-gray);border-radius:var(--border-radius);background:var(--white);min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1}.simple-tree-scroll{position:absolute;inset:0;padding:8px 9px 8px 6px;margin-right:-3px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}@-moz-document url-prefix(){.simple-tree-scroll{margin-right:-8px;padding-right:14px}}.simple-tree-content-inner>*{flex-shrink:0}.simple-tree-item{position:relative;display:flex;align-items:center;min-height:24px;cursor:pointer;border-radius:4px;margin:0;transition:background-color .2s ease}.simple-tree-item:hover{background-color:rgba(var(--secondary-blue-rgb),.1)}.simple-tree-item.selected{background-color:rgba(var(--secondary-blue-rgb),.15);color:var(--secondary-blue);font-weight:500}.simple-tree-lines{position:absolute;left:0;top:0;bottom:0;pointer-events:none}.simple-line-container{position:absolute;top:0;bottom:0;width:32px;height:100%}.simple-vertical-line{position:absolute;left:12px;top:0;width:1px;height:100%;background:var(--tree-line);opacity:.9}.simple-vertical-line.last{height:12px}.simple-horizontal-line{position:absolute;left:12px;top:12px;width:7px;height:1px;background:var(--tree-line);opacity:.9}.simple-item-content{display:flex;align-items:center;gap:8px;flex:1;position:relative;z-index:1;max-width:calc(100% - 50px);overflow:hidden}.simple-expand-btn{width:16px;height:16px;border:1px solid var(--tree-line);border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:100;transition:all .15s ease}.simple-expand-btn:hover{background:var(--light-gray);color:var(--dark-gray);border-color:var(--tree-line);z-index:200}.simple-expand-btn.expanded{transform:translateY(-50%) rotate(90deg)}.simple-folder-icon{color:#6b7280;flex-shrink:0}.simple-file-icon{color:var(--secondary-blue);flex-shrink:0}.simple-item-label{font-size:13px;font-weight:400;color:var(--dark-gray);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1;visibility:visible;max-width:100%;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.simple-tree-item.selected .simple-item-label{color:var(--secondary-blue);font-weight:400}.simple-file-item{opacity:.9}.simple-file-item:hover,.simple-file-item.selected,.simple-file-item.multi-selected{opacity:1}.simple-tree-item.multi-selected{background-color:rgba(var(--secondary-blue-rgb),.08);color:var(--secondary-blue)}.simple-tree-item.multi-selected .simple-item-label{color:var(--secondary-blue);font-weight:400}.simple-tree-level,.simple-tree-children{width:100%;display:flex;flex-direction:column}.simple-root-item{font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border-gray);margin-bottom:4px}.simple-root-content{margin-left:8px}.simple-root-label{font-weight:400!important;font-size:14px;color:var(--charcoal)!important}.simple-root-folder{color:var(--secondary-blue)}.simple-root-children{position:relative;margin-left:0;width:100%;display:flex;flex-direction:column}[data-theme=dark] .simple-directory-tree{background:#2d2d2d;border-color:#4a9eff}[data-theme=dark] .simple-tree-header{background:#4a9eff;color:#fff}[data-theme=dark] .simple-tree-content{background:#2d2d2d}[data-theme=dark] .simple-tree-content-inner{border-color:#404040;background:#2d2d2d}[data-theme=dark] .simple-tree-item{color:#e0e0e0}[data-theme=dark] .simple-tree-item:hover{background-color:#4a9eff26}[data-theme=dark] .simple-tree-item.selected{background-color:#4a9eff33;color:#4a9eff}[data-theme=dark] .simple-item-label{color:#e0e0e0}[data-theme=dark] .simple-tree-item.selected .simple-item-label{color:#4a9eff;font-weight:400}[data-theme=dark] .simple-tree-item.multi-selected{background-color:#4a9eff1f;color:#4a9eff}[data-theme=dark] .simple-tree-item.multi-selected .simple-item-label{color:#4a9eff;font-weight:400}[data-theme=dark] .simple-expand-btn{background:transparent;border-color:var(--tree-line)}[data-theme=dark] .simple-expand-btn:hover{background:transparent;color:var(--dark-gray);border-color:var(--tree-line)}[data-theme=dark] .simple-folder-icon{color:#9ca3af}[data-theme=dark] .simple-file-icon{color:#4a9eff}[data-theme=dark] .simple-vertical-line,[data-theme=dark] .simple-horizontal-line{background:var(--tree-line);opacity:.6}[data-theme=dark] .simple-root-folder{color:#4a9eff}[data-theme=dark] .simple-root-item{border-bottom-color:#404040}[data-theme=dark] .simple-root-label{color:#e0e0e0!important;font-weight:400!important}[data-theme=dark] .simple-tree-content{scrollbar-color:rgba(255,255,255,.3) transparent}[data-theme=dark] .simple-tree-scroll::-webkit-scrollbar-thumb{background-color:#ffffff4d}[data-theme=dark] .simple-tree-scroll::-webkit-scrollbar-thumb:hover{background-color:#fff6}.folder-selector-menu{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);min-width:280px;max-width:400px;max-height:300px;overflow:hidden;font-size:13px}.folder-selector-header{background:var(--light-gray);padding:8px 12px;font-weight:600;color:var(--dark-gray);border-bottom:1px solid var(--border-gray);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.folder-selector-list{max-height:250px;overflow-y:auto}.folder-selector-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--medium-gray);transition:background-color .2s ease}.folder-selector-item:last-child{border-bottom:none}.folder-selector-item:hover{background:var(--light-blue)}.folder-selector-item.active{background:rgba(var(--secondary-blue-rgb),.15);color:var(--secondary-blue);font-weight:500}.folder-selector-icon{color:#6b7280;flex-shrink:0}.folder-selector-item.active .folder-selector-icon{color:var(--secondary-blue)}.folder-selector-label{font-weight:500;color:var(--dark-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.folder-selector-item.active .folder-selector-label{color:var(--secondary-blue)}.folder-selector-path{font-size:11px;color:var(--text-gray);font-family:monospace;background:var(--medium-gray);padding:2px 6px;border-radius:3px;white-space:nowrap;flex-shrink:0}.folder-selector-item.active .folder-selector-path{background:rgba(var(--secondary-blue-rgb),.2);color:var(--secondary-blue)}[data-theme=dark] .folder-selector-menu{background:#2d2d2d;border-color:#404040}[data-theme=dark] .folder-selector-header{background:#3a3a3a;color:#e0e0e0;border-bottom-color:#404040}[data-theme=dark] .folder-selector-item{border-bottom-color:#404040}[data-theme=dark] .folder-selector-item:hover{background:#4a9eff26}[data-theme=dark] .folder-selector-item.active{background:#4a9eff33;color:#4a9eff}[data-theme=dark] .folder-selector-icon{color:#9ca3af}[data-theme=dark] .folder-selector-item.active .folder-selector-icon{color:#4a9eff}[data-theme=dark] .folder-selector-label{color:#e0e0e0}[data-theme=dark] .folder-selector-item.active .folder-selector-label{color:#4a9eff}[data-theme=dark] .folder-selector-path{background:#404040;color:#9ca3af}[data-theme=dark] .folder-selector-item.active .folder-selector-path{background:#4a9eff4d;color:#4a9eff}.main-content{flex:1;display:flex;flex-direction:column;background:var(--light-gray);min-width:0;overflow:hidden}.content-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--white);border-bottom:1px solid var(--border-gray);flex-wrap:nowrap}.search-bar{flex:1;max-width:400px;min-width:200px;position:relative;display:flex;align-items:center;background:var(--white);border:1px solid var(--tree-line);border-radius:var(--border-radius);padding:6px 10px;gap:8px;height:36px}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--dark-gray)}.search-bar input::placeholder{color:var(--text-gray)}.clear-search{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;color:var(--text-gray)}.clear-search:hover{background:var(--border-gray);color:var(--dark-gray)}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.header-right-controls{margin-left:auto;display:flex;align-items:center;gap:8px}.upload-button-container{position:relative}.upload-button span,.new-folder-button span,.ai-button span,.metadata-button span,.delete-button span{display:block!important;font-size:15px!important;margin-left:4px!important;white-space:nowrap!important}@media (max-width: 1200px){.upload-button span,.new-folder-button span,.ai-button span,.metadata-button span,.delete-button span{display:none!important}}.upload-button,.new-folder-button,.ai-button,.metadata-button,.delete-button{width:auto!important;min-width:60px!important;padding:0 12px!important;white-space:nowrap!important}.upload-button,.new-folder-button,.ai-button,.metadata-button,.delete-button{height:36px!important;margin:0 4px!important;background:transparent!important;border:1px solid var(--tree-line)!important;border-radius:var(--border-radius)!important;opacity:1!important;color:var(--tree-line)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;cursor:pointer!important;transition:all .2s ease!important;visibility:visible!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.upload-button:hover,.new-folder-button:hover,.ai-button:not(.invalid):hover,.metadata-button:not(.invalid):hover,.delete-button:not(.invalid):hover{background:var(--secondary-blue)!important;border-color:var(--secondary-blue)!important;color:var(--white)!important}.upload-button:hover svg,.upload-button:hover span,.new-folder-button:hover svg,.new-folder-button:hover span,.ai-button:not(.invalid):hover svg,.ai-button:not(.invalid):hover span,.metadata-button:not(.invalid):hover svg,.metadata-button:not(.invalid):hover span,.delete-button:not(.invalid):hover svg,.delete-button:not(.invalid):hover span{color:var(--white)!important}.ai-button.invalid:hover,.metadata-button.invalid:hover,.delete-button.invalid:hover{background:transparent!important;border-color:var(--tree-line)!important;color:var(--text-gray)!important}.upload-button svg,.upload-button i,.new-folder-button svg,.new-folder-button i,.ai-button svg,.ai-button i,.metadata-button svg,.metadata-button i,.delete-button svg,.delete-button i{width:18px!important;height:18px!important;font-size:18px!important;position:static!important;transform:none!important;flex-shrink:0!important}.upload-button,.new-folder-button,.ai-button:not(.invalid),.metadata-button:not(.invalid),.delete-button:not(.invalid){border-color:var(--secondary-blue)!important;color:var(--secondary-blue)!important}.upload-button svg,.upload-button span,.new-folder-button svg,.new-folder-button span,.ai-button:not(.invalid) svg,.ai-button:not(.invalid) span,.metadata-button:not(.invalid) svg,.metadata-button:not(.invalid) span,.delete-button:not(.invalid) svg,.delete-button:not(.invalid) span{color:var(--secondary-blue)!important}.ai-button.invalid,.metadata-button.invalid,.delete-button.invalid{border-color:var(--tree-line)!important;color:var(--text-gray)!important}.ai-button.invalid svg,.ai-button.invalid span,.metadata-button.invalid svg,.metadata-button.invalid span,.delete-button.invalid svg,.delete-button.invalid span{color:var(--text-gray)!important}.delete-button.invalid,.ai-button.invalid,.metadata-button.invalid{cursor:not-allowed!important}[data-theme=dark] .upload-button,[data-theme=dark] .new-folder-button,[data-theme=dark] .ai-button:not(.invalid),[data-theme=dark] .metadata-button:not(.invalid),[data-theme=dark] .delete-button:not(.invalid){border-color:#4a9eff!important;color:#4a9eff!important}[data-theme=dark] .upload-button svg,[data-theme=dark] .upload-button span,[data-theme=dark] .new-folder-button svg,[data-theme=dark] .new-folder-button span,[data-theme=dark] .ai-button:not(.invalid) svg,[data-theme=dark] .ai-button:not(.invalid) span,[data-theme=dark] .metadata-button:not(.invalid) svg,[data-theme=dark] .metadata-button:not(.invalid) span,[data-theme=dark] .delete-button:not(.invalid) svg,[data-theme=dark] .delete-button:not(.invalid) span{color:#4a9eff!important}[data-theme=dark] .ai-button.invalid,[data-theme=dark] .metadata-button.invalid,[data-theme=dark] .delete-button.invalid{border-color:var(--tree-line)!important;color:#888!important}[data-theme=dark] .ai-button.invalid svg,[data-theme=dark] .ai-button.invalid span,[data-theme=dark] .metadata-button.invalid svg,[data-theme=dark] .metadata-button.invalid span,[data-theme=dark] .delete-button.invalid svg,[data-theme=dark] .delete-button.invalid span{color:#888!important}[data-theme=dark] .upload-button:hover,[data-theme=dark] .new-folder-button:hover,[data-theme=dark] .ai-button:not(.invalid):hover,[data-theme=dark] .metadata-button:not(.invalid):hover,[data-theme=dark] .delete-button:not(.invalid):hover{background:#4a9eff!important;border-color:#4a9eff!important;color:#fff!important}[data-theme=dark] .upload-button:hover svg,[data-theme=dark] .upload-button:hover span,[data-theme=dark] .new-folder-button:hover svg,[data-theme=dark] .new-folder-button:hover span,[data-theme=dark] .ai-button:not(.invalid):hover svg,[data-theme=dark] .ai-button:not(.invalid):hover span,[data-theme=dark] .metadata-button:not(.invalid):hover svg,[data-theme=dark] .metadata-button:not(.invalid):hover span,[data-theme=dark] .delete-button:not(.invalid):hover svg,[data-theme=dark] .delete-button:not(.invalid):hover span{color:#fff!important}[data-theme=dark] .ai-button.invalid:hover,[data-theme=dark] .metadata-button.invalid:hover,[data-theme=dark] .delete-button.invalid:hover{background:transparent!important;border-color:var(--tree-line)!important;color:#888!important}.upload-options-dropdown{position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md);z-index:1001;min-width:200px;overflow:hidden}.upload-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px;color:var(--dark-gray);transition:background-color .2s ease}.upload-option:hover{background:var(--light-gray)}.file-grid-content{flex:1;overflow-y:auto;height:calc(100vh - 120px);position:relative;padding:1rem;box-sizing:border-box}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,95px);gap:1rem;width:100%;position:relative;justify-content:start}.file-item{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:var(--border-radius);cursor:pointer;text-align:center;border:1px solid var(--border-gray);background:var(--white);transition:all .2s ease;box-shadow:var(--box-shadow-sm);width:95px;height:95px;box-sizing:border-box;position:relative}.file-item:hover{border-color:var(--secondary-blue);box-shadow:var(--box-shadow-md)}.file-item.selected,.file-item.multi-selected{border-color:var(--secondary-blue);background:var(--light-blue);box-shadow:var(--box-shadow-md)}.selection-overlay{position:absolute;border:2px dashed var(--secondary-blue);background:#0066cc1a;pointer-events:none;z-index:100;border-radius:4px}.file-grid.multi-select-mode{user-select:none}.file-grid.multi-select-mode .file-item{position:relative}.file-icon{color:var(--text-gray);flex-shrink:0;position:relative}.file-icon svg{width:50px!important;height:50px!important;stroke-width:1!important}.ai-badge{position:absolute;top:4px;right:4px;z-index:2;background:#28a745;border-radius:999px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;color:#fff;border:1px solid var(--white)}.ai-badge svg{width:12px!important;height:12px!important}.file-item.folder .file-icon{color:var(--text-gray)}.file-item.folder .file-icon svg{width:50px!important;height:40px!important;stroke-width:1!important}.file-item.file .file-icon{color:var(--secondary-blue)}.file-name-container{width:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;padding:0 10px 4px}.file-name{font-size:13px;font-weight:400;color:var(--dark-gray)!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.search-matches{display:flex;gap:4px;justify-content:center;margin-top:6px;flex-wrap:wrap}.match-indicator{font-size:10px;padding:2px 6px;border-radius:var(--border-radius-sm);background:#ffc107;color:#000;font-weight:var(--font-weight-medium)}.match-count-button{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:var(--font-weight-medium);background:var(--white);color:var(--secondary-blue);border:1px solid var(--secondary-blue);border-radius:var(--border-radius-sm);padding:1px 4px;cursor:pointer;position:absolute;left:4px;top:4px;min-width:18px;height:14px;line-height:1}.match-count-button:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .match-count-button{background:var(--secondary-blue);color:var(--white);border-color:var(--secondary-blue)}.loading{display:flex;justify-content:center;align-items:center;height:300px;color:var(--text-gray);font-size:16px}.upload-progress-container-external{position:fixed;bottom:20px;right:20px;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);max-width:450px;max-height:60vh;z-index:1000;border:1px solid var(--border-gray);overflow:hidden}.upload-progress-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--light-gray);border-bottom:1px solid var(--border-gray)}.upload-progress-title h3{margin:0 0 4px;font-size:16px;color:var(--primary-blue);font-weight:var(--font-weight-semibold)}.progress-summary{font-size:12px;color:var(--text-gray)}.clear-progress-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--border-radius);color:var(--text-gray);transition:all .2s ease}.clear-progress-button:hover{background:var(--border-gray);color:var(--dark-gray)}.upload-progress-list{max-height:400px;overflow-y:auto}.upload-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-gray);transition:background-color .2s ease}.upload-item:last-child{border-bottom:none}.upload-item.completed{background:#28a7450d}.upload-item.error{background:#dc35450d}.upload-item.uploading,.upload-item.processing{background:#0066cc0d}.upload-item-info{display:flex;align-items:center;gap:12px;flex:1}.upload-item-icon{color:var(--text-gray);flex-shrink:0}.upload-item.completed .upload-item-icon{color:#28a745}.upload-item.error .upload-item-icon{color:var(--danger)}.upload-item.uploading .upload-item-icon,.upload-item.processing .upload-item-icon{color:var(--secondary-blue)}.upload-item-details{flex:1;min-width:0}.upload-item-name{font-size:13px;font-weight:var(--font-weight-medium);color:var(--dark-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item-path{font-size:11px;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.upload-item-size{font-size:11px;color:var(--text-gray);margin-top:2px}.upload-item-progress{text-align:right;flex-shrink:0;min-width:80px}.progress-bar{width:60px;height:4px;background:var(--border-gray);border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:var(--secondary-blue);transition:width .3s ease}.upload-item-status{font-size:11px;color:var(--text-gray);font-weight:var(--font-weight-medium)}.upload-item.completed .upload-item-status{color:#28a745}.upload-item.error .upload-item-status{color:var(--danger)}.upload-item.uploading .upload-item-status,.upload-item.processing .upload-item-status{color:var(--secondary-blue)}.file-preview{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--white);border-bottom:1px solid var(--border-gray)}.preview-header h3{margin:0;color:var(--primary-blue);font-weight:var(--font-weight-semibold)}.preview-header button{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--border-radius);color:var(--text-gray)}.preview-header button:hover{background:var(--border-gray);color:var(--dark-gray)}.auth-message{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-gray);font-size:16px}[data-theme=dark] .main-content{background:#1a1a1a}[data-theme=dark] .content-header{background:#2d2d2d;border-bottom-color:var(--tree-line)}[data-theme=dark] .search-bar{background:transparent;border-color:var(--tree-line)}[data-theme=dark] .search-bar input{color:#e0e0e0}[data-theme=dark] .search-bar input::placeholder{color:#888}[data-theme=dark] .file-item{background:#2d2d2d;border-color:var(--border-gray)}[data-theme=dark] .file-item:hover{border-color:#555}[data-theme=dark] .file-item.selected,[data-theme=dark] .file-item.multi-selected{background:#1a3a5c;border-color:#06c}[data-theme=dark] .file-name{color:#e0e0e0!important;opacity:1!important;visibility:visible!important}[data-theme=dark] .file-item.file .file-icon{color:#4a9eff}[data-theme=dark] .ai-badge{border-color:#2d2d2d;background:#4caf50}[data-theme=dark] .upload-options-dropdown{background:#2d2d2d;border-color:var(--tree-line)}[data-theme=dark] .upload-option{color:#e0e0e0}[data-theme=dark] .upload-option:hover{background:#404040}.inline-rename-container{display:flex;flex-direction:column;gap:4px;width:100%}.inline-rename-input{width:100%;padding:4px 6px;border:2px solid var(--primary-blue);border-radius:var(--border-radius);font-size:12px;font-family:inherit;background:var(--white);color:var(--dark-gray);outline:none}.inline-rename-input:focus{border-color:var(--secondary-blue);box-shadow:0 0 0 1px var(--secondary-blue)}.inline-rename-buttons{display:flex;gap:4px;justify-content:center}.inline-rename-confirm,.inline-rename-cancel{width:24px;height:24px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.inline-rename-confirm{background:var(--white);border-color:#28a745;color:#28a745}.inline-rename-confirm:hover{background:#28a745;color:var(--white)}.inline-rename-cancel{background:var(--white);border-color:#dc3545;color:#dc3545}.inline-rename-cancel:hover{background:#dc3545;color:var(--white)}[data-theme=dark] .inline-rename-input{background:#2d2d2d;border-color:#4a9eff;color:#e0e0e0}[data-theme=dark] .inline-rename-input:focus{border-color:#6bb3ff;box-shadow:0 0 0 1px #6bb3ff}[data-theme=dark] .inline-rename-confirm,[data-theme=dark] .inline-rename-cancel{background:#2d2d2d}.beautiful-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.beautiful-modal-container{background:var(--white);border-radius:var(--border-radius-lg);width:96%;max-width:1280px;height:auto;max-height:95vh;min-height:auto;display:flex;flex-direction:column;box-shadow:var(--box-shadow-lg);border:1px solid var(--border-gray)}.beautiful-modal-container.compact{width:100%;max-width:520px;height:auto;max-height:85vh;min-height:auto}.beautiful-modal-container.narrow{max-width:420px}.beautiful-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-gray);background:var(--light-gray);border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.modal-toolbar{display:flex;align-items:center;gap:8px;margin-right:8px}.tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--border-radius);border:1px solid var(--border-gray);background:var(--white);color:var(--dark-gray);cursor:pointer;font-size:12px}.tool-btn:hover{background:var(--light-gray)}.modal-title-section{display:flex;align-items:center;gap:12px}.modal-title-section .modal-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary-blue)}.modal-title-section h2{margin:0;font-size:20px;color:var(--primary-blue);font-weight:var(--font-weight-bold)}.modal-title-section p{margin:0;font-size:14px;color:var(--text-gray)}.beautiful-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--border-radius);color:var(--text-gray);transition:all .2s ease}.beautiful-modal-close:hover{background:var(--border-gray);color:var(--dark-gray)}.beautiful-modal-body{padding:1.5rem;flex:1 1 auto;overflow:auto;min-height:0}.modal-controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-gray);background:var(--white)}.modal-tabs{display:inline-flex;gap:4px}.modal-tab{padding:6px 12px;border-radius:var(--border-radius);border:1px solid var(--border-gray);background:var(--light-gray);color:var(--dark-gray);font-size:12px;cursor:pointer}.modal-tab.active{background:var(--secondary-blue);color:var(--white);border-color:var(--secondary-blue)}.modal-search{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border-gray);border-radius:var(--border-radius);background:var(--light-gray)}.modal-search input{border:none;outline:none;background:transparent;font-size:12px;color:var(--dark-gray)}.highlight{background:#fff3cd;color:#5c4b00;padding:0 2px;border-radius:2px}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-metadata-content{max-height:none;overflow-y:visible}.collapsible-section{border:1px solid var(--border-gray);border-radius:var(--border-radius);margin-bottom:10px;background:var(--white);overflow:hidden}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--light-gray);border:none;cursor:pointer;text-align:left;border-bottom:1px solid var(--border-gray);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.chevron{display:inline-block;transition:transform .2s ease;color:var(--text-gray)}.chevron.open{transform:rotate(90deg)}.collapsible-title{flex:1;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.collapsible-badges{display:inline-flex;gap:6px;align-items:center}.badge{background:var(--border-gray);color:var(--text-gray);font-size:11px;padding:2px 6px;border-radius:var(--border-radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:4px}.collapsible-body{padding:10px 12px;background:var(--white);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.badge svg,.collapsible-badges .tool-btn svg{display:block}.collapsible-badges .tool-btn{padding:4px 6px;height:24px;display:inline-flex;align-items:center;justify-content:center}.page-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.page-card{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:12px;box-shadow:var(--box-shadow-sm)}.kv-card pre.json-inline{max-height:200px}.card-title{font-weight:var(--font-weight-semibold);color:var(--primary-blue);margin-bottom:8px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.card-content{color:var(--dark-gray);font-size:13px;line-height:1.6}.v-chip-list{display:flex;flex-wrap:wrap;gap:6px;padding-left:0}.v-chip-list .chip-item{list-style:none;background:var(--light-gray);border:1px solid var(--border-gray);border-radius:999px;padding:4px 8px;font-size:12px;color:var(--dark-gray)}.kv{display:flex;gap:8px;margin-bottom:6px}.kv .k{min-width:120px;color:var(--text-gray)}.kv .v{color:var(--dark-gray)}.kv-list{display:flex;gap:8px;margin-bottom:6px}.kv-list .k{min-width:120px;color:var(--text-gray)}.v-list{margin:0;padding-left:16px}.kv-json{margin-top:8px}.json-inline{margin:4px 0 0;background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;color:var(--dark-gray);overflow:auto}.pages-hint{margin-top:8px;padding:8px;background:var(--light-blue);border:1px solid var(--accent-blue);border-radius:var(--border-radius)}.pages-chip-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.page-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--border-radius-sm);background:var(--white);border:1px solid var(--secondary-blue);color:var(--secondary-blue);font-size:12px;cursor:pointer}.page-chip:hover{background:var(--light-blue)}.modal-metadata-field{margin-bottom:1rem;padding:1rem;background:var(--light-gray);border-radius:var(--border-radius);border:1px solid var(--border-gray)}.field-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.field-name{font-weight:var(--font-weight-semibold);color:var(--primary-blue);text-transform:capitalize}.field-type{font-size:11px;color:var(--text-gray);background:var(--border-gray);padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.field-value{color:var(--dark-gray);font-size:14px;line-height:1.5}.json-value{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:12px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;overflow-x:auto;white-space:pre-wrap;color:var(--dark-gray)}.modal-metadata-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--light-blue);border-radius:var(--border-radius);border:1px solid var(--secondary-blue);min-width:120px;flex:1}.stat-item.search-stat{background:#ffa5001a;border-color:#ff9800}.stat-number{font-size:24px;font-weight:var(--font-weight-bold);color:var(--secondary-blue);margin-bottom:4px;display:flex;align-items:center;gap:4px}.search-stat .stat-number{color:#ff9800}.stat-label{font-size:12px;text-align:center;color:var(--text-gray);font-weight:var(--font-weight-medium)}.search-matches-section{background:var(--light-gray);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-gray)}.search-matches-section h3{margin:0 0 1rem;font-size:16px;color:var(--primary-blue);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:8px}.search-matches-list{display:flex;flex-direction:column;gap:1rem}.search-match-item{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:1rem;transition:all .2s ease;position:relative}.search-match-item:hover{border-color:var(--secondary-blue);box-shadow:var(--box-shadow-sm)}.match-path{display:flex;align-items:center;gap:8px;margin-bottom:8px}.path-label{font-weight:var(--font-weight-semibold);color:var(--primary-blue);font-size:14px}.match-type-badge{background:var(--border-gray);color:var(--text-gray);padding:2px 8px;border-radius:var(--border-radius-sm);font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.match-value{background:var(--light-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);padding:8px 12px;font-size:13px;line-height:1.4;color:var(--dark-gray);margin-bottom:8px;font-family:var(--font-family);word-break:break-word}.match-count-badge{display:inline-flex;align-items:center;background:#ff9800;color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:11px;font-weight:var(--font-weight-semibold);position:absolute;top:8px;right:8px}.field-match-indicator{color:#ff9800;font-size:12px}.notification-system{position:fixed;top:20px;right:20px;z-index:1001}.notification{background:var(--white);border-left:4px solid var(--secondary-blue);border-radius:var(--border-radius);padding:16px 20px;margin-bottom:12px;box-shadow:var(--box-shadow-md);min-width:320px;border:1px solid var(--border-gray)}.notification.success{border-left-color:#28a745}.notification.error{border-left-color:var(--danger)}.notification.warning{border-left-color:#ffc107}[data-theme=dark] .bottom-metadata-drawer{background:#2d2d2d;border-color:#404040}.bottom-metadata-drawer{position:relative;width:100%;height:50vh;background:var(--white);border-top:1px solid var(--border-gray);box-shadow:none;z-index:auto;display:flex;flex-direction:column}.bottom-metadata-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-gray);background:var(--light-gray)}.bottom-metadata-header .drawer-title{font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.drawer-close{background:transparent;border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);padding:4px 6px;color:var(--text-gray);cursor:pointer}.bottom-metadata-body{display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px;overflow:hidden;height:100%}.drawer-nav{overflow:auto;border-right:1px solid var(--border-gray)}.drawer-content{overflow:auto;padding-right:8px}.drawer-empty{color:var(--text-gray);padding:12px}.metadata-field{margin-bottom:10px}.metadata-field-header .metadata-key{font-weight:var(--font-weight-medium);color:var(--primary-blue)}.metadata-field-value{color:var(--dark-gray)}[data-theme=dark] .beautiful-modal-container{background:#2d2d2d;border-color:#404040}[data-theme=dark] .tool-btn{background:#2d2d2d;border-color:#404040;color:#e0e0e0}[data-theme=dark] .modal-controls-row{background:#2d2d2d;border-bottom-color:#404040}[data-theme=dark] .modal-tab{background:#1a1a1a;border-color:#404040;color:#e0e0e0}[data-theme=dark] .modal-tab.active{background:#06c;border-color:#06c}[data-theme=dark] .modal-search{background:#1a1a1a;border-color:#404040}[data-theme=dark] .modal-search input{color:#e0e0e0}[data-theme=dark] .collapsible-section{background:#2d2d2d;border-color:#404040}[data-theme=dark] .collapsible-header{background:#1a1a1a;border-bottom-color:#404040}[data-theme=dark] .collapsible-title{color:#4a9eff}[data-theme=dark] .badge{background:#404040;color:#e0e0e0}[data-theme=dark] .json-inline{background:#1a1a1a;border-color:#404040;color:#e0e0e0}[data-theme=dark] .pages-hint{background:#06c3;border-color:#06c}[data-theme=dark] .beautiful-modal-header{background:#1a1a1a;border-bottom-color:#404040}[data-theme=dark] .modal-metadata-field{background:#1a1a1a;border-color:#404040}[data-theme=dark] .json-value{background:#1a1a1a;border-color:#404040;color:#e0e0e0}[data-theme=dark] .notification{background:#2d2d2d;border-color:#404040;color:#e0e0e0}[data-theme=dark] .search-matches-section{background:#1a1a1a;border-color:#404040}[data-theme=dark] .search-match-item{background:#2d2d2d;border-color:#404040}[data-theme=dark] .search-match-item:hover{border-color:#06c}[data-theme=dark] .match-value{background:#1a1a1a;border-color:#404040;color:#e0e0e0}[data-theme=dark] .stat-item{background:#06c3;border-color:#06c}[data-theme=dark] .stat-item.search-stat{background:#ff980033;border-color:#ff9800}[data-theme=dark] .stat-number{color:#4a9eff}[data-theme=dark] .search-stat .stat-number{color:#ffb74d}[data-theme=dark] .path-label{color:#4a9eff}[data-theme=dark] .match-type-badge{background:#404040;color:#e0e0e0}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.processing-with-spinner{display:inline-flex;align-items:center;gap:8px}.processing-with-spinner .spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.content-header{flex-wrap:wrap;gap:.5rem}.header-actions{flex-wrap:wrap}}@media (max-width: 768px){.main-layout{flex-direction:column}.sidebar{width:100%;height:200px;min-width:auto}.file-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.content-header{padding:.75rem}.search-bar{min-width:150px}}.search-pills-container{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);margin:1rem;padding:8px 12px;display:flex;flex-direction:column;gap:8px;max-height:120px;overflow:hidden;margin-bottom:0;opacity:1;transform:translateY(0);transition:all .3s ease-in-out}.search-pills-container.fade-enter{opacity:0;transform:translateY(-20px);max-height:0;padding-top:0;padding-bottom:0;margin:1rem 1rem 0}.search-pills-container.fade-enter-active{opacity:1;transform:translateY(0);max-height:120px;padding:8px 12px;margin:1rem;margin-bottom:0}.search-pills-container.fade-exit{opacity:1;transform:translateY(0);max-height:120px;padding:8px 12px;margin:1rem}.search-pills-container.fade-exit-active{opacity:0;transform:translateY(-20px);max-height:0;padding-top:0;padding-bottom:0;margin:1rem 1rem 0}.search-pills-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.search-pills-title{font-size:11px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.clear-all-button{background:transparent;border:1px solid var(--border-gray);color:var(--text-gray);padding:2px 8px;border-radius:var(--border-radius-sm);font-size:10px;cursor:pointer;transition:all .2s ease;height:20px;display:flex;align-items:center}.clear-all-button:hover{background:var(--secondary-blue);border-color:var(--secondary-blue);color:var(--white)}.search-pills-scroll{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:2px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.search-pills-scroll::-webkit-scrollbar{height:4px}.search-pills-scroll::-webkit-scrollbar-track{background:var(--light-gray);border-radius:2px}.search-pills-scroll::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:2px}.search-pills-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}.search-pill{display:flex;align-items:center;gap:4px;background:var(--light-blue);border:1px solid var(--secondary-blue);border-radius:12px;padding:4px 8px;font-size:11px;white-space:nowrap;flex-shrink:0;max-width:200px;transition:all .2s ease}.search-pill:hover{background:rgba(var(--secondary-blue-rgb),.15);box-shadow:0 1px 3px #0000001a}.pill-field{font-weight:600;color:var(--secondary-blue)}.pill-separator{color:var(--text-gray);font-weight:500}.pill-value{color:var(--dark-gray);font-weight:500;overflow:hidden;text-overflow:ellipsis;max-width:100px}.pill-text{color:var(--dark-gray);font-weight:500;overflow:hidden;text-overflow:ellipsis}.pill-remove{background:transparent;border:none;cursor:pointer;padding:2px;border-radius:50%;color:var(--text-gray);display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:all .2s ease;flex-shrink:0;margin-left:4px}.pill-remove:hover{background:var(--danger);color:var(--white)}.pill-remove svg{width:12px;height:12px}[data-theme=dark] .search-pills-container{background:#2d2d2d;border-color:var(--tree-line)}[data-theme=dark] .search-pills-title{color:#888}[data-theme=dark] .clear-all-button{border-color:var(--tree-line);color:#888}[data-theme=dark] .clear-all-button:hover{background:#4a9eff;border-color:#4a9eff;color:#fff}[data-theme=dark] .search-pills-scroll::-webkit-scrollbar-track{background:#404040}[data-theme=dark] .search-pills-scroll::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] .search-pills-scroll::-webkit-scrollbar-thumb:hover{background:#777}[data-theme=dark] .search-pill{background:#4a9eff26;border-color:#4a9eff}[data-theme=dark] .search-pill:hover{background:#4a9eff40}[data-theme=dark] .pill-field{color:#4a9eff}[data-theme=dark] .pill-separator{color:#888}[data-theme=dark] .pill-value,[data-theme=dark] .pill-text{color:#e0e0e0}[data-theme=dark] .pill-remove{color:#888}[data-theme=dark] .pill-remove:hover{background:var(--danger);color:var(--white)}.context-menu-backdrop{position:fixed;inset:0;z-index:1999;background:transparent}.context-menu{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);padding:4px 0;min-width:180px;max-width:250px;overflow:hidden}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;color:var(--dark-gray);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-item:hover{background:var(--light-gray);color:var(--secondary-blue)}.context-menu-item:hover svg{color:var(--secondary-blue)}.context-menu-item-danger{color:var(--danger)!important}.context-menu-item-danger:hover{background:#dc35451a!important;color:var(--danger)!important}.context-menu-item-danger:hover svg{color:var(--danger)!important}.context-menu-separator{height:1px;background:var(--border-gray);margin:4px 0}.context-menu-item svg{width:16px;height:16px;color:var(--text-gray);transition:color .2s ease;flex-shrink:0}[data-theme=dark] .context-menu{background:#2d2d2d;border-color:var(--tree-line)}[data-theme=dark] .context-menu-item{color:#e0e0e0}[data-theme=dark] .context-menu-item:hover{background:#404040;color:#4a9eff}[data-theme=dark] .context-menu-item:hover svg{color:#4a9eff}[data-theme=dark] .context-menu-item-danger{color:var(--danger)!important}[data-theme=dark] .context-menu-item-danger:hover{background:#dc354533!important;color:var(--danger)!important}[data-theme=dark] .context-menu-separator{background:#404040}[data-theme=dark] .context-menu-item svg{color:#888}.operation-snackbar-container{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:1200}.operation-snackbar-container.op-placement-header{position:absolute;transform:none;inset:8px 56px auto auto;display:inline-flex;flex-direction:row;align-items:center;gap:8px;pointer-events:auto}.op-actions-row{display:flex;justify-content:flex-end}.op-clear-btn{background:var(--white);color:var(--text-gray);border:1px solid var(--border-gray);border-radius:999px;padding:4px 10px;font-size:12px}.op-clear-btn:hover{background:var(--light-gray)}.operation-snackbar{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;min-width:320px;max-width:560px;padding:12px 14px;background:var(--white);color:var(--charcoal);border:1px solid var(--border-gray);border-radius:999px;box-shadow:var(--box-shadow-lg);transition:transform .2s ease,opacity .2s ease;cursor:pointer}.op-placement-header .operation-snackbar{min-width:280px;max-width:380px;border-radius:var(--border-radius);padding:8px 10px}.op-placement-header .op-actions-row{display:none}.operation-snackbar:hover{transform:translateY(-2px)}.operation-snackbar .op-left{display:flex;align-items:center;justify-content:center}.operation-snackbar .op-center{display:grid;gap:4px}.operation-snackbar .op-title{font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.operation-snackbar .op-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-gray)}.operation-snackbar .op-progress{position:relative;width:120px;height:6px;background:var(--medium-gray);border-radius:999px;overflow:hidden}.operation-snackbar .op-progress .op-progress-bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-blue)}.operation-snackbar .op-badge{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:var(--font-weight-medium)}.operation-snackbar .op-badge.running{background:rgba(var(--secondary-blue-rgb),.12);color:var(--secondary-blue)}.operation-snackbar .op-badge.success{background:#28a7451f;color:var(--success)}.operation-snackbar .op-badge.error{background:#dc35451f;color:var(--danger)}.operation-snackbar.op-upload,.operation-snackbar.op-ai{border-color:rgba(var(--secondary-blue-rgb),.4)}.operation-snackbar.op-delete{border-color:#dc354566}.op-modal .modal-header{border-bottom:1px solid var(--border-gray)}.op-modal .op-filters{display:flex;gap:12px;align-items:center;margin-bottom:12px}.op-modal .op-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border-gray);border-radius:var(--border-radius);background:var(--white)}.op-modal .op-search input{border:none;outline:none;background:transparent;color:var(--charcoal);min-width:200px}.op-modal .op-selects{display:flex;gap:8px}.op-modal select{padding:8px 10px;border:1px solid var(--border-gray);border-radius:var(--border-radius);background:var(--white);color:var(--charcoal)}.op-list{display:grid;gap:10px;max-height:60vh;overflow:auto}.op-item summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border:1px solid var(--border-gray);border-radius:var(--border-radius);background:var(--white)}.op-item .op-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;text-transform:capitalize}.op-chip.op-upload,.op-chip.op-ai{background:rgba(var(--secondary-blue-rgb),.1);color:var(--secondary-blue)}.op-chip.op-delete{background:#dc35451f;color:var(--danger)}.op-status.running{color:var(--secondary-blue);font-weight:var(--font-weight-medium)}.op-status.success{color:var(--success);font-weight:var(--font-weight-medium)}.op-status.error{color:var(--danger);font-weight:var(--font-weight-medium)}.op-stats{color:var(--text-gray);font-size:12px}.op-logs{padding:10px;border:1px dashed var(--border-gray);border-radius:var(--border-radius);background:var(--light-gray)}.op-log{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:6px 0;font-size:13px;color:var(--charcoal)}.op-log .op-log-time{color:var(--text-gray)}.op-log.level-error{color:var(--danger)}.op-log.level-success{color:var(--success)}.op-log-empty{color:var(--text-gray);font-style:italic}@media (max-width: 768px){.operation-snackbar{max-width:92vw}}.op-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-gray);background:var(--white);color:var(--charcoal);border-radius:999px;box-shadow:var(--box-shadow-sm);font-size:12px}.op-mini:hover{box-shadow:var(--box-shadow-md)}.op-mini .op-mini-title{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-mini-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.op-mini-dot.idle{background:var(--border-gray)}.op-mini-dot.running{background:var(--secondary-blue)}.op-mini-dot.success{background:var(--success)}.op-mini-dot.error{background:var(--danger)}.folder-manager{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--light-gray);color:var(--dark-gray);overflow:hidden;border-left:1px solid var(--border-gray);border-right:1px solid var(--border-gray)}.main-layout{display:flex;flex-direction:column;flex:1;height:calc(100vh - 60px);overflow:hidden;width:100%}.main-layout .main-layout-content{display:flex;flex:1;overflow:hidden}.folder-manager.with-bottom-drawer .main-layout .main-layout-content{height:50vh}.sidebar-container{flex-shrink:0;display:flex;flex-direction:column;position:relative}@media (max-width: 1024px){.sidebar-container{min-width:180px!important}}@media (min-width: 1025px){.sidebar-container{min-width:200px!important}}.sidebar-container .resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;cursor:col-resize;z-index:10;transition:background-color .2s ease}.sidebar-container .resize-handle:hover{background-color:rgba(var(--secondary-blue-rgb),.3)}.sidebar-container .resize-handle.resizing{background-color:rgba(var(--secondary-blue-rgb),.5)}.main-layout .main-content{flex:1;min-width:0;height:100%;overflow:hidden}.main-layout .sidebar,.main-layout .file-grid-content,.folder-manager.with-bottom-drawer .main-layout .sidebar,.folder-manager.with-bottom-drawer .main-layout .file-grid-content{height:100%}.folder-manager.with-bottom-drawer .main-layout .main-content{flex:1;min-width:0;height:100%;overflow:hidden}.main-layout>.bottom-metadata-drawer{flex:0 0 50vh}[data-theme=dark] .folder-manager{background:var(--light-gray);color:var(--dark-gray)}[data-theme=dark] .sidebar-container .resize-handle:hover{background-color:#4a9eff4d}[data-theme=dark] .sidebar-container .resize-handle.resizing{background-color:#4a9eff80}.page-navigation-tree{height:100%;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border-gray);min-width:280px;max-width:350px}.tree-search-row{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-gray);background:var(--light-gray);margin-bottom:8px}.tree-search-row input{flex:1;border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:6px 8px;font-size:12px;background:var(--white)}.tree-search-row input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px rgba(var(--secondary-blue-rgb),.15)}.tree-search-clear{background:none;border:none;padding:4px 6px;cursor:pointer;color:var(--text-gray);border-radius:4px}.tree-search-clear:hover{background:var(--border-gray);color:var(--danger)}.tree-title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.page-count{font-size:12px;color:var(--text-gray);margin-left:auto}.tree-content{flex:1;overflow-y:auto}.tree-page-item{margin:2px 0;border-radius:var(--border-radius);transition:all .2s ease;position:relative;min-height:28px}.tree-page-item+.tree-page-item{border-top:1px solid var(--border-gray)}.tree-page-item.selected{position:relative}.tree-page-item.selected:after{content:"";position:absolute;background:rgba(var(--secondary-blue-rgb),.12);inset:2px 4px;z-index:0;border-radius:6px}.tree-page-header{display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:pointer;border-radius:var(--border-radius);transition:background-color .2s ease;position:relative;z-index:1}.tree-page-header:hover{background:var(--light-gray)}.tree-page-item.selected .tree-page-header:hover{background:transparent}.tree-expand-btn{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:transform .2s ease;border-radius:3px}.tree-expand-btn:hover{background:var(--border-gray)}.chevron{transition:transform .2s ease}.chevron.expanded{transform:rotate(90deg)}.page-icon{color:var(--secondary-blue);flex-shrink:0}.page-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.page-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--dark-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page-badges{display:flex;gap:4px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:var(--font-weight-medium);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.badge-people{background:var(--light-blue);color:var(--secondary-blue)}.badge-dates{background:var(--light-gray);color:var(--dark-gray)}.badge-search{background:var(--warning);color:#fff;transition:all .2s ease;cursor:pointer}.badge-search:hover{background:#cc7a00;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tree-action-btn{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-gray);border-radius:4px;transition:all .2s ease;flex-shrink:0}.tree-action-btn:hover{background:var(--border-gray);color:var(--primary-blue)}.tree-page-details{padding:8px 12px 8px 40px;border-top:1px solid var(--border-gray);background:#0066cc05;margin-top:4px}.detail-item{margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.detail-label{display:block;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--primary-blue);margin-bottom:2px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.detail-value{font-size:12px;color:var(--dark-gray);line-height:1.4;word-wrap:break-word}[data-theme=dark] .page-navigation-tree{background:#2d2d2d;border-right-color:#404040}[data-theme=dark] .tree-search-row{background:#1a1a1a;border-bottom-color:#404040}[data-theme=dark] .tree-search-row input{background:#2d2d2d;border-color:#404040;color:#e0e0e0}[data-theme=dark] .tree-search-clear:hover{background:#404040}[data-theme=dark] .tree-title{color:#3a7bd5}[data-theme=dark] .page-count{color:#ccc}[data-theme=dark] .tree-page-item.selected:after{background:#3a7bd526}[data-theme=dark] .tree-page-header:hover{background:#404040}[data-theme=dark] .tree-page-item.selected .tree-page-header:hover{background:transparent}[data-theme=dark] .tree-expand-btn:hover{background:#555}[data-theme=dark] .page-icon{color:#5aa3ff}[data-theme=dark] .page-label{color:#f0f0f0}[data-theme=dark] .badge-people{background:#1565c0;color:#e3f2fd}[data-theme=dark] .badge-dates{background:#6a1b9a;color:#f3e5f5}[data-theme=dark] .badge-search{background:#e65100;color:#fff3e0}[data-theme=dark] .badge-search:hover{background:#bf360c;transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .tree-action-btn{color:#ccc}[data-theme=dark] .tree-action-btn:hover{background:#555;color:#3a7bd5}[data-theme=dark] .tree-page-details{background:#3a7bd50d;border-top-color:#404040}[data-theme=dark] .detail-label{color:#3a7bd5}[data-theme=dark] .detail-value{color:#f0f0f0}.metadata-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.metadata-modal-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);width:75vw;height:90vh;max-width:1200px;display:flex;flex-direction:column;overflow:hidden}.metadata-modal-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-gray);background:var(--white);flex-shrink:0}.modal-title h2{margin:0;font-size:18px;font-weight:var(--font-weight-bold);color:var(--primary-blue);max-width:24ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-close-btn{background:transparent;border:1px solid var(--border-gray);border-radius:50%;width:28px;height:28px;cursor:pointer;color:var(--dark-gray);transition:all .2s ease;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-center-title{justify-self:center;font-size:14px;color:var(--text-gray);font-weight:var(--font-weight-medium)}.metadata-modal-header .modal-close-btn{justify-self:end}.modal-close-btn:hover{background:var(--border-gray)}.metadata-modal-body{flex:1;display:flex;overflow:hidden}.navigation-panel{width:320px;flex-shrink:0;overflow:hidden;background:var(--white);border-right:1px solid var(--border-gray);padding:1rem}.content-panel{flex:1;overflow:hidden;background:var(--light-gray);display:flex;flex-direction:column}.metadata-content{flex:1;overflow-y:auto;padding:12px;background:var(--light-gray)}.document-overview{max-width:800px}.overview-header{margin-bottom:24px}.overview-header h3{margin:0 0 8px;font-size:24px;font-weight:var(--font-weight-bold);color:var(--primary-blue)}.overview-header p{margin:0;font-size:14px;color:var(--text-gray)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{box-shadow:var(--box-shadow-md);border-color:var(--primary-blue)}.stat-icon{width:48px;height:48px;background:var(--light-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-blue);line-height:1}.stat-label{font-size:12px;color:var(--text-gray);margin-top:4px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.metadata-fields{margin-bottom:32px}.metadata-fields h4{margin:0 0 16px;font-size:18px;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.fields-list{display:flex;flex-direction:column;gap:16px}.field-item{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:16px;transition:all .2s ease}.field-item:hover{box-shadow:var(--box-shadow-sm)}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.field-name{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--primary-blue);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.field-type{font-size:11px;padding:2px 6px;background:var(--light-gray);color:var(--text-gray);border-radius:4px;font-weight:var(--font-weight-medium);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.field-value{font-size:14px;color:var(--dark-gray);line-height:1.5}.value-list{margin:0;padding-left:20px}.value-list li{margin-bottom:4px}.help-text{margin-top:40px;text-align:center;padding:40px 20px;background:var(--white);border-radius:var(--border-radius);border:2px dashed var(--border-gray)}.help-text p{margin:0;font-size:16px;color:var(--text-gray)}.page-content-view{max-width:1000px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-gray)}.page-title-section{display:flex;align-items:center;gap:12px}.page-title-section h3{margin:0;font-size:24px;font-weight:var(--font-weight-bold);color:var(--primary-blue)}.search-matches-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--warning);color:#fff;border-radius:12px;font-size:12px;font-weight:var(--font-weight-medium);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.open-pdf-btn{display:flex;align-items:center;gap:8px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius);padding:10px 16px;font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.open-pdf-btn:hover{background:var(--secondary-blue);box-shadow:var(--box-shadow-sm)}.page-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.content-card{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius);overflow:hidden;transition:all .2s ease}.content-card:hover{box-shadow:var(--box-shadow-md);border-color:var(--primary-blue)}.content-card.large{grid-column:1 / -1}.card-header{background:var(--light-gray);padding:12px 16px;border-bottom:1px solid var(--border-gray)}.card-header h4{margin:0;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.card-content{padding:16px;font-size:14px;color:var(--dark-gray);line-height:1.5}.page-full-content{max-height:400px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;background:var(--light-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:20px;margin:8px 0}.pdf-viewer-container{position:relative;width:100%;height:auto;min-height:500px;border:1px solid var(--border-gray);border-radius:var(--border-radius);overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:16px}.pdf-page-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.pdf-viewer-iframe{width:100%;height:600px;border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md);background:#fff}.pdf-page-image{max-width:100%;height:auto;border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md);background:#fff;display:block;margin:0 auto}.pdf-placeholder{display:flex;align-items:center;justify-content:center;height:400px;background:var(--light-gray);border:2px dashed var(--border-gray);border-radius:var(--border-radius);color:var(--text-gray);font-size:16px}.simple-page-info{text-align:center;padding:20px;background:var(--light-blue);border-radius:var(--border-radius);margin-top:16px}.simple-page-info h4{margin:0 0 8px;color:var(--primary-blue);font-size:18px}.simple-page-info p{margin:0 0 16px;color:var(--text-gray);font-size:14px}.simple-page-preview{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-gray)}.page-preview-header{text-align:center;margin-bottom:24px}.page-preview-header h4{margin:0 0 8px;font-size:18px;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.page-preview-header p{margin:0;font-size:14px;color:var(--text-gray)}.page-preview-content{margin-bottom:24px}.page-mockup{position:relative;width:240px;height:320px;background:#fff;border:2px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.page-lines{display:flex;flex-direction:column;gap:12px}.line{height:3px;background:var(--border-gray);border-radius:2px}.line.short{width:60%}.line.medium{width:80%}.page-number-indicator{position:absolute;bottom:8px;right:12px;font-size:10px;color:var(--text-gray);background:var(--light-gray);padding:2px 6px;border-radius:4px}.page-preview-actions{text-align:center}.preview-note{margin:16px 0 0;font-size:12px;color:var(--text-gray);font-style:italic;max-width:300px}.pdf-image-viewer{display:flex;flex-direction:column;width:100%;max-width:700px;margin:0 auto}.image-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-gray);margin-bottom:16px}.image-header h4{margin:0;font-size:18px;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.image-container{display:flex;justify-content:center;margin-bottom:16px;min-height:200px;background:var(--light-gray);border-radius:var(--border-radius);padding:16px}.pdf-page-image{max-width:100%;max-height:600px;height:auto;border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);background:#fff;object-fit:contain}.image-footer{text-align:center;padding-top:16px;border-top:1px solid var(--border-gray)}.image-note{margin:0;font-size:12px;color:var(--text-gray);font-style:italic}.pdf-page-canvas{max-width:100%;height:auto;border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md);background:#fff}.pdf-page-canvas.loading{display:none}.pdf-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:var(--text-gray)}.pdf-loading p{margin:0;font-size:14px}.pdf-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:var(--danger);text-align:center}.pdf-error p{margin:0;font-size:14px}.pdf-viewer-overlay{position:absolute;top:8px;right:8px;z-index:10;display:flex;align-items:center;gap:8px}.page-indicator{background:#000c;color:#fff;padding:4px 8px;border-radius:var(--border-radius);font-size:11px;font-weight:var(--font-weight-medium);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.open-fullscreen-btn{background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius);padding:8px 12px;font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;box-shadow:var(--box-shadow-sm);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.open-fullscreen-btn:hover{background:var(--secondary-blue);box-shadow:var(--box-shadow-md);transform:translateY(-1px)}.all-metadata-view{display:flex;flex-direction:column;gap:24px}.metadata-section{background:var(--white);border:1px solid var(--border-gray);border-radius:var(--border-radius-lg);overflow:hidden}.metadata-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--light-gray);border-bottom:1px solid var(--border-gray);cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.metadata-section-header:hover{background:var(--border-gray)}.section-toggle{font-size:12px;color:var(--text-gray);transition:transform .2s ease;line-height:1}.section-toggle.expanded{transform:rotate(90deg)}.metadata-section-header h4{margin:0;font-size:16px;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.metadata-section-content{padding:12px}.metadata-field{margin-bottom:8px;padding:8px;border:1px solid var(--border-gray);border-radius:var(--border-radius);background:var(--white);transition:all .2s ease}.metadata-field:hover{box-shadow:var(--box-shadow-sm)}.metadata-field-header{margin-bottom:4px}.metadata-key{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.metadata-key.page-key{color:var(--secondary-blue)}.metadata-field-value{font-size:14px;color:var(--dark-gray);line-height:1.5}.metadata-value-null{color:var(--text-gray);font-style:italic}.metadata-value-boolean{color:var(--warning);font-weight:var(--font-weight-medium)}.metadata-value-number{color:var(--success);font-weight:var(--font-weight-medium)}.metadata-value-string{color:var(--dark-gray)}.metadata-value-unknown{color:var(--danger);font-style:italic}.metadata-array{display:flex;flex-direction:column;gap:8px;margin-left:12px}.metadata-array-item{display:flex;align-items:flex-start;gap:8px}.array-index{font-size:12px;color:var(--text-gray);background:var(--light-gray);padding:2px 6px;border-radius:4px;font-weight:var(--font-weight-medium);min-width:20px;text-align:center}.metadata-object{border-left:2px solid var(--border-gray);padding-left:12px;margin-top:8px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;padding:4px 8px;background:var(--light-blue);color:var(--primary-blue);border-radius:12px;font-size:12px;font-weight:var(--font-weight-medium);border:1px solid var(--secondary-blue);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page-data-view{display:flex;flex-direction:column;gap:12px}.metadata-section-content .metadata-field+.metadata-field{border-top:1px solid var(--border-gray)}.no-data{text-align:center;padding:40px 20px;background:var(--white);border-radius:var(--border-radius);border:2px dashed var(--border-gray)}.no-data p{margin:0;font-size:16px;color:var(--text-gray)}mark{background-color:#ffc107;color:#000;padding:1px 2px;border-radius:2px}[data-theme=dark] .metadata-modal-container{background:#2d2d2d}[data-theme=dark] .metadata-modal-header{background:#2d2d2d;border-bottom-color:#404040}[data-theme=dark] .modal-title h2{color:#3a7bd5}[data-theme=dark] .navigation-panel{background:#404040;border-right-color:#555}[data-theme=dark] .all-metadata-view .metadata-section{background:#404040;border-color:#555}[data-theme=dark] .metadata-section-header{background:#555;border-bottom-color:#666}[data-theme=dark] .metadata-section-header:hover{background:#666}[data-theme=dark] .metadata-section-header h4{color:#3a7bd5}[data-theme=dark] .section-toggle{color:#ccc}[data-theme=dark] .metadata-field{background:#2d2d2d;border-color:#555}[data-theme=dark] .metadata-key{color:#3a7bd5}[data-theme=dark] .metadata-key.page-key{color:#5aa3ff}[data-theme=dark] .metadata-field-value{color:#f0f0f0}[data-theme=dark] .metadata-value-null{color:#ccc}[data-theme=dark] .metadata-value-string{color:#f0f0f0}[data-theme=dark] .metadata-value-unknown{color:#ff6b6b}[data-theme=dark] .array-index{background:#555;color:#ccc}[data-theme=dark] .metadata-object{border-left-color:#555}[data-theme=dark] .no-data{background:#404040;border-color:#555}[data-theme=dark] .no-data p{color:#ccc}[data-theme=dark] .content-panel{background:#1a1a1a}[data-theme=dark] .overview-header h3{color:#3a7bd5}[data-theme=dark] .stat-card{background:#404040;border-color:#555}[data-theme=dark] .stat-card:hover{border-color:#3a7bd5}[data-theme=dark] .stat-icon{background:#0f1419;color:#3a7bd5}[data-theme=dark] .stat-value,[data-theme=dark] .metadata-fields h4{color:#3a7bd5}[data-theme=dark] .field-item{background:#404040;border-color:#555}[data-theme=dark] .field-name{color:#3a7bd5}[data-theme=dark] .field-type{background:#555;color:#ccc}[data-theme=dark] .field-value{color:#f0f0f0}[data-theme=dark] .help-text{background:#404040;border-color:#555}[data-theme=dark] .page-title-section h3{color:#3a7bd5}[data-theme=dark] .open-pdf-btn{background:#3a7bd5}[data-theme=dark] .open-pdf-btn:hover{background:#0052a3}[data-theme=dark] .content-card{background:#404040;border-color:#555}[data-theme=dark] .content-card:hover{border-color:#3a7bd5}[data-theme=dark] .card-header{background:#555;border-bottom-color:#666}[data-theme=dark] .card-header h4{color:#3a7bd5}[data-theme=dark] .card-content{color:#f0f0f0}[data-theme=dark] .page-full-content{background:#1a1a1a;border-color:#555;color:#f0f0f0}[data-theme=dark] .pdf-viewer-container{border-color:#555;background:#1a1a1a}[data-theme=dark] .pdf-viewer-iframe,[data-theme=dark] .pdf-page-image{border-color:#555}[data-theme=dark] .pdf-placeholder{background:#2d2d2d;border-color:#555;color:#ccc}[data-theme=dark] .simple-page-info{background:#0f1419;border:1px solid #404040}[data-theme=dark] .simple-page-info h4{color:#3a7bd5}[data-theme=dark] .simple-page-info p{color:#ccc}[data-theme=dark] .simple-page-preview{background:#2d2d2d;border-color:#555}[data-theme=dark] .page-preview-header h4{color:#3a7bd5}[data-theme=dark] .page-preview-header p{color:#ccc}[data-theme=dark] .page-mockup{background:#404040;border-color:#666}[data-theme=dark] .line{background:#666}[data-theme=dark] .page-number-indicator{background:#555;color:#ccc}[data-theme=dark] .preview-note{color:#ccc}[data-theme=dark] .pdf-image-viewer .image-header{border-bottom-color:#555}[data-theme=dark] .image-header h4{color:#3a7bd5}[data-theme=dark] .image-container{background:#1a1a1a}[data-theme=dark] .pdf-page-image{border-color:#555}[data-theme=dark] .image-footer{border-top-color:#555}[data-theme=dark] .image-note{color:#ccc}[data-theme=dark] .pdf-page-canvas{border-color:#555}[data-theme=dark] .pdf-loading{color:#ccc}[data-theme=dark] .pdf-error{color:#ff6b6b}[data-theme=dark] .open-fullscreen-btn{background:#3a7bd5}[data-theme=dark] .open-fullscreen-btn:hover{background:#0052a3}[data-theme=dark] .chip{background:#0f1419;color:#5aa3ff;border-color:#0052a3}[data-theme=dark] mark{background-color:#e65100;color:#fff3e0}@media (max-width: 768px){.metadata-modal-container{width:100vw;height:100vh;border-radius:0}.metadata-modal-body{flex-direction:column}.navigation-panel{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border-gray)}.page-content-grid,.stats-grid{grid-template-columns:1fr}.pdf-viewer-container{min-height:300px;padding:8px}.pdf-viewer-iframe{height:400px}.pdf-page-canvas{max-width:calc(100% - 16px)}}.site-container[data-astro-cid-j7pv25f6]{width:1500px;max-width:1500px;margin:0 auto;padding:0 16px}@media (max-width: 1532px){.site-container[data-astro-cid-j7pv25f6],.nav-content[data-astro-cid-j7pv25f6],.footer-content[data-astro-cid-j7pv25f6]{width:calc(100vw - 32px)}}.btn[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border-radius:var(--border-radius);border:2px solid transparent;font-family:var(--font-family);font-size:1rem;font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-primary[data-astro-cid-j7pv25f6]{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.btn-primary[data-astro-cid-j7pv25f6]:hover{background-color:var(--secondary-blue);border-color:var(--secondary-blue);box-shadow:var(--box-shadow-sm)}.btn-secondary[data-astro-cid-j7pv25f6]{background-color:var(--white);color:var(--primary-blue);border-color:var(--primary-blue)}.btn-secondary[data-astro-cid-j7pv25f6]:hover{background-color:var(--primary-blue);color:var(--white);box-shadow:var(--box-shadow-sm)}.btn-success[data-astro-cid-j7pv25f6]{background-color:var(--accent-blue);color:var(--white);border-color:var(--accent-blue)}.btn-success[data-astro-cid-j7pv25f6]:hover{background-color:var(--secondary-blue);border-color:var(--secondary-blue);box-shadow:var(--box-shadow-sm)}.spinner[data-astro-cid-j7pv25f6]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-nav[data-astro-cid-j7pv25f6]{background:var(--light-gray);border-bottom:1px solid var(--border-gray);padding:var(--spacing-md) 0}.nav-content[data-astro-cid-j7pv25f6]{width:1500px;max-width:1500px;margin:0 auto;padding:0 var(--spacing-lg)}.nav-row[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.nav-left[data-astro-cid-j7pv25f6]{flex:1}.breadcrumb[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-gray)}.breadcrumb-separator[data-astro-cid-j7pv25f6]{color:var(--border-gray)}.breadcrumb-current[data-astro-cid-j7pv25f6]{color:var(--primary-blue);font-weight:var(--font-weight-medium)}.user-actions[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle[data-astro-cid-j7pv25f6]{background-color:transparent!important;border:1px solid var(--secondary-blue)!important;color:var(--secondary-blue)!important;min-width:36px!important;min-height:36px!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;cursor:pointer!important;transition:all .2s ease!important;outline:none!important}.theme-toggle[data-astro-cid-j7pv25f6]:hover{background:var(--secondary-blue)!important;border-color:var(--secondary-blue)!important;color:var(--white)!important}.theme-toggle[data-astro-cid-j7pv25f6]:focus,.theme-toggle[data-astro-cid-j7pv25f6]:focus-visible,.theme-toggle[data-astro-cid-j7pv25f6]:active{outline:none!important;box-shadow:none!important;border:1px solid var(--secondary-blue)!important}.theme-toggle[data-astro-cid-j7pv25f6]:focus:not(:hover),.theme-toggle[data-astro-cid-j7pv25f6]:focus-visible:not(:hover),.theme-toggle[data-astro-cid-j7pv25f6]:active:not(:hover){background:transparent!important;color:var(--secondary-blue)!important}.auth-button[data-astro-cid-j7pv25f6]{border:1px solid var(--secondary-blue)!important;color:var(--secondary-blue)!important;background:transparent!important;height:36px!important;outline:none!important}.auth-button[data-astro-cid-j7pv25f6]:hover{background:var(--secondary-blue)!important;border-color:var(--secondary-blue)!important;color:var(--white)!important}.auth-button[data-astro-cid-j7pv25f6] .auth-text[data-astro-cid-j7pv25f6]{color:inherit!important}.auth-button[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{color:inherit!important}.auth-button[data-astro-cid-j7pv25f6]:hover svg[data-astro-cid-j7pv25f6]{color:inherit!important}.auth-button[data-astro-cid-j7pv25f6]:focus{outline:none!important;box-shadow:none!important}[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]{border-color:#4a9eff!important;color:#4a9eff!important}[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]:hover{background:#4a9eff!important;border-color:#4a9eff!important;color:#fff!important}[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]:focus,[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]:focus-visible,[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]:active{outline:none!important;box-shadow:none!important;border:1px solid #4a9eff!important}[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]:focus:not(:hover),[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]:focus-visible:not(:hover),[data-astro-cid-j7pv25f6][data-theme=dark] .theme-toggle[data-astro-cid-j7pv25f6]:active:not(:hover){background:transparent!important;color:#4a9eff!important}[data-astro-cid-j7pv25f6][data-theme=dark] .auth-button[data-astro-cid-j7pv25f6]{border-color:#4a9eff!important;color:#4a9eff!important}[data-astro-cid-j7pv25f6][data-theme=dark] .auth-button[data-astro-cid-j7pv25f6]:hover{background:#4a9eff!important;border-color:#4a9eff!important;color:#fff!important}.main-content[data-astro-cid-j7pv25f6]{padding:0;background:var(--light-gray);min-height:100vh;height:100vh;overflow:hidden;display:flex;flex-direction:column}.section-header[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:var(--spacing-xxl)}.section-title[data-astro-cid-j7pv25f6]{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--primary-blue);margin:0 0 var(--spacing-lg) 0}.section-description[data-astro-cid-j7pv25f6]{font-size:1.125rem;color:var(--text-gray);line-height:1.6;max-width:800px;margin:0 auto}.main-footer[data-astro-cid-j7pv25f6]{background:var(--primary-blue);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.footer-content[data-astro-cid-j7pv25f6]{width:1500px;max-width:1500px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-text[data-astro-cid-j7pv25f6]{margin:0;font-size:.875rem;opacity:.9}@media (max-width: 768px){.nav-row[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.user-actions[data-astro-cid-j7pv25f6]{align-self:flex-end}.section-title[data-astro-cid-j7pv25f6]{font-size:1.75rem}}@media (prefers-reduced-motion: reduce){[data-astro-cid-j7pv25f6],[data-astro-cid-j7pv25f6]:before,[data-astro-cid-j7pv25f6]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}