.detail-window.seed-window {
  width: min(860px, calc(100vw - 56px));
  height: min(470px, calc(100vh - 150px));
  min-width: min(620px, calc(100vw - 24px));
  min-height: min(330px, calc(100vh - 90px));
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 84px);
  border-color: rgba(139, 151, 167, 0.36);
  border-radius: 12px;
  background: #171b21;
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.58);
}

.seed-window .seed-titlebar {
  min-height: 52px;
  padding: 0 13px;
  grid-template-columns: auto auto minmax(120px, 1fr) auto;
  gap: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(31, 35, 41, 0.98);
}

.seed-window .seed-title {
  justify-content: center;
  color: #f1f1f2;
  font-size: 13px;
  font-weight: 570;
}

.text-editor-window.seed-readonly {
  width: min(680px, calc(100vw - 60px));
  min-width: min(580px, calc(100vw - 24px));
  height: min(760px, calc(100vh - 90px));
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 60px);
  background: #171b20;
}

.seed-readonly .text-editor-toolbar-center {
  display: flex !important;
  opacity: 0.82;
}

.seed-readonly .text-editor-toolbar-trailing,
.seed-readonly .toolbar-overflow {
  display: none !important;
}

.seed-readonly .text-editor-canvas {
  padding: 12px;
  background: #171b20 !important;
}

.seed-readonly .text-editor-rich {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: 24px 22px 22px 24px;
  border: 1px solid #8c8575;
  border-radius: 1px;
  background-color: #e9e1cc !important;
  background-image: url("assets/wallpapers/gotham-police-emblem.png") !important;
  background-repeat: no-repeat !important;
  background-position: 20px 18px !important;
  background-size: 76px 76px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42);
  color: #161616 !important;
  font-family: "Courier New", Courier, monospace;
  font-size: 10px;
  line-height: 1.25;
}

.seed-readonly .text-editor-rich h1,
.seed-readonly .text-editor-rich h2,
.seed-readonly .text-editor-rich > p:first-of-type {
  width: calc(100% - 104px);
  margin-left: 104px;
  text-align: center;
}

.seed-readonly .text-editor-rich h1 {
  margin-top: 2px;
  margin-bottom: 3px;
  font-size: 15px;
  letter-spacing: 0;
}

.seed-readonly .text-editor-rich h2 {
  margin-top: 0;
  margin-bottom: 4px;
  color: #161616;
  font-size: 12px;
}

.seed-readonly .text-editor-rich > p:first-of-type {
  min-height: 38px;
  margin-top: 0;
  margin-bottom: 8px;
}

.seed-readonly .text-editor-rich table {
  width: 100%;
  margin: 0 0 8px;
  border-collapse: collapse;
  table-layout: fixed;
}

.seed-readonly .text-editor-rich th,
.seed-readonly .text-editor-rich td {
  padding: 4px 6px;
  border: 1px solid #232323;
  vertical-align: top;
  text-align: left;
}

.seed-readonly .text-editor-rich th {
  background: rgba(38, 36, 31, 0.055);
  font-size: 8px;
  letter-spacing: .025em;
}

.seed-readonly .text-editor-rich h3 {
  margin: 7px 0 0;
  padding: 3px 5px;
  border: 1px solid #232323;
  border-bottom: 0;
  color: #161616;
  font-size: 9px;
  letter-spacing: .035em;
}

.seed-readonly .text-editor-rich h3 + p,
.seed-readonly .text-editor-rich h3 + ul {
  margin: 0 0 7px;
  padding: 5px 7px 6px 22px;
  border: 1px solid #232323;
}

.seed-readonly .text-editor-rich h3 + p {
  padding-left: 7px;
}

.seed-readonly .text-editor-rich li {
  margin: 0 0 2px;
}

.seed-readonly .text-editor-rich > p:last-child {
  margin: 8px 0 0;
  color: #6d1e1e;
  font-size: 8px;
  text-align: center;
}


