/* App icon generator (loaded after hub.css, bpm.css, cover.css and wave.css) */
.iconstage{border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 30% 20%,#1d2338,#0e1118 70%);padding:22px;display:grid;grid-template-columns:auto 1fr;gap:20px 26px;align-items:center}
.pvmain{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.pvmain canvas{border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.45);background:repeating-conic-gradient(#2a3040 0 25%,#1c2130 0 50%) 0 0/16px 16px}
.pvgrid{display:grid;grid-template-columns:repeat(2,auto);gap:16px 22px;justify-content:start}
.pvgrid figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:11.5px;text-align:center}
.pvgrid canvas{filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.browtab{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:#1a1f2b;border-radius:10px 10px 0 0;padding:8px 12px 0}
.browtab .dots{display:flex;gap:5px}.browtab .dots i{width:9px;height:9px;border-radius:50%;background:#3a4152}
.btab{display:flex;align-items:center;gap:8px;background:#0e1118;border-radius:8px 8px 0 0;padding:7px 14px;font-size:12.5px;max-width:220px}
.btab b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.favrow{grid-column:1/-1;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin-top:-8px}
.platforms{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:4px 14px;margin:12px 0}
.checks{margin:12px 0 0}
@media (max-width:560px){.iconstage{grid-template-columns:1fr;justify-items:center}.pvgrid{grid-template-columns:repeat(4,auto);gap:10px}}
