/* Compact generator cards; keep each interactive scene inside its card. */
.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tools-grid>.tool-card{min-width:0;padding:22px 24px 20px;border-radius:22px}
.tools-grid .tool-heading{margin-top:12px}
.tools-grid .tool-heading h3{font-size:27px}
.tools-grid .tool-heading>p{font-size:11px;margin-top:12px}
.tools-grid .tool-card-bottom{padding-top:16px}
.tools-grid .tool-card-bottom p{font-size:10px;line-height:1.7}
.tools-grid .has-playground .tool-scene{height:270px;margin:12px -8px 8px}
.tools-grid .organizer-lab{height:260px}
.tools-grid .lab-toolbar{gap:8px;flex-wrap:wrap;min-height:32px}
.tools-grid .lab-segments button{padding:5px 8px;font-size:9px}
.tools-grid .lab-color-picker{gap:5px}
.tools-grid .lab-color-picker button{width:17px;height:17px}
.tools-grid .organizer-tray{width:235px;max-width:88%;padding:13px 12px 25px;border-radius:24px}
.tools-grid .organizer-compartments{min-height:126px;gap:7px}
.tools-grid .lab-caption{font-size:9px;max-width:100%;padding:0 5px}
.tools-grid .bead-workshop{height:265px}
.tools-grid .bead-toolbar{gap:5px;margin:0 0 12px}
.tools-grid .bead-swatches{gap:4px;margin-right:2px}
.tools-grid .bead-swatches button{width:18px;height:18px}
.tools-grid .bead-erase,.tools-grid .bead-undo,.tools-grid .bead-clear{padding:4px 6px;font-size:9px}
.tools-grid .bead-board{width:204px;height:204px;padding:14px}
.tools-grid .bead-instruction{margin-top:12px;font-size:9px}
.tools-grid .key-studio{height:265px;perspective:none}
.tools-grid .key-deck{width:240px;transform:translateY(-8px) rotate(-7deg) scale(.74);transform-style:flat}
.tools-grid .key-studio-note{font-size:11px}
.tools-grid .key-click-feedback{bottom:0;font-size:9px}
.tools-grid .album-art{height:270px;margin:12px 0 8px}
.tools-grid .album-cover,.tools-grid .album-page{width:145px;height:190px}
.tools-grid .album-cover strong{font-size:12px}
.tools-grid .letter-card-art{min-height:290px;gap:28px}
.tools-grid .letter-card-art span{font-size:42px;padding:14px 18px;border-width:7px;border-radius:26px}
.tools-grid .letter-card-art small{font-size:9px;letter-spacing:1px}
.tools-grid .coming-soon-card{padding:24px;border-radius:22px;min-height:470px}
.tools-grid .coming-center{padding:35px 0}
.tools-grid .coming-center h3{font-size:30px;letter-spacing:5px}
.tools-grid .coming-symbol{font-size:62px}
.tools-grid .coming-bottom{padding-top:18px;font-size:11px}
@media(max-width:1099px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:650px){.tools-grid{grid-template-columns:minmax(0,1fr);gap:18px}.tools-grid>.tool-card{padding:22px}.tools-grid .coming-soon-card{min-height:440px}}