/* Seven tools, matching the original dock while keeping brand icons intact. */
#skills .app-filmcraft .app-icon{background:#8c5bef;overflow:hidden}
#skills .app-filmcraft .app-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:none}
#skills :is(.app-gemini,.app-google-flow) .app-icon{background:#fff}
#skills :is(.app-gemini,.app-google-flow) .app-icon img{filter:none;object-fit:contain}
@media screen{
 #skills .app-dock{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
 #skills .app-tile figcaption{overflow-wrap:anywhere}
}
@media screen and (max-width:1000px){#skills .app-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media screen and (max-width:600px){#skills .app-dock{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}#skills .app-tile:last-child{grid-column:2}}
@media print{#skills .app-dock{grid-template-columns:repeat(7,minmax(0,1fr));gap:2mm}#skills .app-tile figcaption{font-size:8pt}}