.drive-sections a.is-active { color:var(--paper); background:var(--drive-hover); }
.drive-file-thumbnail { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; border-radius:7px; background:var(--drive-secondary); }
.drive-file-extension { z-index:1; }
.drive-media-visual { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; }
.drive-item-meta { display:none; }
.drive-item-picture.is-album { color:var(--copper-light); }
.drive-album-count { display:block; color:var(--muted); font-size:10px; line-height:1.5; }
.drive-grid:not(.is-list).is-albums { grid-template-columns:repeat(auto-fill,minmax(164px,1fr)); gap:16px; }
.drive-grid:not(.is-list).is-albums>.drive-item { max-width:none; }
.drive-grid:not(.is-list).is-albums .drive-item-open { min-height:190px; padding:8px; gap:10px; }
.drive-grid:not(.is-list).is-albums .drive-item-picture { width:100%; height:130px; border-radius:8px; }
.drive-grid:not(.is-list).is-albums .drive-item-picture { background:var(--drive-secondary); }
.drive-grid:not(.is-list).is-albums .drive-item-name { font-size:12px; }
.drive-item-select { position:absolute; top:5px; left:5px; z-index:2; display:grid; place-items:center; width:26px; height:26px; padding:0; border:0; border-radius:50%; background:var(--drive-surface,#181715); color:var(--muted); opacity:0; transition:opacity 150ms,background-color 150ms; }
.drive-item-select .icon { display:block; width:16px; height:16px; }
.drive-item:is(:hover,:focus-within,.is-selected)>.drive-item-select { opacity:1; }
.drive-item.is-selected>.drive-item-select { background:var(--copper-light); color:#21170f; }
.drive-item.is-dragging { opacity:.4; }
.drive-item.is-drop-target,.drive-breadcrumbs a.is-drop-target { outline:1px solid var(--copper-light); outline-offset:-1px; border-radius:8px; background:#c7905e25; }
.drive-workspace.is-drop-target { box-shadow:inset 0 0 0 1px var(--copper-light); }
.drive-album-toolbar { display:flex; align-items:center; justify-content:space-between; flex:none; gap:14px; padding:8px 28px 14px; border-bottom:1px solid var(--line); }
.drive-album-toolbar>span { color:var(--muted); font-size:11px; line-height:1.7; }
.drive-album-toolbar button { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:8px; min-height:36px; padding:0 8px; font:inherit; font-size:11px; color:var(--copper-light); }
.drive-album-toolbar button>span { line-height:1; }
.drive-album-toolbar .icon { display:block; width:17px; height:17px; flex-shrink:0; }
.drive-timeline { display:flex; flex-direction:column; min-width:0; }
.drive-activity { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:16px; padding:18px 8px; border-bottom:1px solid var(--line); }
.drive-activity-glyph { display:grid; place-items:center; color:var(--copper-light); }
.drive-activity-glyph .icon { display:block; width:20px; height:20px; }
.drive-activity-copy { min-width:0; }
.drive-activity-heading { margin-bottom:5px; font-size:10px; line-height:1.5; color:var(--muted); }
.drive-activity-copy strong { display:block; font-size:12px; line-height:1.6; font-weight:550; overflow-wrap:anywhere; }
.drive-activity-copy p { color:var(--muted); font-size:10px; line-height:1.7; overflow-wrap:anywhere; margin-top:5px; }
.drive-activity time { color:var(--muted); text-align:right; font-size:10px; line-height:1.7; max-width:180px; }
#account-drive-picker { width:min(960px,calc(100% - 32px)); }
.drive-picker-layout { display:grid; grid-template-columns:150px minmax(0,1fr); height:min(54dvh,500px); min-height:180px; }
.drive-picker-sidebar { display:flex; flex-direction:column; align-items:stretch; gap:4px; padding:2px 12px 12px; border-right:1px solid var(--line); }
.drive-picker-sidebar .drive-brand { margin:0 8px 16px; font-size:20px; }
.drive-picker-sidebar button { display:flex; align-items:center; justify-content:flex-start; gap:9px; min-height:38px; padding:0 9px; color:var(--muted); font:inherit; font-size:11px; border-radius:6px; }
.drive-picker-sidebar button>span { line-height:1; }
.drive-picker-sidebar .icon { display:block; width:16px; height:16px; flex-shrink:0; }
.drive-picker-sidebar button:is(:hover,.is-active) { background:var(--line); color:var(--paper); }
.drive-picker-content { display:flex; flex-direction:column; min-width:0; min-height:0; }
.drive-picker-content .drive-breadcrumbs { min-height:32px; flex:none; padding:0 18px; font-size:12px; }
.drive-picker-content .drive-breadcrumbs button { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:32px; max-width:200px; padding:0; color:var(--muted); font:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.drive-picker-content .drive-breadcrumbs button:hover { color:var(--copper-light); }
.drive-picker-help { flex:none; font-size:10px; line-height:1.7; color:var(--muted); margin:8px 18px 12px; }
.drive-picker-canvas { min-height:0; flex:1; padding:4px 12px 14px; overflow:auto; scrollbar-width:thin; scrollbar-color:#826650 transparent; }
.drive-picker-canvas .drive-grid { grid-template-columns:repeat(auto-fill,minmax(106px,1fr)); gap:10px; }
.drive-picker-canvas .drive-item-open { min-height:134px; gap:8px; }
.drive-picker-canvas .drive-item-picture { width:66px; height:70px; }
.drive-picker-canvas .drive-item-picture>.icon { width:62px; height:62px; }
.drive-picker-empty { font-size:12px; text-align:center; color:var(--muted); padding:50px 16px; line-height:1.8; }
.drive-picker-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:14px 20px; border-top:1px solid var(--line); }
.drive-picker-footer>span { color:var(--muted); font-size:11px; line-height:1.7; }
.drive-picker-footer>div { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-left:auto; }
.drive-picker-footer .cloud-button { min-height:40px; }
.drive-picker-footer .cloud-button:disabled { opacity:.45; cursor:default; }
.drive-picker-added { position:absolute; top:5px; right:5px; display:grid; place-items:center; width:24px; height:24px; background:var(--copper-light); color:#21170f; border-radius:50%; }
.drive-picker-added .icon { display:block; width:15px; height:15px; }
.drive-picker-canvas .is-in-album .drive-item-open { opacity:.55; }
.drive-grid.is-list { display:flex; flex-direction:column; gap:2px; }
.drive-list-heading { display:grid; grid-template-columns:42px minmax(100px,1fr) 72px 84px 136px; align-items:center; gap:16px; flex:none; padding:0 42px 12px 40px; border-bottom:1px solid var(--line); margin-bottom:6px; color:var(--muted); font-size:10px; line-height:1.6; }
.drive-list-heading>span:first-child { grid-column:1 / 3; padding-left:58px; }
.drive-grid.is-list>.drive-item { max-width:none; border-radius:6px; }
.drive-grid.is-list .drive-item-open { display:grid; grid-template-columns:42px minmax(100px,1fr) 72px 84px 136px; align-items:center; gap:16px; min-height:60px; padding:0 42px 0 40px; text-align:left; }
.drive-grid.is-list .drive-item-picture { width:42px; height:44px; }
.drive-grid.is-list .drive-item-picture>.icon { width:36px; height:36px; }
.drive-grid.is-list .drive-item-name { display:block; min-height:0; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; line-height:1.5; }
.drive-grid.is-list .drive-item-meta { display:contents; }
.drive-grid.is-list .drive-item-meta>* { min-width:0; color:var(--muted); font-size:10px; line-height:1.6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-variant-numeric:tabular-nums; }
.drive-grid.is-list .drive-item-type { text-transform:none; }
.drive-grid.is-list :is(.drive-file-extension,.drive-album-count) { display:none; }
.drive-grid.is-list .drive-item-more { inset:0 3px 0 auto; width:36px; height:auto; }
.drive-grid.is-list .drive-item-select { top:0; bottom:0; left:4px; margin-block:auto; width:32px; height:40px; border-radius:5px; background:transparent; }
.drive-grid.is-list .drive-item.is-selected>.drive-item-select { color:var(--copper-light); }
.drive-grid.is-list .drive-inline-name { left:98px; right:366px; top:0; bottom:0; width:auto; height:36px; min-height:36px; margin-block:auto; padding:0 7px; text-align:left; }
:is(.drive-grid,.drive-timeline,.drive-album-toolbar,.drive-picker-empty,.drive-picker-sidebar button,.drive-list-heading,.drive-view-mode)[hidden] { display:none; }
@media(hover:none) { .drive-item-select { opacity:1; } }
@media(max-width:700px) {
  .drive-grid:not(.is-list).is-albums { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
  .drive-grid:not(.is-list).is-albums .drive-item-picture { height:110px; }
  .drive-grid:not(.is-list).is-albums .drive-item-open { min-height:170px; }
  .drive-view-mode { width:44px; height:44px; }
  .drive-album-toolbar { padding:10px 14px; flex-wrap:wrap; gap:5px; }
  .drive-activity { grid-template-columns:24px minmax(0,1fr); gap:8px 12px; padding:16px 4px; }
  .drive-activity time { grid-column:2; max-width:none; text-align:left; }
  .drive-picker-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); height:min(58dvh,500px); }
  .drive-picker-sidebar { flex-direction:row; overflow-x:auto; padding:0 12px 12px; border-right:0; }
  .drive-picker-sidebar .drive-brand { display:none; }
  .drive-picker-sidebar button { flex:none; min-height:40px; font-size:10px; }
  .drive-picker-content .drive-breadcrumbs { padding-inline:14px; }
  .drive-picker-help { margin-inline:14px; }
  .drive-picker-canvas .drive-grid { grid-template-columns:repeat(auto-fill,minmax(88px,1fr)); gap:6px; }
  .drive-picker-canvas .drive-item-open { padding-inline:4px; }
  .drive-picker-footer { padding:12px 16px; gap:8px; }
  .drive-picker-footer .cloud-button { min-height:44px; padding-inline:12px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .drive-item-select { transition:none; } }

@container drive-content (max-width:680px) {
  .drive-list-heading { grid-template-columns:36px minmax(0,1fr) 68px; padding-inline:36px 36px; gap:10px; }
  .drive-list-heading>span:first-child { padding-left:46px; }
  .drive-list-heading>span:nth-child(3) { grid-column:3; }
  .drive-list-heading>span:nth-child(2),.drive-list-heading>span:nth-child(4) { display:none; }
  .drive-grid.is-list .drive-item-open { grid-template-columns:36px minmax(0,1fr) 68px; min-height:64px; padding-inline:36px; gap:10px; }
  .drive-grid.is-list .drive-item-picture { width:36px; height:40px; }
  .drive-grid.is-list .drive-item-meta>:is(.drive-item-type,.drive-item-date) { display:none; }
  .drive-grid.is-list .drive-item-select { left:0; }
  .drive-grid.is-list .drive-item-more { right:0; }
  .drive-grid.is-list .drive-inline-name { left:82px; right:114px; font-size:12px; }
}