@font-face{font-family:PT Root UI;src:url(/fonts/pt-root-ui_regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Root UI;src:url(/fonts/pt-root-ui_medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PT Root UI;src:url(/fonts/pt-root-ui_bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;--background:#fff;--surface:#fff;--surface-secondary:#f8f8f8;--surface-tertiary:#f2f2f2;--border:#e4e4e4;--border-strong:#d4d4d4;--text:#171717;--muted:#515151;--subtle:#a4a4a4;--accent:#4d925b;--accent-hover:#338243;--accent-soft:#cce0d0;--accent-text:#1a732c;--danger:#a63f36;background:#fff;font-family:PT Root UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:0 40px}.content{padding:44px 0 64px}.breadcrumbs{min-width:0;overflow:hidden}.breadcrumbs ol{scrollbar-width:none;align-items:center;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.breadcrumbs ol::-webkit-scrollbar{display:none}.breadcrumbs li{color:var(--muted);white-space:nowrap;flex:none;align-items:center;font-size:13px;line-height:18px;display:flex}.breadcrumbs li svg{width:14px;height:14px;color:var(--subtle);margin:0 6px}.breadcrumbs a,.breadcrumbs [aria-current=page]{border-radius:4px;padding:3px 1px}.breadcrumbs [aria-current=page]{color:var(--text)}.breadcrumbs a:hover{color:var(--accent-text)}.heading-row{justify-content:space-between;align-items:center;gap:24px;min-height:52px;margin:20px 0 28px;display:flex}.page-title{min-width:0}.page-title h1{max-width:100%;color:var(--text);letter-spacing:-.2px;text-overflow:ellipsis;margin:0;font-size:30px;font-weight:400;line-height:38px;overflow:hidden}.heading-actions{flex:none;align-items:center;gap:8px;display:flex}.view-switcher{border:1px solid var(--border);background:var(--surface-secondary);border-radius:8px;padding:3px;display:inline-flex}.view-switcher button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:background .14s,color .14s,box-shadow .14s;display:grid}.view-switcher button svg{stroke-width:1.8px;width:17px;height:17px}.view-switcher button:hover,.view-switcher button.active{background:var(--surface);color:var(--text)}.view-switcher button.active{box-shadow:0 1px 3px #1717171a}.file-table{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.file-table ul{margin:0;padding:0;list-style:none}.table-head{border-bottom:1px solid var(--border);background:var(--surface-secondary);grid-template-columns:minmax(240px,1fr) 120px 160px 90px;align-items:center;min-height:44px;padding:0 16px;display:grid}.sort-button{min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:5px;padding:7px 0;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.sort-button:hover,.sort-button.active{color:var(--text)}.sort-button svg{width:13px;height:13px;color:var(--subtle);stroke-width:1.8px}.sort-button.active svg{color:var(--accent)}.entry-row{border-bottom:1px solid var(--border);transition:background .13s;position:relative}.entry-row:last-child{border-bottom:0}.entry-row:hover,.entry-row:focus-within{background:var(--surface-secondary)}.entry-main{grid-template-columns:minmax(240px,1fr) 120px 160px 90px;align-items:center;min-height:68px;padding:0 16px;display:grid}.name-cell{text-align:left;align-items:center;min-width:0;padding-right:24px;display:flex}.file-preview{border:1px solid var(--border);background:var(--surface-tertiary);color:var(--muted);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.preview-fallback{place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.file-preview img,.file-preview video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .16s;display:block;position:absolute;inset:0}.file-preview.preview-ready img,.file-preview.preview-ready video{opacity:1}.file-preview.preview-ready .preview-fallback{opacity:0}.preview-list{border-radius:8px;width:42px;height:42px;margin-right:12px}.preview-list svg{stroke-width:1.6px;width:20px;height:20px}.folder-preview{color:var(--accent-text);background:#e6efe8;border-color:#b3d0b9}.entry-name{color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;overflow:hidden}.entry-meta{color:var(--muted);font-variant-numeric:tabular-nums;text-align:left;font-size:12px;line-height:16px}.row-actions{z-index:3;justify-content:flex-start;align-items:center;gap:4px;width:90px;display:flex;position:absolute;top:0;bottom:0;right:16px}.copy-button,.row-open-button,.row-download-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;transition:background .13s,color .13s,border-color .13s,transform .13s;display:grid}.copy-button svg{stroke-width:1.7px;width:16px;height:16px}.row-open-button svg,.row-download-button svg{stroke-width:1.7px;width:17px;height:17px}.copy-button:hover,.row-open-button:hover,.row-download-button:hover{border-color:var(--border);background:var(--surface);color:var(--accent-text)}.row-open-button:hover svg{transform:translate(1px)}.copy-feedback{z-index:4;color:#fff;pointer-events:none;opacity:0;background:#171717;border-radius:6px;width:max-content;max-width:190px;padding:7px 9px;font-size:12px;line-height:16px;transition:opacity .13s,transform .13s;position:absolute;bottom:calc(100% - 5px);right:42px;transform:translateY(3px)}.copy-feedback.visible{opacity:1;transform:translateY(0)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tile-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0;transition:border-color .14s,box-shadow .14s,transform .14s;position:relative;overflow:hidden}.tile-card:hover,.tile-card:focus-within{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 8px 24px #17171712}.tile-main{min-width:0;display:block}.preview-tile{aspect-ratio:4/3;border:0;border-bottom:1px solid var(--border);border-radius:0;width:100%}.preview-tile svg{stroke-width:1.35px;width:40px;height:40px}.tile-details{text-align:left;min-width:0;padding:13px 76px 14px 14px;display:block}.tile-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;display:block;overflow:hidden}.tile-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;line-height:16px;display:block;overflow:hidden}.tile-chevron{width:17px;height:17px;color:var(--subtle);position:absolute;bottom:22px;right:12px}.tile-copy-button{position:absolute;top:auto;bottom:14px;right:44px}.tile-download-button{width:32px;height:32px;color:var(--muted);border:1px solid #0000;border-radius:6px;place-items:center;display:grid;position:absolute;bottom:14px;right:8px}.tile-download-button:hover{border-color:var(--border);background:var(--surface-secondary);color:var(--accent-text)}.tile-download-button svg{stroke-width:1.7px;width:17px;height:17px}.tile-card .copy-feedback{bottom:54px;right:8px}.viewer-shell{display:block}.viewer-page{padding:32px 0 56px}.viewer-heading{grid-template-columns:150px minmax(0,1fr) 190px;align-items:center;gap:20px;min-height:42px;margin-bottom:24px;display:grid}.viewer-heading h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:20px;font-weight:500;line-height:28px;overflow:hidden}.viewer-back,.viewer-download{color:var(--muted);align-items:center;gap:7px;font-size:14px;line-height:18px;display:inline-flex}.viewer-back{justify-self:start}.viewer-download{justify-self:end}.viewer-back:hover,.viewer-download:hover{color:var(--accent-text)}.viewer-back svg,.viewer-download svg{stroke-width:1.7px;width:17px;height:17px}.viewer-player{background:#171717;border-radius:12px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.viewer-player video{z-index:1;background:#171717;width:100%;max-height:calc(100vh - 150px);display:block}.viewer-loading{color:#a4a4a4;font-size:14px;position:absolute}.viewer-error{z-index:2;color:#fff;text-align:center;background:#171717;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.viewer-error svg{color:#99c1a1;stroke-width:1.5px;width:30px;height:30px;margin-bottom:16px}.viewer-error h2{margin:0;font-size:18px;font-weight:500;line-height:24px}.viewer-error p{color:#a4a4a4;max-width:520px;margin:8px 0 0;font-size:14px;line-height:20px}.state-panel{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:40px 20px;display:flex}.state-panel>svg{width:32px;height:32px;color:var(--subtle);stroke-width:1.5px;margin-bottom:17px}.state-panel h2{margin:0;font-size:18px;font-weight:500;line-height:24px}.state-panel p{max-width:470px;color:var(--muted);margin:9px 0 0;font-size:14px;line-height:20px}.state-panel code{color:var(--danger);margin-top:10px;font-size:12px}.error-state>svg{color:var(--danger)}.primary-button{border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:7px;margin-top:21px;padding:0 15px;font-size:13px}.primary-button:hover{background:var(--surface-secondary)}.loading-state{min-height:352px}.skeleton-row{border-bottom:1px solid var(--border);align-items:center;gap:13px;min-height:68px;padding:0 16px;display:flex}.skeleton{background:linear-gradient(90deg,#f2f2f2 25%,#e4e4e4 50%,#f2f2f2 75%) 0 0/200% 100%;border-radius:5px;animation:1.35s linear infinite shimmer;display:block}.skeleton-icon{border-radius:8px;width:42px;height:42px}.skeleton-name{width:min(300px,45%);height:12px}.skeleton-meta{width:90px;height:10px;margin-left:auto;margin-right:140px}.app-footer{border-top:1px solid var(--border);min-height:72px;color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font-size:11px;line-height:16px;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=720px){.app-shell{padding:0 18px}.content{padding:24px 0 48px}.heading-row{align-items:flex-start;margin:16px 0 22px}.page-title h1{font-size:22px;line-height:28px}.heading-actions{gap:6px}.table-head{grid-template-columns:1fr 1fr 1fr;gap:4px;min-height:46px;padding:4px 10px}.table-head>span{display:none}.sort-button{justify-content:flex-start;font-size:11px}.entry-main{grid-template-rows:42px 20px;grid-template-columns:minmax(0,1fr);min-height:76px;padding:7px 78px 7px 11px}.name-cell{grid-area:1/1;padding-right:8px}.preview-list{width:38px;height:38px;margin-right:10px}.entry-name{font-size:13px}.size-cell,.date-cell{grid-row:2;font-size:11px}.size-cell{grid-column:1;padding-left:48px}.date-cell{grid-column:1;margin-left:118px}.date-cell:before{content:"· ";color:var(--subtle)}.folder-row .entry-meta{display:none}.row-actions{width:70px;right:8px}.copy-feedback{right:8px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-details{padding:11px 62px 12px 11px}.tile-name{font-size:13px}.tile-meta{font-size:11px}.tile-copy-button{bottom:10px;right:40px}.tile-download-button{bottom:10px;right:4px}.tile-chevron{bottom:18px;right:8px}.viewer-page{padding:18px 0 32px}.viewer-heading{grid-template-columns:1fr auto;gap:12px;margin-bottom:18px}.viewer-heading h1{text-align:left;grid-area:2/1/auto/-1;font-size:18px;line-height:24px}.viewer-download{grid-area:1/2}.viewer-player{border-radius:8px;min-height:220px}.viewer-player video{max-height:calc(100vh - 140px)}.skeleton-meta{margin-right:0}.app-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:82px}}@media (width<=420px){.heading-row{flex-direction:column}.heading-actions{justify-content:flex-end;width:100%}.tile-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}