.preview-window {
  width: min(700px, calc(100vw - 60px));
  min-width: min(600px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  height: min(800px, calc(100vh - 84px));
  min-height: min(520px, calc(100vh - 90px));
  max-height: calc(100vh - 60px);
  grid-template-rows: 52px minmax(0, 1fr) 25px;
  border-radius: 12px;
  background: #181c21;
}

.preview-titlebar {
  padding: 0 12px;
  grid-template-columns: auto auto minmax(120px, 1fr) auto;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(31, 35, 41, 0.98);
}

.preview-titlebar .detail-title {
  overflow: hidden;
  color: #e7e9ed;
  font-size: 12px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preview-toolbar-leading,
.preview-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.preview-toolbar-leading button,
.preview-toolbar-actions button {
  min-height: 25px;
  padding: 3px 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.045);
  color: #c2c7cf;
  font-size: 10px;
}

.preview-toolbar-actions button:hover,
.preview-toolbar-leading button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.preview-toolbar-actions span {
  min-width: 36px;
  color: #9098a4;
  font-size: 9px;
  text-align: center;
}

.preview-shell {
  min-height: 0;
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
}

.preview-sidebar-hidden .preview-shell {
  grid-template-columns: 1fr;
}

.preview-sidebar {
  padding: 14px 10px;
  overflow: auto;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: #20242a;
}

.preview-sidebar[hidden] {
  display: none;
}

.preview-thumbnail {
  width: 100%;
  padding: 7px;
  display: grid;
  justify-items: center;
  gap: 5px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #aeb5bf;
}

.preview-thumbnail.active {
  border-color: #3f79bd;
  background: rgba(55, 120, 195, 0.2);
}

.preview-thumbnail-paper {
  width: 48px;
  height: 62px;
  display: block;
  border: 1px solid #898377;
  background: #e9e1cc;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}

.preview-thumbnail small {
  font-size: 9px;
}

.preview-stage {
  min-width: 0;
  overflow: auto;
  padding: 18px 22px 50px;
  background: #2a2e34;
}

.preview-document-page.text-editor-rich {
  width: min(560px, 100%);
  min-height: 720px;
  margin: 0 auto;
  transition: transform .14s ease;
}

.preview-statusbar {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.075);
  background: #1c2026;
  color: #7f8792;
  font-size: 9px;
}

@media (max-width: 680px) {
  .preview-shell {
    grid-template-columns: 1fr;
  }
  .preview-sidebar,
  .preview-toolbar-leading,
  .preview-toolbar-actions [data-preview-print] {
    display: none;
  }
}

.seed-readonly .text-editor-rich {
  padding: 18px 20px 14px;
  background-image: none !important;
}

.seed-readonly .text-editor-rich > table:first-child {
  height: 92px;
  margin: 0 0 7px;
  border: 0;
}

.seed-readonly .text-editor-rich > table:first-child td {
  padding: 0 6px;
  border: 0;
  vertical-align: middle;
}

.seed-readonly .text-editor-rich > table:first-child td:first-child {
  width: 16%;
  background-image: url("assets/wallpapers/gotham-police-emblem.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72px 72px;
}

.seed-readonly .text-editor-rich > table:first-child td:nth-child(2) {
  width: 54%;
  text-align: center;
}

.seed-readonly .text-editor-rich > table:first-child td:nth-child(3) {
  width: 30%;
}

.seed-readonly .text-editor-rich > table:first-child td:nth-child(3) div {
  min-height: 27px;
  padding: 6px 7px 4px;
  border: 1px solid #232323;
  font-size: 8px;
}

.seed-readonly .text-editor-rich > table:first-child td:nth-child(3) div + div {
  border-top: 0;
}

.seed-readonly .text-editor-rich > table:first-child h1,
.seed-readonly .text-editor-rich > table:first-child h2,
.seed-readonly .text-editor-rich > table:first-child p {
  width: auto;
  min-height: 0;
  margin: 0;
  text-align: center;
}

.seed-readonly .text-editor-rich > table:first-child h1 {
  font-size: 14px;
  line-height: 1.1;
}

.seed-readonly .text-editor-rich > table:first-child h2 {
  margin-top: 4px;
  font-size: 11px;
}

.seed-readonly .text-editor-rich > table:first-child p {
  margin-top: 4px;
  font-size: 9px;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) {
  margin-bottom: 7px;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) td {
  min-height: 42px;
  padding: 5px 7px;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) tr:first-child td:first-child {
  width: 50%;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) tr:first-child td:nth-child(2) {
  width: 25%;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) tr:first-child td:nth-child(3) {
  width: 25%;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) tr:nth-child(5) td {
  height: 58px;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) tr:nth-child(6) td {
  height: 174px;
}

.seed-readonly .text-editor-rich > table:nth-of-type(2) strong,
.seed-readonly .text-editor-rich > table:nth-of-type(3) strong {
  font-size: 8px;
}

.seed-readonly .text-editor-rich > table:nth-of-type(3) {
  margin-bottom: 7px;
}

.seed-readonly .text-editor-rich > table:nth-of-type(3) td:first-child {
  width: 62%;
}

.seed-readonly .text-editor-rich > table:nth-of-type(3) td:last-child {
  width: 38%;
}

.seed-readonly .text-editor-rich > p:last-child {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #161616;
  text-align: left;
}

.seed-readonly .text-editor-rich > p:last-child span {
  color: #7a1d1d;
  text-align: right;
}

.seed-readonly .desk-log-page > table:nth-of-type(2) td {
  width: 25%;
  height: 44px;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) {
  margin-bottom: 7px;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) th,
.seed-readonly .desk-log-page > table:nth-of-type(3) td {
  width: auto;
  padding: 5px 6px;
  font-size: 8px;
  line-height: 1.32;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) th:first-child,
.seed-readonly .desk-log-page > table:nth-of-type(3) td:first-child {
  width: 15%;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) th:nth-child(2),
.seed-readonly .desk-log-page > table:nth-of-type(3) td:nth-child(2) {
  width: 18%;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) th:nth-child(3),
.seed-readonly .desk-log-page > table:nth-of-type(3) td:nth-child(3) {
  width: 45%;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) th:nth-child(4),
.seed-readonly .desk-log-page > table:nth-of-type(3) td:nth-child(4) {
  width: 14%;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) th:last-child,
.seed-readonly .desk-log-page > table:nth-of-type(3) td:last-child {
  width: 8%;
  text-align: center;
}

.seed-readonly .desk-log-page > table:nth-of-type(3) tbody tr {
  height: 58px;
}

.seed-readonly .desk-log-page > table:nth-of-type(4) td:first-child {
  width: 62%;
}

.seed-readonly .desk-log-page > table:nth-of-type(4) td:last-child {
  width: 38%;
}

/* Shared split toolbar geometry used by Music and Files. */
.music-window { --unified-sidebar-width: var(--music-sidebar-width); }

/* Files */
.files-window {
  --files-sidebar-width: 230px;
  --unified-sidebar-width: var(--files-sidebar-width);
  left: 50%;
  right: auto;
  top: 50%;
  width: min(950px, calc(100vw - 56px));
  min-width: min(720px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  height: min(525px, calc(100vh - 104px));
  min-height: min(480px, calc(100vh - 84px));
  max-height: calc(100vh - 84px);
  display: block;
  transform: translate(-50%, -50%);
  border-color: rgba(146, 153, 164, .46);
  border-radius: 18px;
  background: transparent;
  color: #f3f3f4;
  box-shadow: 0 30px 90px rgba(0,0,0,.65), inset 0 1px rgba(255,255,255,.05);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.files-window.is-drag-positioned,
.files-window.maximized,
.files-window.snapped-left,
.files-window.snapped-right { transform: none; }

.files-window::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 auto 0 0;
  width: var(--files-sidebar-width);
  background: rgba(31,38,48,.76);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  pointer-events: none;
}

.files-shell {
  position: absolute;
  z-index: 1;
  inset: 0;
  grid-row: 1 / -1;
  grid-column: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: var(--files-sidebar-width) minmax(0, 1fr);
}

.files-sidebar {
  grid-column: 1;
  min-width: 0;
  padding: 76px 16px 14px;
  overflow: auto;
  border-right: 1px solid rgba(255,255,255,.08);
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.files-sidebar nav { margin: 0; }
.files-sidebar-item {
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  gap: 9px;
  align-items: center;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: rgba(250,250,251,.92);
  font: 570 14px/1 var(--font-ui);
  text-align: left;
  cursor: default;
}
.files-sidebar-item:hover { background: rgba(255,255,255,.06); }
.files-sidebar-item.active { background: rgba(255,255,255,.15); color: #fff; font-weight: 650; }
.files-sidebar-item > .music-glyph { width: 19px; height: 19px; justify-self: center; color: rgba(255,255,255,.92); }
.files-sidebar-item[data-files-location="trash"] > .music-glyph { opacity: .74; }
.files-section-toggle {
  width: 100%;
  min-height: 34px;
  margin-top: 21px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #9b9ba1;
  font: 650 12px/1 var(--font-ui);
  text-align: left;
  cursor: pointer;
}
.files-section-toggle:hover { background: rgba(255,255,255,.07); color: #f1f1f3; }
.files-section-chevron { width: 16px; height: 16px; display: grid; place-items: center; color: #a6a6ac; transition: transform 160ms ease; }
.files-section-chevron .music-glyph { width: 14px; height: 14px; }
.files-section-toggle[aria-expanded="false"] .files-section-chevron { transform: rotate(-90deg); }
.files-section-list { display: grid; gap: 3px; }
.files-section-list[hidden] { display: none; }

.files-browser { grid-column: 2; min-width: 0; min-height: 0; display: grid; grid-template-rows: minmax(0,1fr) 28px; background: #0a111b; }
.files-toolbar {
  position: relative;
  z-index: 10;
  grid-column: 1 / -1;
  grid-row: 1;
  grid-column: 1;
  height: 56px;
  padding: 0 var(--unified-toolbar-edge-inset) 0 20.5px;
  display: grid;
  grid-template-columns: calc(var(--files-sidebar-width) - 20.5px) auto minmax(120px,1fr) auto;
  gap: var(--unified-toolbar-gap);
  border-bottom: 0;
  background: transparent;
}
.unified-toolbar-segment {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  border-bottom: 1px solid rgba(70,81,96,.72);
  pointer-events: none;
  transition: opacity 160ms ease, backdrop-filter 160ms ease;
}
.unified-toolbar-sidebar-segment { left: 0; width: var(--unified-sidebar-width); background: rgba(31,38,48,.76); }
.unified-toolbar-body-segment { right: 0; left: var(--unified-sidebar-width); background: rgba(31,38,48,.76); }
.segmented-unified-toolbar.is-sidebar-scrolled .unified-toolbar-sidebar-segment,
.segmented-unified-toolbar.is-body-scrolled .unified-toolbar-body-segment {
  opacity: 1;
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}
.files-toolbar > .window-controls,
.files-toolbar > .files-history,
.files-toolbar > h1,
.files-toolbar > .files-toolbar-actions { position: relative; z-index: 2; visibility: visible; }
.files-toolbar > .window-controls { margin-inline-start: 0 !important; gap: 9px; }
.files-toolbar .window-control { width: 14px; height: 14px; }
.files-toolbar h1 { margin: 0; align-self: center; color: #f4f4f5; font: 650 18px/1 var(--font-ui); letter-spacing: -.015em; }
.files-history, .files-toolbar-actions { display: flex; align-items: center; }
.files-toolbar-actions { gap: var(--unified-toolbar-gap); }
.files-history {
  height: var(--unified-toolbar-control-height);
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.16);
}
.files-view-switcher {
  height: var(--unified-toolbar-control-height);
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
}
.files-history button, .files-toolbar-actions button {
  min-width: 35px;
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: rgba(255,255,255,.075);
  color: rgba(255,255,255,.82);
  font: 600 12px/1 var(--font-ui);
}
.files-view-switcher button {
  width: var(--unified-toolbar-segment-width);
  min-width: var(--unified-toolbar-segment-width);
  height: var(--unified-toolbar-control-height);
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 0;
  background: rgba(255,255,255,.055);
}
.files-view-switcher button:first-child { border-radius: 8px 0 0 8px; }
.files-view-switcher button:last-child { border-left: 0; border-radius: 0 8px 8px 0; }
.files-view-switcher button svg {
  width: var(--unified-toolbar-symbol-size);
  height: var(--unified-toolbar-symbol-size);
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.files-view-switcher .app-launcher-list-view-symbol { display: block; }
.files-sort-control { position: relative; flex: 0 0 auto; }
.files-sort-button {
  width: var(--unified-toolbar-segment-width);
  min-width: var(--unified-toolbar-segment-width) !important;
  height: var(--unified-toolbar-control-height) !important;
  padding: 0 !important;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.16);
}
.files-sort-button:hover,
.files-sort-button[aria-expanded="true"] { background: rgba(255,255,255,.14) !important; color: #fff; }
.files-sort-symbol {
  width: var(--unified-toolbar-symbol-size);
  height: var(--unified-toolbar-symbol-size);
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.files-sort-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  right: 0;
  min-width: 164px;
  padding: 5px;
  border: 1px solid rgba(177,190,210,.28);
  border-radius: 11px;
  background: rgba(26,32,42,.94);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  backdrop-filter: blur(24px) saturate(140%);
  box-shadow: 0 18px 46px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.files-sort-menu[hidden] { display: none; }
.files-sort-menu button {
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 0 8px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) 14px;
  gap: 5px;
  align-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #f2f5f9;
  font: 500 13px/1 var(--font-ui);
  text-align: left;
  white-space: nowrap;
}
.files-sort-menu button:hover,
.files-sort-menu button:focus-visible { outline: 0; background: var(--blue-strong); color: #fff; }
.files-sort-menu .desktop-context-separator { margin: 5px 7px; }
.files-sort-check { width: 14px; display: grid; place-items: center; font-size: 12px; font-weight: 750; }
.files-history button {
  width: var(--unified-toolbar-segment-width);
  min-width: var(--unified-toolbar-segment-width);
  height: var(--unified-toolbar-control-height);
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 0;
}
.files-history button:first-child { border-radius: 8px 0 0 8px; }
.files-history button:last-child { border-left: 1px solid rgba(255,255,255,.09); border-radius: 0 8px 8px 0; }
.files-history button .music-glyph { width: var(--unified-toolbar-symbol-size); height: var(--unified-toolbar-symbol-size); color: currentColor; }
.files-history button .files-navigation-symbol { stroke-width: 2; }
.files-history button img { width: 22px; height: 22px; display: block; object-fit: contain; filter: brightness(2.2) grayscale(1); }
.files-history button:hover:not(:disabled) { background: rgba(255,255,255,.1); color: #fff; }
.files-history button:active:not(:disabled) { background: rgba(255,255,255,.15); }
.files-history button:disabled { opacity: 1; color: rgba(255,255,255,.28); }
.files-toolbar-actions button:hover, .files-toolbar-actions button.active { background: rgba(255,255,255,.14); color: #fff; }
.files-content { min-width: 0; min-height: 0; overflow: auto; position: relative; }
.files-grid { padding: 82px 26px 32px; display: grid; grid-template-columns: repeat(auto-fill, minmax(116px, 1fr)); align-content: start; gap: 25px 18px; }
.files-item {
  min-width: 0;
  min-height: 126px;
  padding: 4px 5px 7px;
  display: grid;
  grid-template-rows: 76px auto auto auto;
  justify-items: center;
  align-content: start;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #f2f2f3;
  font: 520 13px/1.25 var(--font-ui);
  cursor: default;
}
.files-item:hover { background: rgba(255,255,255,.045); }
.files-item:focus { outline: 0; background: rgba(46,124,215,.45); border-color: rgba(101,167,244,.7); }
.files-item-art { width: 86px; height: 72px; display: grid; place-items: center; }
.files-item-art img { max-width: 82px; max-height: 72px; display: block; object-fit: contain; filter: drop-shadow(0 7px 8px rgba(0,0,0,.28)); }
.files-item-name { max-width: 128px; margin-top: 5px; text-align: center; overflow-wrap: anywhere; }
.files-item-kind, .files-item-date, .files-item-size { display: none; color: rgba(255,255,255,.45); }

.files-list-header { display: none; }
.files-window[data-files-mode="list"] .unified-toolbar-body-segment { bottom: -30px; }
.files-window[data-files-mode="list"] .files-list-header {
  position: absolute;
  z-index: 2;
  top: 56px;
  right: 0;
  left: var(--files-sidebar-width);
  height: 29px;
  margin: 0;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 34px minmax(180px,1fr) 150px 90px minmax(120px,.6fr);
  gap: 10px;
  align-items: center;
  border-inline: 1px solid transparent;
  background: transparent;
  color: rgba(255,255,255,.48);
  font: 600 11px/1 var(--font-ui);
  text-align: left;
}
.files-list-header-name { grid-column: 2; }
.files-list-header > :nth-child(2) { grid-column: 3; }
.files-list-header > :nth-child(3) { grid-column: 4; }
.files-list-header > :nth-child(4) { grid-column: 5; }
.files-window[data-files-mode="list"] .files-grid { display: block; padding: 85px 18px 24px; }
.files-window[data-files-mode="list"] .files-item {
  width: 100%;
  min-height: 43px;
  padding: 4px 10px;
  grid-template-columns: 34px minmax(180px,1fr) 150px 90px minmax(120px,.6fr);
  grid-template-rows: 1fr;
  gap: 10px;
  align-items: center;
  justify-items: start;
  border-radius: 7px;
  text-align: left;
}
.files-window[data-files-mode="list"] .files-item-art { width: 30px; height: 30px; }
.files-window[data-files-mode="list"] .files-item-art img { max-width: 30px; max-height: 30px; }
.files-window[data-files-mode="list"] .files-item-name { max-width: none; margin: 0; text-align: left; }
.files-window[data-files-mode="list"] .files-item-kind,
.files-window[data-files-mode="list"] .files-item-date,
.files-window[data-files-mode="list"] .files-item-size { display: block; }

.files-empty { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 6px; color: rgba(255,255,255,.42); font: 500 13px/1.3 var(--font-ui); }
.files-empty[hidden] { display: none; }
.files-empty img { width: 76px; height: 76px; margin-bottom: 5px; object-fit: contain; filter: grayscale(.45); opacity: .55; }
.files-empty strong { color: rgba(255,255,255,.72); font-size: 16px; }
.files-status { padding: 6px 16px; border-top: 1px solid rgba(255,255,255,.055); color: rgba(255,255,255,.43); font: 500 11px/1 var(--font-ui); }

@media (max-width: 980px) {
  .files-window { --files-sidebar-width: 194px; }
}

@media (max-width: 820px) {
  .files-window { min-width: 0; }
  .files-toolbar { grid-template-columns: calc(var(--files-sidebar-width) - 20.5px) auto minmax(80px,1fr) auto; gap: var(--unified-toolbar-gap); }
  .files-search { display: none; }
  .files-grid { grid-template-columns: repeat(auto-fill, minmax(96px,1fr)); padding-inline: 14px; }
}