:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e2e5ea;--border-strong: #cfd4dc;--text: #16191d;--text-muted: #6b7280;--accent: #1a73e8;--accent-soft: #e8f0fe;--danger: #d93025;--danger-soft: #fce8e6;--success: #137333;--success-soft: #e6f4ea;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .08);--radius: 10px;--sans: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace}@media(prefers-color-scheme:dark){:root{--bg: #101215;--surface: #181b1f;--surface-2: #21252a;--border: #2a2f36;--border-strong: #3a4048;--text: #e6e8eb;--text-muted: #99a1ac;--accent: #8ab4f8;--accent-soft: #1c2b45;--danger: #f28b82;--danger-soft: #3d201e;--success: #81c995;--success-soft: #1c3524;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}code{font-family:var(--mono);font-size:.9em;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.muted{color:var(--text-muted)}.small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{flex:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;font:inherit;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#fff;background:var(--accent);border-color:transparent}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}@media(prefers-color-scheme:dark){.btn.primary{color:#0d1117}}.btn.danger{color:#fff;background:var(--danger);border-color:transparent}.btn.danger:hover:not(:disabled){filter:brightness(1.08);background:var(--danger)}.btn.ghost{background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.small{height:28px;padding:0 10px;font-size:13px}.btn.google{width:100%;height:42px;justify-content:center;font-size:15px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--text-muted);background:transparent;border:0;border-radius:7px;cursor:pointer}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.icon-btn.tiny{width:22px;height:22px;border-radius:5px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.centered{display:grid;place-items:center;min-height:100%;padding:32px 20px}.card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:30px 32px}.card h1{margin:0 0 8px;font-size:22px;letter-spacing:-.01em}.card p{margin:0 0 14px}.login{max-width:400px;text-align:center}.login .btn.google{margin-top:18px}.login-mark,.setup-badge{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:14px;color:var(--accent);background:var(--accent-soft);border-radius:12px}.setup-badge{color:var(--danger);background:var(--danger-soft)}.assurances{margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--border);list-style:none;text-align:left;color:var(--text-muted);font-size:12.5px}.assurances li{margin-bottom:6px}.setup{max-width:620px}.steps{margin:18px 0;padding-left:20px}.steps li{margin-bottom:10px}.error-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:10px 12px;text-align:left;color:var(--danger);background:var(--danger-soft);border-radius:8px;font-size:13px}.app{display:flex;flex-direction:column;height:100%;max-width:1180px;margin:0 auto;padding:0 20px 20px}.app-head{display:flex;align-items:center;gap:20px;padding:16px 0 14px}.brand{display:flex;align-items:center;gap:9px;margin-right:auto}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--accent);background:var(--accent-soft);border-radius:8px}.brand-name{font-size:15px;font-weight:650;letter-spacing:-.01em}.quota{min-width:170px}.quota-line{display:flex;gap:5px;font-size:12px;margin-bottom:5px}.quota-bar{height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden}.quota-bar span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .3s ease}.quota-bar span.full{background:var(--danger)}.who{display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.avatar.placeholder{display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);font-weight:600;text-transform:uppercase}.who-text{display:flex;flex-direction:column;line-height:1.25;max-width:180px}.who-text strong{font-size:13px}.who-text small{font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:9px 13px;color:var(--danger);background:var(--danger-soft);border-radius:9px;font-size:13px}.banner .btn{margin-left:auto}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:12px}.crumbs{display:flex;align-items:center;flex-wrap:wrap;margin-right:auto;min-width:0}.crumb-wrap{display:inline-flex;align-items:center}.crumb-sep{color:var(--text-muted);margin:0 1px}.crumb{font:inherit;font-size:15px;color:var(--text-muted);background:none;border:0;padding:3px 6px;border-radius:6px;cursor:pointer}.crumb:hover{color:var(--text);background:var(--surface-2)}.crumb.current{color:var(--text);font-weight:650;letter-spacing:-.01em;cursor:default}.toolbar-actions{display:flex;align-items:center;gap:8px}.search{display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px}.search:focus-within{border-color:var(--accent)}.search input{width:170px;font:inherit;color:var(--text);background:none;border:0;outline:none}.search input::-webkit-search-cancel-button{filter:grayscale(1)}.content{position:relative;flex:1;min-height:240px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:auto}.content.dropping{border-color:var(--accent);border-style:dashed}.files{width:100%;border-collapse:collapse}.files th{position:sticky;top:0;z-index:1;padding:10px 14px;text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border)}.files td{padding:0 14px;height:46px;border-bottom:1px solid var(--border);vertical-align:middle}.files tr:last-child td{border-bottom:0}.row:hover td{background:var(--surface-2)}.col-size,.col-date{width:130px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.col-actions{width:140px}.name-btn{display:flex;align-items:center;gap:11px;width:100%;font:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer}.name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.folder .name-text{font-weight:550}.name-btn:hover .name-text{text-decoration:underline;text-underline-offset:2px}.kind{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;color:var(--text-muted);background:var(--surface-2)}.kind-folder{color:#f6ad3c;background:#f6ad3c24}.kind-image,.kind-video{color:#a142f4;background:#a142f421}.kind-pdf{color:var(--danger);background:var(--danger-soft)}.kind-gdoc{color:#4285f4;background:#4285f421}.kind-gsheet{color:#0f9d58;background:#0f9d5821}.kind-gslide{color:#f4b400;background:#f4b40024}.row-actions{display:flex;gap:2px;justify-content:flex-end;opacity:0;transition:opacity .1s ease}.row:hover .row-actions,.row:focus-within .row-actions{opacity:1}.load-more{display:grid;place-items:center;padding:14px}.empty,.panel-error,.preview-fallback{display:grid;justify-items:center;align-content:center;gap:8px;min-height:300px;padding:30px;text-align:center;color:var(--text-muted)}.empty p,.panel-error p{margin:0}.panel-error{color:var(--danger)}.panel-error .btn{margin-top:6px;color:var(--text)}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 88%,transparent);pointer-events:none}.drop-hint p{margin:0}.skeleton{padding:8px 14px}.skeleton-row{display:flex;align-items:center;gap:11px;height:46px}.sk{display:block;background:var(--surface-2);border-radius:6px;animation:pulse 1.4s ease-in-out infinite}.sk-icon{width:28px;height:28px;border-radius:7px;flex:none}.sk-name{height:11px}.sk-meta{width:90px;height:11px;margin-left:auto;flex:none}@keyframes pulse{50%{opacity:.45}}.tray{position:fixed;right:20px;bottom:20px;z-index:30;width:320px;max-height:50vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.tray-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.tray-head .muted{margin-left:auto}.tray-list{margin:0;padding:6px;list-style:none;overflow-y:auto}.tray-item{padding:7px 8px;border-radius:8px}.tray-item+.tray-item{margin-top:2px}.tray-row{display:flex;align-items:center;gap:8px}.tray-name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-bar{height:4px;margin-top:6px;background:var(--surface-2);border-radius:99px;overflow:hidden}.tray-bar span{display:block;height:100%;background:var(--accent);transition:width .15s linear}.tray-status{font-size:11.5px}.tray-status.done{color:var(--success)}.tray-status.error,.tray-status.cancelled{color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0c0f1480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{width:100%;max-width:420px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.dialog-head,.preview-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.dialog-head h2{margin:0 auto 0 0;font-size:15px}.dialog-body{padding:16px}.dialog-text{margin:0 0 4px}.field{display:block}.field span{display:block;margin-bottom:6px;font-size:12.5px;color:var(--text-muted)}.field input{width:100%;height:36px;padding:0 11px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:8px;outline:none}.field input:focus{border-color:var(--accent)}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.preview{display:flex;flex-direction:column;width:100%;max-width:1000px;height:min(88vh,900px);background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.preview-title{display:flex;align-items:center;gap:11px;min-width:0;margin-right:auto}.preview-title div{display:flex;flex-direction:column;min-width:0;line-height:1.3}.preview-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-title small{font-size:11.5px}.preview-actions{display:flex;align-items:center;gap:6px}.preview-body{flex:1;min-height:0;display:grid;background:var(--surface-2);overflow:auto}.preview-image{max-width:100%;max-height:100%;margin:auto;object-fit:contain}.preview-frame{width:100%;height:100%;border:0;background:var(--surface)}.preview-text{margin:0;padding:18px;font-family:var(--mono);font-size:12.5px;white-space:pre-wrap;word-break:break-word;overflow:auto}.toasts{position:fixed;left:50%;bottom:22px;z-index:50;display:flex;flex-direction:column;gap:8px;transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;max-width:460px;padding:9px 10px 9px 14px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:9px;box-shadow:var(--shadow);font-size:13px;pointer-events:auto}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--accent)}@media(max-width:780px){.app{padding:0 12px 12px}.quota,.who-text,.btn-label,.col-size{display:none}.col-actions{width:100px}.row-actions{opacity:1}.search input{width:110px}.tray{right:12px;left:12px;width:auto}}