/* ── Collection launchers ───────────────────────────────────
   Photos, albums, games, and books open one centered app window.
   The contents no longer expand from the desktop edge. */

[data-desktop-folders] {
  display: grid;
  gap: 18px 20px;
  grid-auto-flow: column;
  grid-template-columns: repeat(2, 88px);
  grid-template-rows: repeat(2, auto);
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
}

[data-desktop-mode='macos'] [data-desktop-folders] { top: 56px; }

[data-desktop-folder] { position: relative; }

[data-folder-toggle] {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--os-ink);
  cursor: default;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 80px;
  padding: 4px;
  width: 88px;
}

[data-folder-toggle] [data-icon] {
  transition:
    transform var(--ui-duration) var(--ease-out),
    box-shadow var(--ui-duration) var(--ease-out),
    background-color var(--ui-duration) ease,
    color var(--ui-duration) ease;
}

[data-folder-toggle]:focus-visible {
  outline: var(--os-focus-width) solid var(--os-accent-bright);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  [data-folder-toggle]:hover [data-icon] {
    box-shadow: 6px 6px 0 var(--os-shadow);
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-folder-toggle] [data-icon] { transition-duration: 1ms; }
}

@media (max-width: 760px) {
  [data-desktop-folders] {
    display: grid;
    gap: 4px;
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: auto;
    left: 8px;
    right: 8px;
    top: 12px;
  }

  [data-desktop-mode='macos'] [data-desktop-folders] { top: 44px; }

  [data-folder-toggle] {
    min-height: 76px;
    width: 100%;
  }

  [data-desktop-folders] [data-app-label] {
    font-size: 9px;
    overflow-wrap: anywhere;
    text-align: center;
  }
}