:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--bg:#fff;--sidebar:#ececf0db;--toolbar:#ffffffd1;--text:#1d1d1f;--muted:#86868b;--separator:#0000001a;--hover:#0000000d;--sidebar-active:#00000017;--accent:#0a84ff;--selection:#0a64d6;--row-alt:#f6f6f8;--control:#0000000e;--shadow:0 30px 80px #00000059, 0 0 0 .5px #0003;--green:#30c759;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1e1e1e;--sidebar:#28282ce6;--toolbar:#262628db;--text:#f5f5f7;--muted:#98989d;--separator:#ffffff1a;--hover:#ffffff0f;--sidebar-active:#ffffff1f;--row-alt:#232325;--control:#ffffff17;--selection:#0a5dc2}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:13px}button{font:inherit;color:inherit;cursor:default;background:0 0;border:0;padding:0}a{color:inherit}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.muted{color:var(--muted)}.small{font-size:11px}.spacer{flex:1}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;padding:24px;display:flex}.landing h1{margin:12px 0 4px;font-size:28px;font-weight:700}.landing p{max-width:440px;margin:4px 0;font-size:15px;line-height:1.45}.window{grid-template-columns:220px 1fr;height:100%;display:grid;overflow:hidden}.window.sidebar-hidden{grid-template-columns:0 1fr}.window.sidebar-hidden .sidebar{visibility:hidden}.scrim{display:none}.sidebar{background:var(--sidebar);-webkit-backdrop-filter:blur(30px)saturate(1.8);border-right:1px solid var(--separator);flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar-scroll{flex:1;padding:52px 10px 10px;overflow-y:auto}.sidebar-section{color:var(--muted);padding:14px 8px 4px;font-size:11px;font-weight:600}.sidebar-item{text-align:left;border-radius:6px;align-items:center;gap:7px;width:100%;height:28px;padding:0 8px;display:flex}.sidebar-item:hover{background:var(--hover)}.sidebar-item.active{background:var(--sidebar-active)}.sidebar-footer{border-top:1px solid var(--separator);gap:6px;padding:12px 14px 14px;display:grid}.status-line{align-items:center;gap:6px;font-size:12px;display:flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.dot.online{background:var(--green);box-shadow:0 0 0 3px #30c75933}.progress{background:var(--control);border-radius:2px;height:4px;overflow:hidden}.progress>div{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.browser{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.toolbar{background:var(--toolbar);border-bottom:1px solid var(--separator);flex-shrink:0;align-items:center;gap:6px;height:52px;padding:0 12px;display:flex}.toolbar-title{margin:0 0 0 6px;font-size:15px;font-weight:700}.nav-buttons{display:flex}.tool{min-width:28px;height:28px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.tool:not(:disabled):hover{background:var(--hover);color:var(--text)}.tool:disabled{opacity:.35}.segmented{background:var(--control);border-radius:7px;padding:2px;display:inline-flex}.segmented button{width:32px;height:24px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.segmented button.on{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #00000026}.search{background:var(--control);width:180px;height:28px;color:var(--muted);border-radius:7px;align-items:center;gap:5px;padding:0 8px;display:flex}.search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1}.content{flex:1;position:relative;overflow:auto}.empty{height:100%;min-height:200px;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--icon,72px) + 32px), 1fr));align-content:start;gap:8px 4px;min-height:100%;padding:16px;display:grid}.tile{flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.tile-icon{width:calc(var(--icon,72px) + 12px);height:calc(var(--icon,72px) + 12px);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.tile.selected .tile-icon{background:var(--sidebar-active)}.tile-name{max-width:calc(var(--icon,72px) + 40px);text-align:center;word-break:break-word;-webkit-line-clamp:2;border-radius:4px;-webkit-box-orient:vertical;padding:1px 5px;font-size:12px;line-height:15px;display:-webkit-box;overflow:hidden}.tile.selected .tile-name{background:var(--selection);color:#fff}.thumb{object-fit:contain;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 1px 3px #00000040}.unavailable{opacity:.45}.badge{color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.tile .badge{background:var(--bg);width:20px;height:20px;box-shadow:0 0 0 .5px var(--separator), 0 1px 3px #00000026;border-radius:50%;position:absolute;bottom:0;right:0}.badge.cloud{color:var(--accent)}.badge.device{color:#ff9f0a}.list{border-collapse:collapse;table-layout:fixed;width:100%}.list th{z-index:1;background:var(--bg);text-align:left;color:var(--muted);border-bottom:1px solid var(--separator);white-space:nowrap;height:28px;padding:0 10px;font-size:12px;font-weight:500;position:sticky;top:0}.list th+th{border-left:1px solid var(--separator)}.list td{white-space:nowrap;text-overflow:ellipsis;height:26px;padding:0 10px;overflow:hidden}.list tbody tr:nth-child(2n){background:var(--row-alt)}.list tbody tr.selected{background:var(--selection);color:#fff}.list tbody tr.selected .muted,.list tbody tr.selected .badge,.list tbody tr.selected td{color:#fff}.col-date{width:200px;color:var(--muted)}.col-size{text-align:right;width:90px;color:var(--muted)}th.col-size{text-align:right}.col-kind{width:130px;color:var(--muted)}.col-actions{text-align:right;width:56px}.name-cell{align-items:center;gap:7px;min-width:0;display:flex}.row-download{color:var(--muted);vertical-align:middle;margin-left:8px;display:inline-flex}.row-download:hover{color:var(--accent)}.icon-size{width:84px;accent-color:var(--muted);margin-left:10px}.pathbar{border-top:1px solid var(--separator);white-space:nowrap;flex-shrink:0;align-items:center;gap:2px;height:28px;padding:0 10px;font-size:11px;display:flex;overflow:hidden}.pathbar button{border-radius:4px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.pathbar button:hover{background:var(--hover)}.crumb{color:var(--muted);align-items:center;display:inline-flex}.crumb button{color:var(--text)}.preview-backdrop{z-index:10;background:#00000059;justify-content:center;align-items:center;padding:32px;animation:.15s fade;display:flex;position:fixed;inset:0}.preview{background:var(--bg);width:min(1100px,100%);height:min(780px,100%);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;animation:.18s pop;display:flex;overflow:hidden}.preview-header{border-bottom:1px solid var(--separator);background:var(--toolbar);align-items:center;gap:6px;padding:8px 10px;display:flex}.preview-title{text-align:center;flex:1;min-width:0;font-weight:600}.source{align-items:center;gap:3px;display:inline-flex}.preview-body{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.preview-body video,.preview-body img{object-fit:contain;max-width:100%;max-height:100%}.preview-body iframe{background:#fff;border:0;width:100%;height:100%}.preview-body audio{width:min(480px,90%)}.preview-body .empty{color:#aaa}.text-preview{background:var(--bg);color:var(--text);white-space:pre-wrap;-webkit-user-select:text;user-select:text;flex:1;align-self:stretch;margin:0;padding:16px 20px;font:12px/1.5 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.button{background:var(--control);border-radius:7px;align-items:center;gap:5px;height:28px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{filter:brightness(1.08)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@media (width<=720px){.window,.window.sidebar-hidden{grid-template-columns:1fr}.sidebar{z-index:5;width:260px;box-shadow:var(--shadow);position:fixed;inset:0 auto 0 0}.scrim{z-index:4;background:#00000040;display:block;position:fixed;inset:0}.search{width:120px}.icon-size,.col-date,.col-kind{display:none}.preview-backdrop{padding:0}.preview{border-radius:0}}