:root{--bg:#fff;--surface:#fff;--surface-2:#f1f3f4;--surface-3:#e8eaed;--outline:#dadce0;--text:#202124;--text-2:#5f6368;--accent:#1a73e8;--accent-soft:#e8f0fe;--on-accent:#fff;--danger:#d93025;--danger-soft:#fce8e6;--scrim:#20212499;--rail-w:88px;--info-w:340px;--topbar-h:64px;--bottomnav-h:60px;--gap:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#131314;--surface:#1e1f20;--surface-2:#282a2c;--surface-3:#35373a;--outline:#444746;--text:#e3e3e3;--text-2:#9aa0a6;--accent:#8ab4f8;--accent-soft:#1f3760;--on-accent:#062e6f;--danger:#f28b82;--danger-soft:#3b2422;--scrim:#000000b3}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Google Sans,Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}h1{margin:0;font-size:22px;font-weight:400}h2{margin:0;font-size:15px;font-weight:500}.dim{color:var(--text-2);margin:0;font-size:13px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{grid-template-columns:var(--rail-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar topbar""rail content";min-height:100dvh;display:grid}.topbar{background:var(--bg);z-index:10;grid-area:topbar;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-mark{background:conic-gradient(#4285f4 0deg 90deg,#ea4335 90deg 180deg,#fbbc04 180deg 270deg,#34a853 270deg 360deg);border-radius:50%;width:22px;height:22px}.topbar-title{color:var(--text-2);font-size:21px}.rail{top:var(--topbar-h);max-height:calc(100dvh - var(--topbar-h));flex-direction:column;grid-area:rail;align-self:start;gap:4px;padding:4px 0;display:flex;position:sticky}.rail-item{color:var(--text-2);justify-items:center;gap:4px;padding:10px 4px;font-size:12px;font-weight:500;text-decoration:none;display:grid}.rail-icon{border-radius:16px;place-items:center;width:56px;height:32px;transition:background-color .12s;display:grid}.rail-item:hover .rail-icon{background:var(--surface-2)}.rail-item.active{color:var(--text)}.rail-item.active .rail-icon{background:var(--accent-soft);color:var(--accent)}.content{grid-area:content;min-width:0;padding:0 20px 40px}.bottomnav{display:none}@media (width<=899px){.shell{grid-template:"topbar"56px"content"1fr"bottomnav"/1fr}.topbar{height:56px;padding:0 16px}.rail{display:none}.content{padding:0 8px 24px}.bottomnav{background:var(--surface);border-top:1px solid var(--outline);z-index:10;padding-bottom:env(safe-area-inset-bottom,0);grid-area:bottomnav;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:sticky;bottom:0}.bottomnav-item{height:var(--bottomnav-h);color:var(--text-2);align-content:center;justify-items:center;gap:2px;font-size:11px;font-weight:500;text-decoration:none;display:grid}.bottomnav-icon{border-radius:14px;place-items:center;width:60px;height:28px;display:grid}.bottomnav-item.active{color:var(--text)}.bottomnav-item.active .bottomnav-icon{background:var(--accent-soft);color:var(--accent)}}.page{max-width:1600px;margin:0 auto}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0 20px;display:flex}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.blank{color:var(--text-2);justify-items:center;gap:14px;padding:72px 0;display:grid}.blank p{margin:0}.pager{justify-content:space-between;gap:12px;padding:28px 0 0;display:flex}.chip{appearance:none;border:1px solid var(--outline);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:16px;align-items:center;height:32px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .12s;display:inline-flex}.chip:hover:not(:disabled){background:var(--surface-2)}.chip:disabled{opacity:.38;cursor:default}.chip-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.chip-danger:hover:not(:disabled){background:var(--danger-soft)}.button{appearance:none;background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:none;border-radius:20px;height:40px;padding:0 24px;font-size:14px;font-weight:500}.button:hover:not(:disabled){filter:brightness(1.06)}.button:disabled{opacity:.38;cursor:default}.button-text{color:var(--accent);background:0 0}.button-danger{background:var(--danger);color:#fff}.iconbutton{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:40px;height:40px;text-decoration:none;transition:background-color .12s;display:inline-grid}.iconbutton:hover:not(:disabled){background:var(--surface-2)}.iconbutton:disabled{opacity:.38;cursor:default}.iconbutton.is-on{background:var(--accent-soft);color:var(--accent)}.iconbutton-ondark{color:#fff}.iconbutton-ondark:hover:not(:disabled){background:#ffffff24}.iconbutton-ondark.is-on{color:#fff;background:#ffffff3d}.banner{background:var(--surface-2);border-radius:12px;gap:8px;margin:0 0 16px;padding:12px 16px;display:grid}.banner p{margin:0}.banner-ok{background:var(--accent-soft);color:var(--accent)}.banner-error{background:var(--danger-soft);color:var(--danger)}.alert{color:var(--danger);margin:0;font-weight:500}.meter{background:var(--surface-3);border-radius:2px;height:4px;overflow:hidden}.meter-fill{background:var(--accent);height:100%;transition:width .12s linear}.selectionbar{height:var(--topbar-h);z-index:40;background:var(--bg);align-items:center;gap:12px;padding:0 12px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 1px 3px #00000029}.selectionbar-count{font-size:17px;font-weight:500}.selectionbar-actions{gap:4px;margin-left:auto;display:flex}@media (width<=899px){.selectionbar{height:56px}}.groups{gap:28px;display:grid}.group-head{justify-content:flex-start;align-items:center;gap:10px;padding:0 2px 10px;display:flex}.group-check{appearance:none;border:2px solid var(--text-2);color:#0000;cursor:pointer;opacity:0;background:0 0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;transition:opacity .12s,background-color .12s;display:grid}.group:hover .group-check,.group-check:focus-visible,.group-check.is-on{opacity:1}.group-check.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.masonry{columns:6;column-gap:var(--gap)}@media (width>=1800px){.masonry{columns:7}}@media (width<=1279px){.masonry{columns:5}}@media (width<=899px){.masonry{columns:3}}@media (width<=599px){.masonry{columns:2}}.tile{break-inside:avoid;margin-bottom:var(--gap);position:relative}.tile-surface{appearance:none;background:var(--surface-2);cursor:pointer;border:none;border-radius:8px;width:100%;min-height:80px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.tile-media{display:block}.tile-media img,.tile-media video{width:100%;height:auto;transition:transform .14s;display:block}.tile-scrim{opacity:0;pointer-events:none;background:linear-gradient(#00000073,#0000);height:56px;transition:opacity .12s;position:absolute;inset:0 0 auto}.tile-caption{color:#fff;text-shadow:0 1px 3px #000c;opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;font-size:11px;transition:opacity .12s;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.tile:hover .tile-scrim,.tile:hover .tile-caption{opacity:1}.tile-duration{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0009;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:inline-flex;position:absolute;bottom:8px;right:8px}.tile-check{color:#0000;cursor:pointer;opacity:0;background:#00000040;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:opacity .12s,background-color .12s;display:grid;position:absolute;top:6px;left:6px}.tile:hover .tile-check,.tile-check:focus-visible,.tile.is-selected .tile-check{opacity:1}.tile.is-selected .tile-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tile.is-selected .tile-media img,.tile.is-selected .tile-media video{border-radius:8px;transform:scale(.86)}.tile.is-selected .tile-surface{background:var(--accent-soft)}@media (hover:none){.tile-check{opacity:1}}.lightbox{color:#fff;background:#000;border:none;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}.lightbox::backdrop{background:#000}.lightbox-bar{z-index:5;padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top,0));background:linear-gradient(#000000a6,#0000);align-items:center;gap:8px;display:flex;position:absolute;inset:0 0 auto}.lightbox-position{color:#ffffffbf;font-size:13px}.lightbox-actions{gap:2px;margin-left:auto;display:flex}.lightbox-body{flex:1;align-items:stretch;min-height:0;display:flex;position:relative}@media (width>=900px){.lightbox.has-info .lightbox-bar{right:var(--info-w)}}.lightbox-nav{appearance:none;color:#fff;cursor:pointer;z-index:1;background:0 0;border:none;flex-shrink:0;place-items:center;width:64px;display:grid}.lightbox-nav:hover:not(:disabled){background:#ffffff14}.lightbox-nav:disabled{opacity:.25;cursor:default}.stage{touch-action:none;flex:1;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.stage[data-zoomed=true]{cursor:grab}.stage[data-zoomed=true]:active{cursor:grabbing}.stage img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100dvh}.stage video{max-width:100%;max-height:100dvh}.stage-zoom{font-variant-numeric:tabular-nums;background:#000000b3;border-radius:22px;align-items:center;gap:6px;padding:4px 6px 4px 14px;font-size:13px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox-info{width:var(--info-w);background:var(--surface);color:var(--text);flex-shrink:0;padding:20px;overflow-y:auto}.sheet-scrim{appearance:none;z-index:3;cursor:pointer;background:#00000073;border:none;padding:0;position:absolute;inset:0}.sheet-grip{background:var(--outline);border-radius:2px;width:32px;height:4px;margin:0 auto 12px;display:block}.lightbox-info h2{margin:0 0 16px;font-size:18px;font-weight:400}.lightbox-info dl{gap:12px;margin:0;display:grid}.lightbox-info dt{color:var(--text-2);font-size:12px}.lightbox-info dd{overflow-wrap:anywhere;margin:2px 0 0}@media (width<=899px){.lightbox-nav{display:none}.lightbox-info{width:auto;max-height:60%;padding-bottom:max(20px, env(safe-area-inset-bottom,0));z-index:4;touch-action:pan-y;border-radius:16px 16px 0 0;transition:transform .2s;position:absolute;inset:auto 0 0}.lightbox-info.is-dragging{transition:none}}.dialog{background:var(--surface);color:var(--text);border:none;border-radius:28px;width:calc(100% - 48px);max-width:400px;padding:0;box-shadow:0 8px 24px #0000003d}.dialog::backdrop{background:var(--scrim)}.dialog-body{gap:16px;padding:24px;display:grid}.dialog-body h2{font-size:22px;font-weight:400}.dialog-description{color:var(--text-2);gap:8px;display:grid}.dialog-description p{margin:0}.dialog-description strong{color:var(--text);font-weight:500}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dropzone{border:2px dashed var(--outline);text-align:center;border-radius:16px;justify-items:center;gap:12px;padding:48px 24px;display:grid}.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon{background:var(--surface-2);width:56px;height:56px;color:var(--text-2);border-radius:50%;place-items:center;display:grid}.dropzone-title{margin:0;font-size:16px}.uploads{margin-top:28px}.uploads-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.uploads ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.upload{background:var(--surface-2);border-radius:12px;gap:8px;padding:12px 16px;display:grid}.upload-row{align-items:center;gap:12px;display:flex}.upload-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.upload-error{color:var(--danger);margin:0;font-size:13px}.pill{background:var(--surface-3);color:var(--text-2);white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:500}.pill-done{background:var(--accent-soft);color:var(--accent)}.pill-failed{background:var(--danger-soft);color:var(--danger)}@media (width<=599px){.upload-row{flex-wrap:wrap}.upload-name{flex-basis:100%}}.storage{background:var(--surface-2);border-radius:12px;gap:8px;margin-bottom:20px;padding:14px 16px;display:grid}.storage-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.storage-used{font-variant-numeric:tabular-nums;font-weight:500}.storage-note{margin:0;font-size:13px;font-weight:500}.storage-link{color:inherit;font-weight:500}.storage-warning .meter-fill{background:#f9ab00}.storage-warning .storage-note{color:#b06000}.storage-full .meter-fill{background:var(--danger)}.storage-full .storage-note{color:var(--danger)}@media (prefers-color-scheme:dark){.storage-warning .meter-fill{background:#fdd663}.storage-warning .storage-note{color:#fdd663}}.dropzone.is-locked{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.dropzone.is-locked .dropzone-icon{background:var(--danger-soft);color:var(--danger)}