:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0e0f10;color:#e6e8ea}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}a{color:inherit}.auth{max-width:320px;margin:96px auto;padding:0 24px;display:flex;flex-direction:column;gap:12px}.auth h1{font-size:22px;font-weight:600;margin:0 0 8px}.auth label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#8b9097}.auth input{background:#17191c;border:1px solid #22262b;color:inherit;padding:10px 12px;border-radius:6px;font-size:14px}.auth input:focus{outline:none;border-color:#4a78ff}.auth button{background:#3259e0;color:#fff;border:0;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer;margin-top:8px}.auth button:hover{background:#2a4cc9}.btn-google{background:#17191c;color:inherit;border:1px solid #22262b;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer}.btn-google:hover{border-color:#3259e0}.auth-divider{display:flex;align-items:center;gap:8px;color:#555b63;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid #22262b}.index{max-width:960px;margin:48px auto;padding:0 24px}.topbar{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 8px}.topbar h1{font-size:20px;font-weight:600;margin:0}.topbar-actions{display:flex;align-items:center;gap:16px}.btn{background:#17191c;border:1px solid #22262b;color:#e6e8ea;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center}.btn:hover{border-color:#3259e0}.muted{color:#8b9097;font-size:13px;margin:0 0 24px}.linkish{background:transparent;border:0;color:#8b9097;font-size:13px;cursor:pointer;padding:0}.linkish:hover{color:#e6e8ea}.linkish.danger:hover{color:#ef6b6b}.linkish:disabled{opacity:.5;cursor:default}.index ul{list-style:none;padding:0;margin:0;border-top:1px solid #22262b}.index li{border-bottom:1px solid #22262b;display:flex;align-items:center;gap:16px}.index li:hover{background:#17191c}.row-main{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:12px 4px;text-decoration:none;min-width:0}.row-actions{display:flex;gap:12px;padding-right:8px;flex-shrink:0}.path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.meta{font-size:12px;color:#8b9097;white-space:nowrap}.viewer{position:fixed;inset:0;overflow:hidden}.viewer>*,.viewer canvas{width:100%!important;height:100%!important;display:block}.error{color:#ef6b6b}.loading{color:#8b9097}.crumbs{display:flex;align-items:center;gap:4px;font-size:14px;flex-wrap:wrap;min-width:0}.crumb{color:#e6e8ea;text-decoration:none;padding:2px 6px;border-radius:4px}.crumb:hover{background:#17191c}.crumb.drag-over{background:#1f2a4a;outline:1px dashed #3259e0;outline-offset:-1px}.crumb-sep{color:#555b63;font-size:13px;user-select:none}.bulkbar{display:flex;align-items:center;gap:16px;padding:8px 12px;margin:0 0 8px;background:#17191c;border:1px solid #22262b;border-radius:6px}.bulkbar-count{font-size:13px;color:#8b9097;margin-right:auto}.row{position:relative}.row .select{flex-shrink:0;margin:0 0 0 8px;accent-color:#3259e0;cursor:pointer}.row.drag-over{background:#1f2a4a;outline:1px dashed #3259e0;outline-offset:-1px}.row-main .icon{font-size:14px;flex-shrink:0;width:18px;text-align:center}.row-main .name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;flex:1;min-width:0;word-break:break-all}.folder-link .name,.file-link .name{color:#e6e8ea}.row-main{justify-content:flex-start;gap:12px;align-items:center}.row-main .meta{margin-left:auto}.rename-input{flex:1;background:#0e0f10;border:1px solid #3259e0;color:inherit;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;min-width:0}.rename-input:focus{outline:none}.empty{margin-top:24px}