:root{color-scheme:light}*{box-sizing:border-box}html,body{background:#2b2b2b;margin:0}.page{min-height:100vh;background:#f6f7f9;color:#111;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:16px}.shell{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);overflow:hidden;box-shadow:0 8px 24px #0000000f}.header{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.title{font-weight:700;font-size:16px}.sub{font-size:13px;opacity:.85}.badge{font-size:12px;padding:6px 10px;border-radius:999px;background:#0000000d;border:1px solid rgba(0,0,0,.06);white-space:nowrap}.main{display:grid;grid-template-columns:320px 1fr;min-height:72vh}.sidebar{border-right:1px solid rgba(0,0,0,.08);padding:10px;overflow:auto;max-height:calc(100vh - 120px)}.viewer{position:relative;min-height:72vh;background:#fbfbfc}.fileRow{width:100%;text-align:left;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:12px;padding:10px;margin-bottom:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.fileRow.active{outline:2px solid rgba(0,0,0,.18);background:#f8f9fb}.fileName{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileMeta{font-size:12px;display:flex;justify-content:flex-start;align-items:center}.pill{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#0000000a}.viewerEmpty{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:16px;color:#000000b3;font-size:13px}.card{padding:20px}.cardTitle{font-weight:700;margin-bottom:8px}.cardText{font-size:13px;opacity:.8;line-height:1.5}.empty{padding:12px;opacity:.7;font-size:13px}.imgWrap{width:100%;height:100%;display:grid;place-items:center;padding:12px}.img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff}@media(max-width:900px){.main{grid-template-columns:1fr}.sidebar{max-height:none;border-right:none;border-bottom:1px solid rgba(0,0,0,.08)}.viewer{min-height:60vh}}.cf-sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.18) transparent}.cf-sidebar-scroll::-webkit-scrollbar{width:8px}.cf-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.cf-sidebar-scroll::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.cf-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#0f172a47;background-clip:padding-box}.cf-sidebar-scroll-dark{scrollbar-color:rgba(226,232,240,.18) transparent}.cf-sidebar-scroll-dark::-webkit-scrollbar-thumb{background:#e2e8f02e;background-clip:padding-box}.cf-sidebar-scroll-dark::-webkit-scrollbar-thumb:hover{background:#e2e8f047;background-clip:padding-box}