:root{--bg-color:#0b0c10;--sidebar-bg:#111217;--text-primary:#e0e0e0;--text-secondary:#8c8c8c;--accent:#2b70c9;--hover-bg:#1f2129;--border-color:#22242b}body,html{background-color:var(--bg-color);color:var(--text-primary);height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}#sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:380px;min-width:250px;display:flex;overflow-y:auto}#sidebar-header{border-bottom:1px solid var(--border-color);letter-spacing:-.01em;color:#fff;background-color:#0a0a0c;padding:24px;font-size:1.15rem;font-weight:700;line-height:1.4}#file-tree{flex:1;padding:16px 0}.folder>.folder-name{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;align-items:center;padding:8px 24px;font-size:14px;font-weight:400;transition:background-color .15s;display:flex}.folder>.folder-name:hover{background-color:var(--hover-bg)}.folder-contents .folder>.folder-name{font-size:13px;font-weight:400}.folder-name:before{content:"▶";color:var(--text-secondary);margin-right:10px;font-size:.6rem;transition:transform .2s}.folder.open>.folder-name:before{transform:rotate(90deg)}.folder-contents{padding-left:20px;display:none}.folder.open>.folder-contents{animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.file{cursor:pointer;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;padding:7px 24px 7px 44px;font-size:13px;font-weight:400;transition:all .15s;overflow:hidden}.file:hover{background-color:var(--hover-bg);color:#fff}.file.active{background-color:var(--accent);color:#fff;border-left:3px solid #fff}#main-view{background-color:var(--bg-color);flex-direction:column;flex:1;min-width:0;display:flex}#file-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);background-color:#0d0d12;align-items:center;padding:24px;font-size:1.05rem;font-weight:500;display:flex}#content-pane{flex:1;padding:40px;overflow-y:auto}#content-pane img{border:1px solid #ffffff1a;border-radius:8px;max-width:100%;box-shadow:0 10px 30px #00000080}#content-pane pre{white-space:pre-wrap;word-wrap:break-word;color:#d1d5db;border:1px solid var(--border-color);background-color:#111217;border-radius:8px;width:100%;max-width:900px;padding:30px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:13px;line-height:1.6;box-shadow:0 4px 15px #0003}iframe{background:#fff;border:none;border-radius:8px;width:100%;height:calc(100vh - 140px);box-shadow:0 4px 15px #0000004d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3a3f4e}