:root{--accent:#0061ff;--accent-hover:#0052d9;--accent-soft:#e8f0fe;--bg:#fff;--bg-subtle:#f7f9fc;--border:#e3e8ee;--text:#1e1f21;--text-muted:#6b7280;--danger:#d92d20;--danger-soft:#fdf1f0;--hover:#eef2f7;--progress-track:#d3e2fd;--overlay:#1e1f2166;--shadow:#1e1f211a;--accent-faint:#0061ff0d;--icon-folder:#8fb5f9;--icon-file:#7a8699;--icon-image:#58a06f;--icon-audio:#9b7fd4;--on-media:#fff;--scrim:#00000073;--video-tile:#2a2c31;--viewer-bg:#0d0e11;--viewer-text:#eef0f3;--viewer-muted:#9aa1ac;--viewer-chip:#ffffff1a;--viewer-chip-hover:#fff3;--viewer-accent:#6ba1ff;--viewer-panel:#16171bc7;--viewer-sheet:#16171bf5;--show-bg:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius:10px;--radius-small:8px}*{box-sizing:border-box}html,body,#root{height:100%}html{touch-action:pan-x pan-y}html.pinch-ok{touch-action:auto}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}button{font:inherit;color:inherit}.boot{justify-content:center;align-items:center;height:100vh;display:flex}.boot-error{border:1px solid var(--border);border-radius:var(--radius);max-width:420px;color:var(--danger);text-align:center;margin:20vh auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinner-small{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.btn{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-subtle)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.btn-danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn-small{padding:5px 11px;font-size:13px}.btn-block{width:100%}.btn-icon{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-subtle);color:var(--text)}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.link:hover{text-decoration:underline}.login-page{background:var(--bg-subtle);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;width:100%;max-width:400px;padding:36px}.login-brand{align-items:center;gap:10px;margin-bottom:22px;font-size:19px;font-weight:700;display:flex}.login-card h1{margin:0 0 20px;font-size:22px;font-weight:600}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card label{color:var(--text);flex-direction:column;gap:6px;font-weight:500;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.login-field-head label{font-weight:500}.login-field-head .link{font-size:13px}.login-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-card input{border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:var(--bg);padding:10px 12px}.login-card input:focus,.search-input:focus,.share-url:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.login-toggle{color:var(--text-muted);text-align:center;margin:20px 0 0}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-small);padding:10px 12px;font-size:13px}.layout{height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--bg-subtle);flex-direction:column;flex-shrink:0;width:232px;padding:20px 14px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;padding:4px 10px 20px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-link{border-radius:var(--radius-small);color:var(--text);padding:9px 12px;font-weight:500;text-decoration:none;display:block}.nav-link:hover{background:var(--hover)}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:auto;padding:12px 10px 0;display:flex}.usage{font-size:13px;font-weight:600}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-cell{align-items:center;gap:2px;min-width:0;display:flex}.account-who{flex-direction:column;min-width:0;display:flex}.account-contact{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-rename{flex-shrink:0;width:26px;height:26px}.invite-item{align-items:center;gap:6px;min-width:0;display:flex}.invite-item a{color:var(--accent);text-decoration:none}.invite-item a:hover{text-decoration:underline}.person-contact{color:var(--text-muted);margin-left:2px;font-weight:400}.sidebar-footer .btn-ghost{align-self:flex-start;margin-left:-10px;padding:6px 10px}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;font-size:17px;font-weight:600;display:flex}.crumb-group{align-items:center;gap:2px;display:inline-flex}.crumb{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:220px;padding:2px 6px;text-decoration:none;overflow:hidden}a.crumb:hover{background:var(--bg-subtle);color:var(--accent)}.crumb.current{color:var(--text)}.crumb-sep{color:var(--text-muted);font-weight:400}.topbar-actions{align-items:center;gap:10px;display:flex}.search-input{border:1px solid var(--border);border-radius:var(--radius-small);width:220px;font:inherit;background:var(--bg-subtle);padding:8px 12px}.upload-banner{border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:var(--radius-small);color:var(--accent);align-items:center;gap:10px;margin:14px 28px 0;padding:10px 14px;font-weight:500;display:flex}.upload-wait{flex-direction:column;flex:1;gap:2px;display:flex}.upload-wait-sub{color:var(--text-muted);font-size:13px;font-weight:400}.upload-progress{background:var(--progress-track);border-radius:3px;flex:1;min-width:80px;height:6px;overflow:hidden}.upload-progress-bar{background:var(--accent);border-radius:3px;height:100%;transition:width .2s}.error-banner{border-radius:var(--radius-small);background:var(--danger-soft);color:var(--danger);margin:14px 28px 0;padding:10px 14px}.file-area{flex:1;padding:8px 28px 28px;position:relative;overflow-y:auto}.file-area.drag-over:after{content:"";border:2px dashed var(--accent);border-radius:var(--radius);background:var(--accent-faint);pointer-events:none;position:absolute;inset:8px}.drop-hint{z-index:2;background:var(--accent);color:#fff;pointer-events:none;border-radius:999px;width:fit-content;margin:8px auto 0;padding:8px 18px;font-weight:600;position:sticky;top:8px}.file-table{border-collapse:collapse;width:100%}.file-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:14px 10px 10px;font-size:12px;font-weight:600}.file-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}.file-row:hover td{background:var(--bg-subtle)}.file-row.clickable .col-name{cursor:pointer}.name-cell{align-items:center;gap:12px;min-width:0;display:flex}.added-by{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0 34px;font-size:12px;overflow:hidden}.item-name{text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-weight:500;overflow:hidden}.file-row.clickable:hover .item-name{color:var(--accent)}.badge-disabled{color:var(--danger);background:var(--danger-soft);border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600}.join-choices{flex-direction:column;gap:10px;display:flex}.join-choice{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.join-choice:hover{border-color:var(--accent);background:var(--accent-soft)}.join-choice b{font-weight:600}.join-choice span{color:var(--text-muted);font-size:13px}.badge-shared{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.icon-folder{color:var(--icon-folder)}.icon-file{color:var(--icon-file)}.icon-image{color:var(--icon-image)}.icon-audio{color:var(--icon-audio)}.col-size,.col-date{color:var(--text-muted);white-space:nowrap;width:110px}.col-size{text-align:right;font-variant-numeric:tabular-nums;padding-right:18px}.col-date{width:130px}.col-select{text-align:left;width:34px}.col-select input{cursor:pointer;vertical-align:middle}.file-row.selected{background:var(--bg-subtle)}.bulk-bar{border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 28px;display:flex}.bulk-count{margin-right:4px;font-weight:600}.bulk-spacer{flex:1}.col-actions{text-align:right;width:56px}.trash-actions{justify-content:flex-end;gap:8px;display:flex}.col-actions:has(.trash-actions){width:220px}.row-icons{justify-content:flex-end;gap:2px;display:flex}.btn-icon.danger:hover{background:var(--danger-soft);color:var(--danger)}.row-menu{display:inline-block;position:relative}.menu{z-index:20;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:170px;box-shadow:0 8px 24px var(--shadow);padding:6px;position:absolute;top:calc(100% + 4px);right:0}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;display:block}.menu-item:hover{background:var(--bg-subtle)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.menu-sep{background:var(--border);height:1px;margin:6px 4px}.list-loading{justify-content:center;padding:80px 0;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:90px 20px}.empty-title{color:var(--text);margin-bottom:6px;font-size:17px;font-weight:600}.view-toggle{border:1px solid var(--border);border-radius:var(--radius-small);display:inline-flex;overflow:hidden}.view-toggle button{background:var(--bg);color:var(--text-muted);cursor:pointer;border:0;align-items:center;padding:7px 9px;display:flex}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button:hover{background:var(--hover)}.view-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.sort-select{border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:var(--bg);color:var(--text);cursor:pointer;padding:8px 10px;font-weight:500}.gallery-folders{flex-wrap:wrap;gap:8px;margin:8px 0 14px;display:flex}.folder-chip{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;gap:6px;max-width:260px;padding:5px 14px 5px 8px;font-size:13px;font-weight:500;display:inline-flex}.folder-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-chip .icon{flex-shrink:0;width:18px;height:18px}.folder-chip:hover{background:var(--hover)}.folder-chip.drop-target{border-color:var(--accent);background:var(--accent-soft)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px;margin-top:8px;display:grid}.tile{aspect-ratio:1;background:var(--hover);border-radius:4px;position:relative;overflow:hidden}.tile.dragging{opacity:.4}.tile-open{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.tile-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.tile:hover img{transform:scale(1.03)}.tile.selected img{border-radius:3px;transform:scale(.9)}.tile.selected:after{content:"";border:3px solid var(--accent);pointer-events:none;border-radius:4px;position:absolute;inset:0}.tile-check{border:2px solid var(--on-media);background:var(--scrim);width:24px;height:24px;color:var(--on-media);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute;top:6px;left:6px}.tile-check svg{opacity:0}.tile:hover .tile-check,.tile-check:focus-visible,.gallery-grid.selecting .tile-check{opacity:1}.tile.selected .tile-check{opacity:1;background:var(--accent);border-color:var(--accent)}.tile.selected .tile-check svg{opacity:1}@media (hover:none){.tile-check{opacity:.85}}.tile-badge{background:var(--scrim);color:var(--on-media);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 5px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:6px;right:6px}.tile-badge svg{width:10px;height:10px}.tile-fallback,.tile-video{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:10px;display:flex}.tile-fallback{color:var(--text-muted)}.tile-video{background:var(--video-tile);color:var(--on-media)}.tile-play{border:2px solid var(--on-media);background:var(--scrim);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.gallery-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:24px 0 4px;font-size:12px;font-weight:600}.gallery-note{color:var(--text-muted);margin:0 0 8px;font-size:13px}.dialog-input{border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;color:var(--text);background:var(--bg);padding:9px 12px}.dialog-input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.folder-kinds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.folder-kind{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.folder-kind:hover{background:var(--hover)}.folder-kind[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.folder-kind b{font-weight:600}.folder-kind span{color:var(--text-muted);font-size:12.5px;line-height:1.35}.mv{z-index:60;isolation:isolate;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);color:var(--viewer-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.mv:before{content:"";z-index:-1;background:var(--viewer-bg);opacity:var(--mv-fade,1);position:absolute;inset:0}.mv-top{align-items:center;gap:10px;padding:10px 12px;display:flex}.mv-title{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.mv-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mv-meta{color:var(--viewer-muted);font-variant-numeric:tabular-nums;font-size:12px}.mv-added{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mv-added .person-contact{color:inherit}.mv-btn{background:var(--viewer-chip);min-width:36px;height:36px;color:var(--viewer-text);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.mv-btn.icon{width:36px;padding:0}.mv-btn:hover{background:var(--viewer-chip-hover)}.mv-btn:focus-visible,.mv-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mv-stage{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;transition:transform .25s;position:relative;overflow:hidden}.mv.zoomed .mv-stage{touch-action:auto}.mv-track{will-change:transform;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex}.mv-slide{flex:0 0 100%;justify-content:center;align-items:center;height:100%;padding:8px 12px;display:flex;position:relative}.mv-img,.mv-video{object-fit:contain;max-width:100%;max-height:100%}.mv-img{pointer-events:none;-webkit-user-drag:none;transition:opacity .2s}.mv-img.loading{opacity:0}.mv-spinner{border-color:var(--viewer-chip);border-top-color:var(--viewer-text);position:absolute}.mv-video{background:var(--viewer-bg)}.mv-video-idle{background:var(--scrim);border:2px solid var(--viewer-text);width:64px;height:64px;color:var(--viewer-text);opacity:.6;border-radius:50%;place-items:center;display:grid;position:absolute}.mv-failed{text-align:center;max-width:260px;color:var(--viewer-muted);flex-direction:column;align-items:center;gap:10px;display:flex}.mv-nav{width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.mv-nav.prev{left:14px}.mv-nav.next{right:14px}.mv-nav:disabled{visibility:hidden}.mv-strip{scrollbar-width:none;gap:4px;padding:10px 12px 14px;display:flex;overflow-x:auto}.mv-strip::-webkit-scrollbar{display:none}.mv-thumb{background:var(--viewer-chip);width:56px;height:56px;color:var(--viewer-muted);opacity:.5;cursor:pointer;border:2px solid #0000;border-radius:6px;flex:none;place-items:center;padding:0;transition:opacity .15s;display:grid;overflow:hidden}.mv-thumb img{object-fit:cover;width:100%;height:100%;display:block}.mv-thumb>*{grid-area:1/1}.mv-thumb-play{background:var(--scrim);width:22px;height:22px;color:var(--on-media);border-radius:50%;place-items:center;display:grid}.mv-thumb-play svg{width:11px;height:11px}.mv-thumb:hover{opacity:.85}.mv-thumb[aria-current=true]{opacity:1;border-color:var(--accent)}@media (hover:none),(width<=760px){.mv-nav,.mv-label{display:none}.mv-btn:not(.icon){width:36px;padding:0}.mv-thumb{width:44px;height:44px}.mv-slide{padding:8px 0}}@media (prefers-reduced-motion:reduce){.mv-track,.mv-stage,.mv-img{transition:none}}.ss{z-index:70;isolation:isolate;background:var(--show-bg);color:var(--viewer-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-user-select:none;user-select:none;touch-action:pinch-zoom;position:fixed;inset:0;overflow:hidden}.ss.idle{cursor:none}.ss.zoomed{touch-action:auto}.ss-layer{opacity:0;mix-blend-mode:plus-lighter;justify-content:center;align-items:center;transition:opacity 1s ease-in-out;display:flex;position:absolute;inset:0;overflow:hidden}.ss-layer.on{opacity:1}.ss-media{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%}.ss-layer.zoom .ss-media{animation:ss-zoom var(--ss-slide,6s) linear forwards}.ss.paused .ss-media{animation-play-state:paused}@keyframes ss-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.ss-bar{z-index:3;background:var(--viewer-chip);height:3px;position:absolute;top:0;left:0;right:0}.ss-fill{background:var(--viewer-accent);transform-origin:0;height:100%;transform:scaleX(0)}.ss-caption{top:calc(14px + env(safe-area-inset-top,0px));z-index:3;text-shadow:0 1px 3px var(--show-bg);align-items:baseline;gap:10px;font-size:13px;transition:opacity .4s;display:flex;position:absolute;left:16px;right:16px}.ss-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ss-count{color:var(--viewer-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.ss-track{max-width:100%;color:var(--viewer-muted);align-items:center;gap:6px;margin-top:4px;display:flex;position:absolute;top:100%;left:0}.ss-track svg{flex-shrink:0;width:14px;height:14px}.ss-track span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-controls{bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:3;background:var(--viewer-panel);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 24px);padding:5px;transition:opacity .4s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ss-controls .mv-btn{background:0 0;flex-shrink:0}.ss-controls .mv-btn:hover{background:var(--viewer-chip)}.ss-controls .mv-btn[aria-pressed=true]{color:var(--viewer-accent)}.ss-controls .ss-play,.ss-controls .ss-play:hover{background:var(--viewer-text);color:var(--viewer-bg)}.ss-controls .ss-speed{font-variant-numeric:tabular-nums;width:auto;padding:0 10px}.ss-sep{background:var(--viewer-chip-hover);width:1px;height:20px;margin:0 2px}@media (width<=420px){.ss-controls{gap:0;padding:4px}.ss-controls .mv-btn{min-width:34px}.ss-controls .mv-btn.icon{width:34px}.ss-controls .ss-speed{padding:0 8px}.ss-sep{display:none}}.ss-topright{top:calc(10px + env(safe-area-inset-top,0px));z-index:4;gap:8px;display:flex;position:absolute;right:16px}.ss .ss-sound-hint,.ss .ss-comment-btn{background:var(--viewer-panel);-webkit-backdrop-filter:blur(10px);width:auto;padding:0 14px}.ss .ss-comment-btn{padding:0 12px;transition:opacity .4s}.ss.idle .ss-comment-btn{opacity:0;pointer-events:none}@media (width<=380px){.ss-controls.with-comments .ss-nav{display:none}}.ss.idle .ss-controls,.ss.idle .ss-caption{opacity:0;pointer-events:none}.cm-count{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.tile-comments{left:6px;right:auto}.cp{z-index:3;pointer-events:none;justify-content:center;padding:0 14px;display:flex;position:absolute;bottom:18px;left:0;right:0}.cp-video{bottom:72px}.cp-bubble{background:var(--viewer-panel);-webkit-backdrop-filter:blur(14px);width:max-content;min-width:min(240px,100%);max-width:min(520px,100%);color:var(--viewer-text);border-radius:18px;align-items:flex-start;gap:10px;padding:10px 16px 11px 10px;animation:.45s cubic-bezier(.2,.9,.3,1.2) both cp-in;display:flex;box-shadow:0 6px 24px #00000059}.cp-bubble.out{animation:.3s ease-in both cp-out}@keyframes cp-in{0%{opacity:0;transform:translateY(22px)scale(.96)}}@keyframes cp-out{to{opacity:0;transform:translateY(-12px)}}.cp-avatar{background:var(--viewer-accent);height:30px;color:var(--viewer-bg);border-radius:50%;flex:0 0 30px;place-items:center;font-size:12px;font-weight:700;display:grid}.cp-body,.cpanel-body{flex-direction:column;min-width:0;display:flex}.cp-name{color:var(--viewer-muted);font-size:12px;font-weight:600}.cp-bubble .cp-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cp-contact{font-weight:400}.cp-text{overflow-wrap:break-word;font-size:15px;line-height:1.35}.mv.commenting .cp{top:14px;bottom:auto}.preview-media{justify-content:center;min-height:0;display:flex;position:relative}.ss .cp{bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:3}.ss.commenting .cp{top:calc(64px + env(safe-area-inset-top,0px));bottom:auto}.cpanel{left:50%;bottom:var(--kb,0px);z-index:6;width:min(560px,100%);max-height:min(70%, 560px, calc(100% - var(--kb,0px) - 72px));padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--viewer-sheet);-webkit-backdrop-filter:blur(16px);color:var(--viewer-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:18px 18px 0 0;flex-direction:column;gap:8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 -6px 24px #00000059}.cpanel-head{align-items:center;gap:10px;display:flex}.cpanel-head h2{flex:1;margin:0;font-size:15px}.cpanel-autoplay{color:var(--viewer-muted);align-items:center;gap:6px;font-size:13px;display:flex}.cpanel-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.cpanel-row{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.cpanel-body{flex:1}.cpanel-empty{color:var(--viewer-muted);padding:12px 0;font-size:14px}.cpanel .cpanel-delete{color:var(--viewer-muted)}.cpanel-error{color:var(--danger);font-size:13px}.cpanel-form{flex-direction:column;gap:8px;display:flex}.cpanel-send{gap:8px;display:flex}.cpanel-input{border:1px solid var(--viewer-chip-hover);border-radius:var(--radius-small);background:var(--viewer-chip);min-width:0;color:var(--viewer-text);font:inherit;flex:1;padding:9px 12px;font-size:16px}.cpanel-input::placeholder{color:var(--viewer-muted)}@media (prefers-reduced-motion:reduce){.cp-bubble{animation-name:cp-fade-in}.cp-bubble.out{animation-name:cp-fade-out}}@keyframes cp-fade-in{0%{opacity:0}}@keyframes cp-fade-out{to{opacity:0}}.install-hint{z-index:45;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:min(340px,100vw - 24px);color:var(--text);box-shadow:0 6px 24px var(--shadow);padding:14px 14px 12px 16px;animation:.3s ease-out install-in,.6s ease-in-out .3s 6 alternate install-bob;position:fixed;bottom:16px;left:12px}.install-hint-more{left:auto;right:12px}.install-hint-toolbar{left:50%;transform:translate(-50%)}.install-hint-ipad{inset:12px 16px auto auto}.install-hint-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.install-hint h2{margin:0;font-size:15px}.install-hint-close{flex-shrink:0;margin:-6px -6px 0 0}.install-hint-steps{margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.6}.install-hint-steps svg{vertical-align:-4px;color:var(--accent)}.install-hint-steps b{font-weight:600}.install-hint-tail{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);width:16px;height:16px;position:absolute;bottom:-9px;left:92px;transform:rotate(45deg)}.install-hint-more .install-hint-tail{left:auto;right:18px}.install-hint-toolbar .install-hint-tail{left:calc(50% - 8px)}.install-hint-ipad .install-hint-tail{border:none;border-top:1px solid var(--border);border-left:1px solid var(--border);inset:-9px 98px auto auto}@keyframes install-in{0%{opacity:0}}@keyframes install-bob{to{translate:0 4px}}@media (prefers-reduced-motion:reduce){.install-hint{animation:none}}.pull-refresh{top:env(safe-area-inset-top,0px);z-index:90;border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--text-muted);box-shadow:0 2px 8px var(--shadow);pointer-events:none;border-radius:50%;place-items:center;margin-left:-20px;display:grid;position:fixed;left:50%}.pull-refresh svg[data-armed=true]{color:var(--accent)}.pull-refresh svg[data-reloading=true]{animation:.8s linear infinite spin}.overlay{z-index:50;background:var(--overlay);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.overlay-dark{background:#141517cc}.dialog{background:var(--bg);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:440px;max-height:80vh;padding:24px;display:flex}.dialog h2{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin:0;font-size:18px;font-weight:600;overflow:hidden}.dialog-hint{color:var(--text-muted);margin:0}.dialog-loading{color:var(--text-muted);align-items:center;gap:10px;padding:12px 0;display:flex}.dialog-actions{flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.dialog-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;margin:-3px;padding:3px;overflow-y:auto}.folder-list{border:1px solid var(--border);border-radius:var(--radius-small);flex-direction:column;gap:2px;max-height:320px;padding:6px;display:flex;overflow-y:auto}.folder-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 14px;display:flex}.folder-option:hover{background:var(--bg-subtle)}.folder-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.share-row{gap:8px;display:flex}.share-form{flex-direction:column;gap:8px;display:flex}.share-url{border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;color:var(--text-muted);background:var(--bg-subtle);flex:1;min-width:0;padding:9px 12px}.dialog .btn-danger-ghost{align-self:flex-start;padding-left:0}.preview{flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:90vh;display:flex}.preview-header{color:#fff;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.preview-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.preview-close{color:#fff;font-size:16px}.preview-close:hover{color:#fff;background:#ffffff26}.preview-img{border-radius:var(--radius);background:#fff;max-width:90vw;max-height:78vh}.preview-error{color:#fff;padding:40px}.preview-html{border-radius:var(--radius);background:#fff;border:0;flex:1;width:100%}.share-preview-html{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;height:420px}.preview-text{border-radius:var(--radius);background:#fff;border:0;flex:1;width:100%}.share-preview-text{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;height:420px}.share-card .preview-error{color:var(--text-muted);text-align:center;padding:24px 0}.share-page{background:var(--bg-subtle);flex-direction:column;min-height:100vh;display:flex}.share-header{border-bottom:1px solid var(--border);background:var(--bg);padding:18px 28px}.share-header .brand{padding:0}.share-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:20px;width:100%;max-width:520px;margin:48px auto;padding:28px;display:flex}.share-file{align-items:center;gap:14px;display:flex}.share-file .icon{width:34px;height:34px}.share-file-name{word-break:break-word;font-size:17px;font-weight:600}.share-file-size{color:var(--text-muted);margin-top:2px}.share-preview{object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-subtle);width:100%;max-height:420px}.preview-doc{width:min(1000px,96vw);max-width:96vw;height:92vh;max-height:92vh}.pdf-viewer{-webkit-overflow-scrolling:touch;background:var(--bg-subtle);border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;gap:10px;width:100%;padding:4px;display:flex;overflow-y:auto}.pdf-page{background:#fff;max-width:100%;display:block;box-shadow:0 1px 6px #0000004d}.pdf-fallback-link{color:#fff;text-decoration:underline}.share-preview-pdf{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);width:100%;height:70vh;display:flex;overflow:hidden}@media (width<=760px){.layout{flex-direction:column;height:100dvh}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:0 10px;width:100%;padding:10px 14px 8px}.brand{padding:0;font-size:16px}.sidebar-nav{-webkit-overflow-scrolling:touch;flex-direction:row;flex-basis:100%;order:3;gap:4px;min-width:0;max-width:100%;margin-top:8px;padding-bottom:2px;overflow-x:auto}.nav-link{white-space:nowrap;padding:7px 11px;font-size:14px}.sidebar-footer{border-top:none;flex-direction:row;align-items:center;gap:8px;margin:0 0 0 auto;padding:0}.usage,.user-name,.user-email{display:none}.sidebar-footer .btn-ghost{margin-left:0}.main{min-height:0}.topbar{gap:8px;padding:12px 14px}.breadcrumbs{font-size:15px}.crumb{max-width:130px}.topbar-actions{flex-wrap:wrap;gap:8px;width:100%}.search-input{flex:1;width:auto;min-width:120px}.file-area{padding:8px 14px 20px;overflow-x:auto}.col-date,.col-owner{display:none}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:2px}.tile,.tile.selected:after{border-radius:0}.item-name{max-width:48vw}.security-page{max-width:100%}.preview-doc{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.overlay-dark{padding:0}.preview-doc .preview-header{padding:8px 12px}.pdf-viewer{border-radius:0;padding:2px}.share-preview-pdf{height:70vh}}@media (width<=520px){.col-size{display:none}.totp-qr{width:180px;height:180px}}.share-section{flex-direction:column;gap:10px;display:flex}.share-section+.share-section{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.share-section h3{margin:0;font-size:14px;font-weight:600}.share-section input.share-url{color:var(--text);background:var(--bg)}.role-select{border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:var(--bg);color:var(--text);padding:8px 10px}.grant-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.invite-ready{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg-subtle);flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex}.invite-ready p{margin:0}.invite-message{border:1px solid var(--border);border-radius:var(--radius-small);width:100%;font:inherit;color:var(--text);background:var(--bg);resize:none;padding:8px 10px;font-size:13px}.invite-actions{flex-wrap:wrap;gap:8px;display:flex}.invite-actions a.btn{text-decoration:none}.invite-status{color:var(--text-muted);white-space:normal;font-size:12px;display:block}.grant-row{align-items:center;gap:8px;display:flex}.grant-email{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.badge-role{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.badge-role-viewer{color:var(--text-muted);background:var(--bg-subtle)}.badge-role-contributor{color:var(--accent);background:var(--accent-soft)}.col-owner,.col-access{text-align:left;color:var(--text-muted);white-space:nowrap}.col-owner{text-overflow:ellipsis;max-width:220px;overflow:hidden}.context-banner{border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:var(--radius-small);color:var(--accent);margin:14px 28px 0;padding:10px 14px;font-weight:500}.context-banner a{color:inherit;text-decoration:underline}.file-row.dragging{opacity:.45}.file-row.drop-target td{background:var(--accent-soft);box-shadow:inset 0 2px 0 var(--accent), inset 0 -2px 0 var(--accent)}.file-row.drop-target td:first-child{box-shadow:inset 2px 2px 0 var(--accent), inset 0 -2px 0 var(--accent)}.file-row.drop-target td:last-child{box-shadow:inset -2px 2px 0 var(--accent), inset 0 -2px 0 var(--accent)}.crumb.drop-target{background:var(--accent-soft);outline:2px solid var(--accent);border-radius:var(--radius-small);color:var(--accent)}.admin-section{flex-direction:column;gap:10px;margin-top:32px;display:flex}.admin-section h2{margin:0;font-size:16px}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.invite-form{max-width:420px}.invite-hint{border-radius:var(--radius-small);background:var(--accent-soft);color:var(--accent);margin:0 0 16px;padding:10px 12px;font-size:13px}.invite-blocked-text{color:var(--text-muted);margin:0 0 20px;line-height:1.5}.security-page{flex-direction:column;gap:16px;max-width:560px;display:flex}.security-page h2{margin:0;font-size:18px}.security-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:12px;padding:18px;display:flex}.security-card h3{margin:0;font-size:14px;font-weight:600}.security-actions{gap:10px;display:flex}.totp-qr{border:1px solid var(--border);border-radius:var(--radius-small);align-self:center;width:220px;height:220px}.totp-secret{color:var(--text-muted);word-break:break-all;margin:0;font-size:12px}.totp-secret code{-webkit-user-select:all;user-select:all}.code-input{letter-spacing:6px;text-align:center;max-width:200px;font-size:20px}.factor-meta{color:var(--text-muted);font-size:12px}.factor-choice{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.security-card h1{margin:0;font-size:16px}.key-created{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);margin-bottom:12px;padding:12px}.key-created-row{align-items:center;gap:10px;display:flex}.key-token{word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-size:13px}.key-scope-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:inherit;font:inherit;padding:8px 10px}.admin-tabs{gap:6px;margin:6px 0 14px;display:flex}.admin-tabs .tab{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none}.admin-tabs .tab:hover{color:var(--accent)}.admin-tabs .tab.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.dialog-wide{max-width:560px}.detail-grid{grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:13px;display:grid}.detail-grid dt{color:var(--text-muted);font-weight:500}.detail-grid dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.attr-list{flex-direction:column;gap:8px;display:flex}.attr-row{align-items:center;gap:8px;display:flex}.attr-key{flex:0 0 38%}.attr-value{flex:1}.attr-key-ro{text-overflow:ellipsis;white-space:nowrap;flex:0 0 38%;font-weight:600;overflow:hidden}.attr-value-ro{color:var(--text-muted);overflow-wrap:anywhere;flex:1}.share-section .btn-small{align-self:flex-start}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#4d8dff;--accent-hover:#6ba1ff;--accent-soft:#1c2c4f;--bg:#17181b;--bg-subtle:#1f2126;--border:#33363e;--text:#e8eaed;--text-muted:#98a1ad;--danger:#f4726a;--danger-soft:#34201f;--hover:#262932;--progress-track:#2a3a58;--overlay:#0000008c;--shadow:#00000080;--accent-faint:#4d8dff17;--icon-folder:#7ba4ec;--icon-file:#8b95a3;--icon-image:#6cb083;--icon-audio:#ad95e3;--video-tile:#24262c}}.password-card{margin-top:18px}.security-card .upload-banner{margin:0}.notify-here{align-items:center;gap:12px;display:flex}.notify-options{flex-direction:column;gap:8px;display:flex}.notify-option{align-items:center;gap:8px;font-size:14px;display:flex}.password-form{flex-wrap:wrap;gap:8px;display:flex}.password-form .share-url{flex:1;min-width:180px}.preview-video{border-radius:var(--radius);background:#000;max-width:90vw;max-height:80vh}.share-preview-video{border-radius:var(--radius);background:#000;width:100%;max-height:60vh}.preview-audio{width:min(480px,90vw)}.share-preview-audio{width:100%}.link-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.link-row{align-items:center;gap:8px;display:flex}.link-main{flex-direction:column;flex:1;min-width:0;display:flex}.link-label{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.link-stats{color:var(--text-muted);font-size:12px}.upload-pct{font-variant-numeric:tabular-nums;text-align:right;min-width:38px;font-size:13px;font-weight:600}