/* Matching-track shelf under tool results. Follows the BKF tool glass look.
   All controls are <a role="button"> so the theme's global button rules never apply. */
.tgplc-shelf{position:relative;margin:24px 0 8px;padding:24px 22px 18px;border-radius:18px;border:1px solid rgba(168,85,247,.18);background:linear-gradient(180deg,rgba(124,58,237,.09),rgba(255,255,255,.02));opacity:0;transform:translateY(6px);transition:opacity .32s ease,transform .32s ease;text-align:left;color:#f3f0ff;font-family:inherit}
.tgplc-shelf.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tgplc-shelf{transition:none}}
.tgplc-shelf a{text-decoration:none}

/* header */
.tgplc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.tgplc-kicker{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(216,180,254,.75)}
.tgplc-h{margin:0;font-size:21px;line-height:1.2;font-weight:700;color:#fff;text-wrap:balance}
.tgplc-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tgplc-sub-txt{font-size:13.5px;color:rgba(220,215,255,.62)}
.tgplc-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#e9ddff;background:rgba(124,58,237,.22);border:1px solid rgba(168,85,247,.35)}
.tgplc-head-side{flex:0 0 auto;padding-bottom:2px}
.tgplc-shelf a.tgplc-count{font-size:13px;color:rgba(220,215,255,.7);white-space:nowrap}
.tgplc-shelf a.tgplc-count:hover{color:#d8b4fe}

/* rows */
.tgplc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:10px 14px}
.tgplc-card{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px 10px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);min-width:0;transition:background .18s,border-color .18s}
.tgplc-card:hover{background:rgba(255,255,255,.05);border-color:rgba(168,85,247,.28)}
.tgplc-cover{position:relative!important;width:60px!important;height:60px!important;border-radius:10px;overflow:hidden;background:#1b1826;flex:0 0 auto}
.tgplc-cover img{display:block;width:100%;height:100%;object-fit:cover}
.tgplc-shelf a.tgplc-play{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:60px!important;height:60px!important;display:flex;align-items:center;justify-content:center;background:rgba(9,9,9,.38)!important;color:#fff!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;cursor:pointer;transition:background .18s;opacity:0}
.tgplc-card:hover a.tgplc-play,.tgplc-shelf a.tgplc-play.is-playing,.tgplc-shelf a.tgplc-play:focus-visible{opacity:1}
@media (hover:none){.tgplc-shelf a.tgplc-play{opacity:1}}
.tgplc-shelf a.tgplc-play:hover,.tgplc-shelf a.tgplc-play:focus-visible{background:rgba(124,58,237,.62)!important;outline:none}
.tgplc-shelf a.tgplc-play.is-playing{background:rgba(124,58,237,.8)!important}
.tgplc-play svg{fill:currentColor}
.tgplc-play .q{display:none}
.tgplc-play.is-playing .p{display:none}
.tgplc-play.is-playing .q{display:block}
.tgplc-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.tgplc-shelf a.tgplc-title{color:#fff;font-weight:600;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgplc-shelf a.tgplc-title:hover{color:#d8b4fe}
.tgplc-meta{font-size:12.5px;color:rgba(220,215,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgplc-vendor{color:rgba(220,215,255,.82)}
.tgplc-sep{display:inline-block;width:3px;height:3px;border-radius:999px;background:rgba(220,215,255,.4);margin:0 7px;vertical-align:middle}
.tgplc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px;min-height:0}
.tgplc-chips:empty{display:none}
.tgplc-chip{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:6px;color:#8ff5df;background:rgba(0,212,170,.12);border:1px solid rgba(0,212,170,.28)}
.tgplc-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.tgplc-shelf a.tgplc-heart{display:inline-flex;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;margin:0!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.03)!important;color:rgba(255,255,255,.75)!important;box-shadow:none!important;line-height:1!important;cursor:pointer;transition:all .18s}
.tgplc-heart svg{fill:none;stroke:currentColor;stroke-width:1.8}
.tgplc-shelf a.tgplc-heart:hover{border-color:#a855f7!important;color:#d8b4fe!important}
.tgplc-shelf a.tgplc-heart.is-on{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}
.tgplc-heart.is-on svg{fill:currentColor;stroke:none}
.tgplc-shelf a.tgplc-cart{display:inline-flex;align-items:center;gap:7px;height:34px;font-size:13px;font-weight:700;color:#fff;padding:0 13px 0 11px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:1px solid rgba(255,255,255,.08);white-space:nowrap;line-height:1;font-variant-numeric:tabular-nums;transition:filter .18s}
.tgplc-cart svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.tgplc-shelf a.tgplc-cart:hover{filter:brightness(1.1)}
.tgplc-shelf a.tgplc-cart.is-busy{opacity:.6;pointer-events:none}
.tgplc-shelf a.tgplc-cart.is-added{background:rgba(0,212,170,.16);border-color:rgba(0,212,170,.5);color:#8ff5df}

/* footer */
.tgplc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.tgplc-nudge{flex:1 1 280px;font-size:13.5px;line-height:1.5;color:rgba(220,215,255,.7)}
.tgplc-nudge strong{color:#fff;font-weight:600}
.tgplc-shelf a.tgplc-btn{display:inline-block;padding:11px 20px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-weight:600;font-size:14px;white-space:nowrap}
.tgplc-shelf a.tgplc-btn:hover{filter:brightness(1.08);color:#fff}
.tgplc-shelf a.tgplc-more{font-size:13.5px;color:#d8b4fe;white-space:nowrap}
.tgplc-shelf a.tgplc-more:hover{text-decoration:underline}
.tgplc-shelf a.tgplc-alert{display:inline-flex;align-items:center;gap:9px;padding:9px 14px 9px 10px!important;margin:0!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:transparent!important;color:#fff!important;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important;box-shadow:none!important;text-transform:none!important;cursor:pointer;transition:all .18s}
.tgplc-alert-dot{width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.4);background:transparent;transition:all .18s;flex:0 0 auto}
.tgplc-shelf a.tgplc-alert:hover{border-color:#a855f7!important}
.tgplc-shelf a.tgplc-alert.is-on{border-color:#7c3aed!important;background:rgba(124,58,237,.22)!important}
.tgplc-alert.is-on .tgplc-alert-dot{background:#00d4aa;border-color:#00d4aa}

#tgplc-engine,#tgplc-seed{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

@media (max-width:900px){.tgplc-grid{grid-template-columns:1fr}.tgplc-head{flex-direction:column;align-items:flex-start}.tgplc-head-side{padding:0}}
@media (max-width:600px){
  .tgplc-shelf{padding:18px 14px 14px}
  .tgplc-h{font-size:18px}
  .tgplc-card{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"cover info" "actions actions";gap:10px 12px;padding:10px}
  .tgplc-cover,.tgplc-shelf a.tgplc-play{width:52px!important;height:52px!important}
  .tgplc-cover{grid-area:cover}.tgplc-info{grid-area:info}
  .tgplc-actions{grid-area:actions;justify-content:flex-end;padding-top:2px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
  .tgplc-shelf a.tgplc-btn{width:100%;text-align:center}
}