.pnpnd-file_list{--bg-page:#0f1117;--bg-primary:#161922;--bg-secondary:#1e222d;--bg-tertiary:#252a38;--bg-hover:#1e222d;--border-primary:#2a2f3e;--border-hover:var(--pnpnd-primary);--text-primary:#f0f2f5;--text-secondary:#c9cdd5;--text-muted:#8b919e;--text-dim:#5c6270;--accent-primary:var(--pnpnd-primary);--accent-success:var(--pnpnd-success);--accent-warning:var(--pnpnd-warning);--accent-danger:var(--pnpnd-error);--color-document:#4f8cff;--color-image:#f5a623;--color-video:#e84855;--color-audio:#a855f7;--color-archive:#10b981;--color-code:#06b6d4;--color-spreadsheet:#22c55e;--color-presentation:#f97316;--color-folder:#eab308;--shadow-dropdown:0 8px 24px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-spring:200ms cubic-bezier(0.16,1,0.3,1)}.pnpnd-file_list[pnpnd-theme-status=light]{--bg-page:#f5f7fa;--bg-primary:#fff;--bg-secondary:#f8f9fb;--bg-tertiary:#eef1f5;--bg-hover:#f0f3f7;--border-primary:#e2e5eb;--border-hover:var(--pnpnd-primary);--text-primary:#1a1d24;--text-secondary:#3d4351;--text-muted:#6b7280;--text-dim:#9ca3af;--shadow-dropdown:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08)}.pnpnd-file_list .pnpnd-file-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.pnpnd-file_list .pnpnd-file-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pnpnd-file_list .pnpnd-file-icon--sm{height:32px;width:32px}.pnpnd-file_list .pnpnd-file-icon--md{height:40px;width:40px}.pnpnd-file_list .pnpnd-file-icon--lg{height:56px;width:56px}.pnpnd-file_list .pnpnd-file-icon--document{background-color:rgba(79,140,255,.15);color:var(--color-document)}.pnpnd-file_list .pnpnd-file-icon--document img{height:80%;-o-object-fit:contain;object-fit:contain;width:80%}.pnpnd-file_list .pnpnd-file-icon--image{background-color:rgba(245,166,35,.15);color:var(--color-image)}.pnpnd-file_list .pnpnd-file-icon--audio{background-color:rgba(168,85,247,.15);color:var(--color-audio)}.pnpnd-file_list .pnpnd-file-icon--audio img{height:80%;-o-object-fit:contain;object-fit:contain;width:80%}.pnpnd-file_list .pnpnd-file-icon--video{background-color:rgba(232,72,85,.15);color:var(--color-video)}.pnpnd-file_list .pnpnd-file-icon--archive{background-color:rgba(16,185,129,.15);color:var(--color-archive)}.pnpnd-file_list .pnpnd-file-icon--archive img{height:80%;-o-object-fit:contain;object-fit:contain;width:80%}.pnpnd-file_list .pnpnd-file-icon--code{background-color:rgba(6,182,212,.15);color:var(--color-code)}.pnpnd-file_list .pnpnd-file-icon--code img{height:80%;-o-object-fit:contain;object-fit:contain;width:80%}.pnpnd-file_list .pnpnd-file-icon--spreadsheet{background-color:rgba(34,197,94,.15);background-color:rgba(249,115,22,.15);color:var(--color-spreadsheet);color:var(--color-presentation)}.pnpnd-file_list .pnpnd-file-icon--spreadsheet img{height:80%;-o-object-fit:contain;object-fit:contain;width:80%}.pnpnd-file_list .pnpnd-file-icon--folder{background-color:rgba(79,140,255,.15);color:var(--color-folder)}.pnpnd-file_list .pnpnd-file-icon--folder img{height:80%;-o-object-fit:contain;object-fit:contain;width:80%}.pnpnd-file_list .pnpnd-file-actions{align-items:center;display:flex;gap:4px;opacity:1;transition:opacity var(--transition-fast)}.pnpnd-file_list .pnpnd-file-actions--visible{opacity:1}.pnpnd-file_list .pnpnd-file-actions__btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.pnpnd-file_list .pnpnd-file-actions__btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pnpnd-file_list .pnpnd-file-actions__btn--danger:hover{background:rgba(232,72,85,.15);color:var(--accent-danger)}.pnpnd-file_list .pnpnd-file-actions__btn svg{height:14px;width:14px}.pnpnd-file_list .pnpnd-file-actions__btn--menu{transition:all var(--transition-normal)}.pnpnd-file_list .pnpnd-file-actions__btn--active{background:var(--bg-tertiary);color:var(--accent-primary);transform:rotate(90deg)}.pnpnd-file_list .pnpnd-file-actions__dropdown-wrapper{position:relative}.pnpnd-file_list .pnpnd-file-actions__dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-dropdown);min-width:180px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-8px) scale(.95);transform-origin:top right;transition:all var(--transition-spring);visibility:hidden;z-index:9999}.pnpnd-file_list .pnpnd-file-actions__dropdown--open{opacity:1;transform:translateY(0) scale(1);visibility:visible}.pnpnd-file_list .pnpnd-file-actions__dropdown--open .pnpnd-file-actions__dropdown-item{animation:slideIn .2s ease forwards}.pnpnd-file_list .pnpnd-file-actions__dropdown-content{padding:6px}.pnpnd-file_list .pnpnd-file-actions__dropdown-item{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;opacity:0;padding:10px 12px;text-align:left;transform:translateX(-8px);transition:all var(--transition-fast);width:100%}.pnpnd-file_list .pnpnd-file-actions__dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pnpnd-file_list .pnpnd-file-actions__dropdown-item--danger{color:var(--accent-danger)}.pnpnd-file_list .pnpnd-file-actions__dropdown-item--danger:hover{background:rgba(232,72,85,.15);color:var(--accent-danger)}.pnpnd-file_list .pnpnd-file-actions__dropdown-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.pnpnd-file_list .pnpnd-file-actions__dropdown-label{flex:1;white-space:nowrap}.pnpnd-file_list .pnpnd-file-actions__dropdown-separator{background:var(--border-primary);height:1px;margin:6px 0}@media(max-width:768px){.pnpnd-file_list .pnpnd-file-actions__btn--direct{display:none}}@media(min-width:769px){.pnpnd-file_list .pnpnd-file-actions__btn--menu-mobile-only,.pnpnd-file_list .pnpnd-file-actions__dropdown-item--mobile-only,.pnpnd-file_list .pnpnd-file-actions__dropdown-separator--mobile-only{display:none}}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.pnpnd-file_list .pnpnd-file-list{border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;gap:1px}.pnpnd-file_list .pnpnd-file-list__header{align-items:center;background:var(--bg-secondary);border-radius:10px 10px 0 0;color:var(--text-dim);display:flex;font-size:12px;font-weight:500;justify-content:space-between;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.pnpnd-file_list .pnpnd-file-list__header-col{flex-shrink:0}.pnpnd-file_list .pnpnd-file-list__header-col--name{flex:1}.pnpnd-file_list .pnpnd-file-list__header-col--size,.pnpnd-file_list .pnpnd-file-list__header-col--type{text-align:center;width:100px}.pnpnd-file_list .pnpnd-file-list__header-col--date{text-align:center;width:120px}.pnpnd-file_list .pnpnd-file-list__header-col--actions{text-align:center;width:100px}@media(max-width:768px){.pnpnd-file_list .pnpnd-file-list__header-col--date,.pnpnd-file_list .pnpnd-file-list__header-col--size,.pnpnd-file_list .pnpnd-file-list__header-col--type{display:none}.pnpnd-file_list .pnpnd-file-list__header-col--actions{text-align:right;width:auto}}.pnpnd-file_list .pnpnd-file-list__item{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background var(--transition-fast)}.pnpnd-file_list .pnpnd-file-list__item:last-child{border-bottom:none}.pnpnd-file_list .pnpnd-file-list__item:hover{background:var(--pnpnd-primary-extralight)}.pnpnd-file_list .pnpnd-file-list__item:hover .pnpnd-file-actions{opacity:1}.pnpnd-file_list .pnpnd-file-list__name{align-items:center;display:flex;flex:1;gap:12px;min-width:0}.pnpnd-file_list .pnpnd-file-list__name span{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnpnd-file_list .pnpnd-file-list__size,.pnpnd-file_list .pnpnd-file-list__type{color:var(--text-muted);font-size:13px;text-align:center;width:100px}.pnpnd-file_list .pnpnd-file-list__date{color:var(--text-muted);font-size:13px;text-align:center;width:120px}.pnpnd-file_list .pnpnd-file-list__actions{display:flex;justify-content:center;width:100px}.pnpnd-file_list .pnpnd-file-list__actions-desktop{display:flex}.pnpnd-file_list .pnpnd-file-list__actions-mobile{display:none}@media(max-width:768px){.pnpnd-file_list .pnpnd-file-list__actions-desktop{display:none}.pnpnd-file_list .pnpnd-file-list__actions-mobile{display:flex}.pnpnd-file_list .pnpnd-file-list__item{align-items:center;-moz-column-gap:8px;column-gap:8px;flex-wrap:wrap;justify-content:flex-start;padding:12px 48px 12px 64px;position:relative;row-gap:4px}.pnpnd-file_list .pnpnd-file-list__name{display:contents}.pnpnd-file_list .pnpnd-file-list__name span{flex:1 1 100%;min-width:0;order:1}.pnpnd-file_list .pnpnd-file-list__name .pnpnd-file-icon{left:16px;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.pnpnd-file_list .pnpnd-file-list__date,.pnpnd-file_list .pnpnd-file-list__size,.pnpnd-file_list .pnpnd-file-list__type{display:block;flex:0 0 auto;min-width:0;order:2;text-align:left;white-space:nowrap;width:auto}.pnpnd-file_list .pnpnd-file-list__type{order:3}.pnpnd-file_list .pnpnd-file-list__date{order:4}.pnpnd-file_list .pnpnd-file-list__size~.pnpnd-file-list__date:before,.pnpnd-file_list .pnpnd-file-list__size~.pnpnd-file-list__type:before,.pnpnd-file_list .pnpnd-file-list__type~.pnpnd-file-list__date:before{content:"•";margin-right:8px}.pnpnd-file_list .pnpnd-file-list__actions{align-items:center;bottom:0;justify-content:flex-end;position:absolute;right:8px;top:0;width:auto}.pnpnd-file_list .pnpnd-show-full-name .pnpnd-file-compact__name,.pnpnd-file_list .pnpnd-show-full-name .pnpnd-file-gallery__name,.pnpnd-file_list .pnpnd-show-full-name .pnpnd-file-grid__name,.pnpnd-file_list .pnpnd-show-full-name .pnpnd-file-list__name span,.pnpnd-file_list .pnpnd-show-full-name .pnpnd-file-table__name-cell span,.pnpnd-file_list .pnpnd-show-full-name .pnpnd-file-timeline__name{overflow:visible;text-overflow:clip;white-space:normal;word-wrap:anywhere;word-break:break-word}}.pnpnd-file_list .pnpnd-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px}@media(max-width:768px){.pnpnd-file_list .pnpnd-file-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pnpnd-file_list .pnpnd-file-grid{gap:12px;grid-template-columns:1fr}}.pnpnd-file_list .pnpnd-file-grid__item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;max-width:100%;min-width:0;padding:16px;position:relative;transition:all var(--transition-normal)}.pnpnd-file_list .pnpnd-file-grid__item:hover{background:var(--pnpnd-primary-extralight);border-color:var(--border-hover)}.pnpnd-file_list .pnpnd-file-grid__item:hover .pnpnd-file-actions{opacity:1}.pnpnd-file_list .pnpnd-file-grid__item.pnpnd-is-active{z-index:10}.pnpnd-file_list .pnpnd-file-grid__icon{margin-bottom:12px}.pnpnd-file_list .pnpnd-file-grid__info{flex:1}.pnpnd-file_list .pnpnd-file-grid__name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnpnd-file_list .pnpnd-file-grid__meta{color:var(--text-muted);font-size:12px}.pnpnd-file_list .pnpnd-file-grid__footer{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.pnpnd-file_list .pnpnd-file-grid__date{color:var(--text-dim);font-size:11px}.pnpnd-file_list .pnpnd-file-compact{border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column}.pnpnd-file_list .pnpnd-file-compact__item{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background var(--transition-fast)}.pnpnd-file_list .pnpnd-file-compact__item:last-child{border-bottom:none}.pnpnd-file_list .pnpnd-file-compact__item:hover{background:var(--pnpnd-primary-extralight)}.pnpnd-file_list .pnpnd-file-compact__item:hover .pnpnd-file-actions{opacity:1}.pnpnd-file_list .pnpnd-file-compact__left{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.pnpnd-file_list .pnpnd-file-compact__icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.pnpnd-file_list .pnpnd-file-compact__icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pnpnd-file_list .pnpnd-file-compact__name{color:var(--text-primary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnpnd-file_list .pnpnd-file-compact__right{align-items:center;display:flex;gap:12px}.pnpnd-file_list .pnpnd-file-compact__size{color:var(--text-dim);font-size:12px}.pnpnd-file_list .pnpnd-file-table__wrapper{border:1px solid var(--border-primary);border-radius:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.pnpnd-file_list .pnpnd-file-table{background:var(--bg-primary);border-collapse:collapse;width:100%}.pnpnd-file_list .pnpnd-file-table thead{background:var(--bg-secondary)}.pnpnd-file_list .pnpnd-file-table thead th{border-bottom:1px solid var(--border-primary);color:var(--text-dim);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.pnpnd-file_list .pnpnd-file-table thead th:first-child{padding-left:16px}.pnpnd-file_list .pnpnd-file-table thead th:last-child{padding-right:16px;width:80px}.pnpnd-file_list .pnpnd-file-table tbody tr{transition:background var(--transition-fast)}.pnpnd-file_list .pnpnd-file-table tbody tr:hover{background:var(--pnpnd-primary-extralight)}.pnpnd-file_list .pnpnd-file-table tbody tr:hover .pnpnd-file-actions{opacity:1}.pnpnd-file_list .pnpnd-file-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-primary)}.pnpnd-file_list .pnpnd-file-table tbody td{color:var(--text-muted);font-size:13px;padding:12px 16px;white-space:nowrap}.pnpnd-file_list .pnpnd-file-table tbody td:first-child{padding-left:16px}.pnpnd-file_list .pnpnd-file-table tbody td:last-child{padding-right:16px;width:80px}.pnpnd-file_list .pnpnd-file-table tbody td .pnpnd-file-actions{justify-content:start;min-width:auto;width:-moz-fit-content;width:fit-content}.pnpnd-file_list .pnpnd-file-table__name-cell{align-items:center;display:flex;gap:12px}.pnpnd-file_list .pnpnd-file-table__name-cell span{color:var(--text-primary);font-weight:500}.pnpnd-file_list .pnpnd-file-table__status{border-radius:999px;display:inline-flex;font-size:11px;font-weight:500;padding:4px 8px}.pnpnd-file_list .pnpnd-file-table__status--active,.pnpnd-file_list .pnpnd-file-table__status--synced{background:rgba(34,197,94,.15);color:var(--accent-success)}.pnpnd-file_list .pnpnd-file-table__status--pending{background:rgba(245,166,35,.15);color:var(--accent-warning)}.pnpnd-file_list .pnpnd-file-table__status--inactive,.pnpnd-file_list .pnpnd-file-table__status--local{background:rgba(92,98,112,.15);color:var(--text-muted)}.pnpnd-file_list .pnpnd-file-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px}@media(max-width:768px){.pnpnd-file_list .pnpnd-file-gallery{gap:12px;grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.pnpnd-file_list .pnpnd-file-gallery{gap:8px;grid-template-columns:repeat(2,1fr)}}.pnpnd-file_list .pnpnd-file-gallery__item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;max-width:100%;min-width:0;padding:16px 12px;transition:all var(--transition-normal)}.pnpnd-file_list .pnpnd-file-gallery__item:hover{background:var(--pnpnd-primary-extralight);border-color:var(--border-hover)}.pnpnd-file_list .pnpnd-file-gallery__item:hover .pnpnd-file-gallery__overlay{opacity:1}.pnpnd-file_list .pnpnd-file-gallery__preview{align-items:center;border-radius:6px;display:flex;height:64px;justify-content:center;margin-bottom:12px;position:relative;width:64px}.pnpnd-file_list .pnpnd-file-gallery__overlay{align-items:center;background:rgba(15,17,23,.8);border-radius:6px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}[data-theme=light] .pnpnd-file_list .pnpnd-file-gallery__overlay{background:hsla(0,0%,100%,.85)}.pnpnd-file_list .pnpnd-file-gallery__overlay button{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:transform var(--transition-fast);width:32px}.pnpnd-file_list .pnpnd-file-gallery__overlay button:hover{transform:scale(1.1)}.pnpnd-file_list .pnpnd-file-gallery__overlay button svg{height:14px;width:14px}.pnpnd-file_list .pnpnd-file-gallery__name{color:var(--text-primary);font-size:12px;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.pnpnd-file_list .pnpnd-file-gallery__size{color:var(--text-dim);font-size:11px;margin-top:4px}.pnpnd-file_list .pnpnd-file-timeline{display:flex;flex-direction:column;gap:24px}.pnpnd-file_list .pnpnd-file-timeline__group{display:flex;flex-direction:column;gap:8px}.pnpnd-file_list .pnpnd-file-timeline__date{border-bottom:1px solid var(--border-primary);color:var(--text-muted);font-size:13px;font-weight:600;margin-bottom:8px;padding-bottom:8px}.pnpnd-file_list .pnpnd-file-timeline__items{border-radius:8px;display:flex;flex-direction:column;gap:1px}.pnpnd-file_list .pnpnd-file-timeline__item{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background var(--transition-fast)}.pnpnd-file_list .pnpnd-file-timeline__item:last-child{border-bottom:none}.pnpnd-file_list .pnpnd-file-timeline__item:hover{background:var(--pnpnd-primary-extralight)}.pnpnd-file_list .pnpnd-file-timeline__item:hover .pnpnd-file-actions{opacity:1}.pnpnd-file_list .pnpnd-file-timeline__left{align-items:center;display:flex;flex:1;gap:12px;min-width:0}.pnpnd-file_list .pnpnd-file-timeline__info{flex:1;min-width:0}.pnpnd-file_list .pnpnd-file-timeline__name{color:var(--text-primary);font-size:14px;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnpnd-file_list .pnpnd-file-timeline__meta{align-items:center;color:var(--text-dim);display:flex;font-size:12px;gap:8px;margin-top:4px}.pnpnd-file_list .pnpnd-file-timeline__meta span:after{content:"·";font-weight:700;margin-left:8px}.pnpnd-file_list .pnpnd-file-timeline__meta span:last-child:after{content:""}.pnpnd-file_list .pnpnd-file-timeline__right{align-items:center;display:flex;gap:12px}.pnpnd-file_list .pnpnd-file-timeline__time{color:var(--text-dim);font-size:12px}