/* Local preview: continuous wallpaper, without opaque icon tiles or label plates. */
.launcher-icon { display:block; width:28px; height:28px; flex-shrink:0; }
.embedded-toolbox-card-icon .launcher-icon,.firmware-card-icon .launcher-icon { width:40px; height:40px; }
.tools-scene { display:none; }
.launcher-name-short { display:none; }
.home-cards .link-card h2 :is(.launcher-name-full,.launcher-name-short) { color:inherit; font:inherit; }
@media (max-width:620px) {
  .tools-stage .home-shade { display:none; }
  .tools-stage .tools-content { padding:24px 14px; }
  .tools-stage .tools-content .tools-cards .tools-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px 8px;
    align-items:start;
  }
  .tools-stage .tools-content .tools-cards .tool-card,
  html[data-theme="light"] .tools-stage .tools-content .tools-cards .tool-card,
  .tools-stage .tools-content .tools-cards .tool-card:is(:hover,:focus-visible,:active),
  html[data-theme="light"] .tools-stage .tools-content .tools-cards .tool-card:is(:hover,:focus-visible,:active) {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:2px;
    min-height:80px;
    padding:4px 0;
    background:transparent!important;
    border:0;
    border-radius:14px;
    box-shadow:none;
    text-align:center;
    transform:none;
    -webkit-tap-highlight-color:transparent;
  }
  .tools-stage .tools-content .tools-cards .tool-card .tool-card-icon {
    display:grid;
    place-items:center;
    width:56px;
    height:40px;
    flex:0 0 40px;
    border-radius:0;
    border:0;
    background:transparent;
    color:#73e0d2;
    font-size:32px;
    box-shadow:none;
    filter:drop-shadow(0 1px 1px #071522) drop-shadow(0 0 2px #071522);
  }
  .tools-stage .tools-content .tools-cards .tool-card .tool-card-icon img { width:38px; height:38px; object-fit:contain; }
  .tools-stage .tool-card-icon .launcher-icon,
  .mobile-catalog .mobile-catalog-icon .launcher-icon { width:38px; height:38px; }
  .tools-stage .tools-content .tools-cards .tool-card h2 {
    max-width:100%;
    box-sizing:border-box;
    margin:0;
    padding:0 3px;
    border-radius:6px;
    background:transparent;
    color:#f5f8fc;
    font-size:13px;
    line-height:18px;
    font-weight:650;
    letter-spacing:0;
    text-shadow:-1px -1px 0 #11202a,1px -1px 0 #11202a,-1px 1px 0 #11202a,1px 1px 0 #11202a,0 2px 3px #000;
    text-wrap:balance;
  }
  .tools-stage .tools-content .tools-cards .tool-card p { display:none; }
  .tools-stage .tool-card .launcher-name-full { display:none; }
  .tools-stage .tool-card .launcher-name-short { display:inline; }
  html[data-theme="light"] .tools-stage .tools-content .tools-cards .tool-card .tool-card-icon {
    background:transparent;
    border:0;
    color:#73e0d2;
    box-shadow:none;
  }
  html[data-theme="light"] .tools-stage .tools-content .tools-cards .tool-card h2 { background:transparent; color:#f5f8fc; }
  .tools-stage .tools-content .tools-cards .tool-card:is(:hover,:focus-visible,:active) .tool-card-icon { background:transparent; border:0; box-shadow:none; }
  .tools-stage .tools-content .tools-cards .tool-card:focus-visible { outline:3px solid #67dfd2; outline-offset:3px; }
  html[data-theme="light"] .tools-stage .tools-content .tools-cards .tool-card:focus-visible { outline-color:#086b62; }

  /* Nested catalogs use the same compact icon-over-name entry pattern. */
  .mobile-catalog { min-height:calc(100dvh - 56px - 58px); }
  .mobile-catalog .mobile-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 8px; align-items:start; padding-top:16px; }
  .mobile-catalog .mobile-catalog-grid .mobile-catalog-entry {
    display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
    gap:2px; min-width:0; min-height:80px; padding:4px 0;
    border:0; border-radius:14px; background:transparent; box-shadow:none;
    color:inherit; font:inherit; text-align:center; transform:none;
  }
  .mobile-catalog .mobile-catalog-grid .mobile-catalog-icon {
    display:grid; place-items:center; width:56px; height:40px; flex:0 0 40px;
    margin:0; border:0; border-radius:0;
    background:transparent; color:#8de9db; font-size:32px;
    box-shadow:none;
  }
  .mobile-catalog .mobile-catalog-entry :is(.embedded-toolbox-card-content,.firmware-card-content) { display:block; max-width:100%; }
  .mobile-catalog .mobile-catalog-entry strong { display:block; font-size:12px; line-height:18px; font-weight:650; overflow-wrap:normal; text-wrap:balance; }
  .mobile-catalog .mobile-catalog-entry :is(.embedded-toolbox-card-content,.firmware-card-content)>:is(span,small),
  .mobile-catalog .mobile-catalog-entry :is(.embedded-toolbox-card-arrow,.firmware-card-arrow) { display:none; }
  html[data-theme="light"] .mobile-catalog .mobile-catalog-grid .mobile-catalog-entry { background:transparent; }
  html[data-theme="light"] .mobile-catalog .mobile-catalog-grid .mobile-catalog-icon { background:transparent; border:0; color:#086b62; box-shadow:none; }
  .mobile-catalog .mobile-catalog-grid .mobile-catalog-entry:focus-visible { outline:3px solid #67dfd2; outline-offset:3px; }
  html[data-theme="light"] .mobile-catalog .mobile-catalog-grid .mobile-catalog-entry:focus-visible { outline-color:#086b62; }
  .mobile-catalog .mobile-catalog-grid .mobile-catalog-entry:is(:hover,:active) .mobile-catalog-icon { border-color:#67dfd2; }
}