.editor-container{width:100%;height:100%;position:relative;overflow:auto}.file-info-header{z-index:150;pointer-events:none;background-color:#0000;border-bottom:1px solid #e2e8f0;justify-content:flex-end;align-items:center;height:40px;padding:.5rem;transition:opacity .3s;display:flex;position:fixed;top:0;left:0;right:0}.file-info-header.visible{opacity:1}.file-info-header.hidden{opacity:0;pointer-events:none}.file-info-header h2{pointer-events:auto;background-color:#f8fafccc;border-radius:.25rem;margin-left:auto;margin-right:1rem;padding:.25rem .5rem;box-shadow:0 1px 2px #0000001a}@media (prefers-color-scheme:dark){.file-info-header h2{background-color:#1e293bcc}.file-info-header{background-color:#1e293b;border-color:#334155}}:root{--vditor-toolbar-height:40px}.vditor-toolbar{z-index:100!important;opacity:1!important;visibility:visible!important;will-change:transform!important;backface-visibility:hidden!important;background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;flex-wrap:wrap!important;padding-right:120px!important;transition:none!important;animation:none!important;display:flex!important;position:sticky!important;top:0!important;transform:translateZ(0)!important;box-shadow:0 2px 4px #0000000d!important}@media (prefers-color-scheme:dark){.vditor-toolbar{background-color:#1e293b!important;border-color:#334155!important}}.vditor-content{will-change:transform!important;backface-visibility:hidden!important;margin-top:0!important;padding-top:10px!important;transition:none!important;animation:none!important;overflow:auto!important}.vditor{height:100%!important;transition:none!important;animation:none!important;position:relative!important}.editor-container .vditor{border:none!important}.vditor-toolbar{flex-wrap:wrap!important;display:flex!important}.vditor-wysiwyg,.vditor-ir,.vditor-sv{transition:none!important;animation:none!important}.vditor-reset{margin-top:0!important;transition:none!important;animation:none!important}.flex-1.h-full{position:relative;overflow:hidden}.directory-viewer{--transition-speed:.2s;--primary-color:#3b82f6;--primary-light:#93c5fd;--primary-dark:#1d4ed8;--accent-color:#f59e0b;--gray-light:#f3f4f6;--gray-medium:#9ca3af;--gray-dark:#374151;background-color:#fff;width:100%;height:100%;padding:1.5rem!important}.breadcrumb-item{transition:all var(--transition-speed)ease;border-radius:.375rem;font-size:.95rem;font-weight:500;position:relative;padding:.5rem .75rem!important}.breadcrumb-item:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.breadcrumb-separator{color:var(--gray-medium);font-size:1.2rem;position:relative;top:-1px;margin:0 .5rem!important}.breadcrumbs-container{background-color:var(--gray-light);border:1px solid #0000000d;border-radius:.75rem!important;margin-bottom:2rem!important;padding:1rem!important;box-shadow:0 4px 6px #0000000d!important}.directory-item{cursor:pointer;user-select:none;transition:all var(--transition-speed)cubic-bezier(.4,0,.2,1);position:relative;border:1px solid #e5e7eb!important;box-shadow:0 2px 5px #0000001a!important}.directory-item:before{content:"";background-color:var(--primary-color);width:0;height:3px;transition:width var(--transition-speed)ease;z-index:10;position:absolute;bottom:0;left:0}.directory-item:hover{transform:translateY(-5px)!important;box-shadow:0 10px 15px #0000001a!important}.directory-item:hover:before{width:100%}.directory-item .item-icon{justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0000000d;border-radius:8px!important;width:48px!important;height:48px!important;margin-right:16px!important;font-size:1.5rem!important}.list-view{transition:all var(--transition-speed)ease;overflow:hidden;border:1px solid #0000000d!important;border-radius:.75rem!important;box-shadow:0 4px 8px #0000001a!important}.list-header{z-index:10;text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:sticky;top:0;background-color:#f9fafb!important;border-bottom:2px solid #0000000d!important;padding:1rem 1.25rem!important;font-size:.95rem!important}.list-item{cursor:pointer;transition:all var(--transition-speed)ease;position:relative;padding:.75rem 1.25rem!important}.list-item:hover{background-color:#3b82f60d!important}.list-item:before{content:"";background-color:var(--primary-color);width:0;transition:width var(--transition-speed)ease;position:absolute;top:0;bottom:0;left:0}.list-item:hover:before{width:4px!important}.list-item .truncate{color:#111827!important;font-size:1rem!important;font-weight:500!important}.list-item:nth-child(2n){background-color:#f9fafb80!important}.item-icon{transition:transform var(--transition-speed)ease}.directory-item:hover .item-icon{transform:scale(1.1)}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-container{min-height:200px}.loading-spinner .animate-spin{border-color:var(--primary-color)transparent transparent;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-directory{transition:all var(--transition-speed)ease}.empty-directory:hover{transform:scale(1.02)}.view-toggle button{transition:all var(--transition-speed)ease}.view-toggle button:hover{transform:translateY(-1px)}.directory-stats{transition:all var(--transition-speed)ease;background-color:var(--gray-light);color:var(--gray-dark);border-radius:9999px;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.875rem;display:inline-flex}.directory-stats:hover{background-color:var(--primary-light);color:var(--primary-dark);transform:scale(1.05)}.directory-header h1{align-items:center;display:inline-flex;position:relative;color:#1f2937!important;font-size:2rem!important;font-weight:700!important}.directory-header h1:after{content:"";background-color:var(--accent-color);width:0;height:3px;transition:width var(--transition-speed)ease;border-radius:3px;position:absolute;bottom:-8px;left:0}.directory-header h1:hover:after{width:100%}.directory-header{justify-content:space-between;align-items:center;display:flex;border-bottom:2px solid #d1d5dbcc!important;margin-bottom:2rem!important;padding-bottom:1.5rem!important}.directory-icon{background-color:#fbbf241a;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;animation:2s infinite pulse;display:inline-flex;box-shadow:0 2px 8px #fbbf2433;margin-right:1rem!important;font-size:2.5rem!important}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (prefers-color-scheme:dark){.directory-item:before{background-color:#60a5fa}}@media (width<=640px){.directory-header{flex-direction:column;align-items:flex-start}.directory-stats{margin-top:8px}}.markdown-preview{color:var(--gray-dark);line-height:1.6}.markdown-preview h1{border-bottom:1px solid var(--gray-light);margin:1.5rem 0 1rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:700}.markdown-preview h2{margin:1.4rem 0 .8rem;font-size:1.5rem;font-weight:600}.markdown-preview h3{margin:1.2rem 0 .6rem;font-size:1.3rem;font-weight:600}.markdown-preview p{margin:.8rem 0}.markdown-preview li{margin:.4rem 0 .4rem 1.5rem;list-style-type:disc}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fixed.inset-0.bg-black.bg-opacity-50{animation:.2s ease-out backdropFadeIn}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.fixed.inset-0.bg-black.bg-opacity-50>div{animation:.3s ease-out modalFadeIn}.navigator{z-index:50;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;height:48px;padding:.5rem 1rem;display:flex;position:relative}.navigator-controls{align-items:center;gap:.5rem;width:100%;display:flex}.navigator-button{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.navigator-button:hover:not(.disabled){background-color:#f3f4f6;border-color:#d1d5db}.navigator-button.disabled{opacity:.5;cursor:not-allowed}.navigator-dropdown-container{flex:1;position:relative}.navigator-dropdown-button{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:32px;padding:0 .75rem;font-size:.875rem;transition:all .2s;display:flex}.navigator-dropdown-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.navigator-current{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:.5rem;font-weight:500;overflow:hidden}.navigator-dropdown-arrow{color:#6b7280;font-size:.75rem}.navigator-dropdown{z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-direction:column;max-height:400px;margin-top:.25rem;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.navigator-tabs{border-bottom:1px solid #e5e7eb;display:flex}.navigator-tab{text-align:center;color:#6b7280;cursor:pointer;background-color:#f9fafb;border:none;flex:1;padding:.5rem;font-size:.875rem;transition:all .2s}.navigator-tab:hover:not(.active){background-color:#f3f4f6}.navigator-tab.active{color:#2563eb;background-color:#fff;border-bottom:2px solid #2563eb;font-weight:500}.navigator-content{max-height:350px;overflow-y:auto}.navigator-list{flex-direction:column;display:flex}.navigator-item{text-align:left;cursor:pointer;background-color:#0000;border:none;border-bottom:1px solid #f3f4f6;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.navigator-item:hover{background-color:#f3f4f6}.navigator-item.active{color:#2563eb;background-color:#eff6ff}.navigator-item-icon{margin-right:.5rem;font-size:1rem}.navigator-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;overflow:hidden}.navigator-item-time{color:#9ca3af;margin-left:.5rem;font-size:.75rem}.navigator-tree{flex-direction:column;display:flex}.navigator-tree-group{margin-bottom:.5rem}.navigator-tree-header{color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.navigator-tree-items{padding-left:.5rem}.navigator-empty{text-align:center;color:#9ca3af;padding:1rem;font-size:.875rem}@media (prefers-color-scheme:dark){.navigator{background-color:#1f2937;border-color:#374151}.navigator-button,.navigator-dropdown-button{color:#e5e7eb;background-color:#374151;border-color:#4b5563}.navigator-button:hover:not(.disabled),.navigator-dropdown-button:hover{background-color:#4b5563;border-color:#6b7280}.navigator-dropdown{background-color:#1f2937;border-color:#374151;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.navigator-tab{color:#9ca3af;background-color:#111827}.navigator-tab:hover:not(.active){background-color:#1f2937}.navigator-tab.active{color:#60a5fa;background-color:#1f2937;border-color:#60a5fa}.navigator-item:hover{background-color:#374151}.navigator-item.active{color:#60a5fa;background-color:#1e3a8a}.navigator-tree-header{color:#9ca3af;background-color:#111827;border-color:#374151}.navigator-item{border-color:#1f2937}}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:row;width:100%;height:100%;display:flex}.resizing{cursor:col-resize!important;user-select:none!important}.resizing *{user-select:none!important;pointer-events:none!important}.group:hover .w-1.h-8.bg-primary{animation:1.5s infinite pulse}