.ast-intro{max-width:700px;margin:2rem auto 0;padding:0 2rem 2rem;text-align:center}.ast-intro p{font-family:Montserrat,sans-serif;font-size:.92rem;color:#555;line-height:1.7;margin-bottom:.75rem}.ast-hint{display:inline-flex;align-items:center;gap:.4rem;background:#e6f6f6;color:#1a9ea0;border-radius:100px;padding:.3rem .85rem;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em}.ast-content{max-width:1640px;margin:0 auto;padding:.5rem 1rem 4rem}.group{margin-bottom:1.5rem}.group-header{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}.group-line{flex:1;height:1px;background:#e2dfda}.group-title{font-family:Montserrat,sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#888;white-space:nowrap}.group-count{display:inline-flex;align-items:center;justify-content:center;background:#e6f6f6;color:#1a9ea0;border-radius:100px;width:20px;height:20px;font-size:.6rem;font-weight:700;margin-left:.4rem}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr);gap:8px}.ast-content{padding:0 .75rem 4rem}.ast-intro{padding:0 1rem 1.5rem}}.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #00000012,0 0 1px #0000000d;transition:transform .25s ease,box-shadow .25s ease;position:relative;padding:0!important}.card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0000001f,0 0 1px #0000000d;opacity:1}.card-img{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;background:#f0eeea}.card-img-fallback{position:absolute;inset:0}.card-img img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .4s ease}.card:hover .card-img img{transform:scale(1.06)!important}.card-body{padding:.45rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.card-text{flex:1;min-width:0;overflow:hidden}.card-name{font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:700;color:#1d1d1d;line-height:1.3;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-origin{font-family:Montserrat,sans-serif;font-size:.6rem;color:#888;margin-top:.15rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{flex-shrink:0;background:none;border:1.5px solid #e2dfda;border-radius:5px;padding:.25rem .5rem;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#888;cursor:pointer;font-family:Montserrat,sans-serif;opacity:0;transition:opacity .18s,color .15s,border-color .15s,background .15s;white-space:nowrap;align-self:center}.card:hover .copy-btn{opacity:1}.copy-btn:hover{color:#1a9ea0;border-color:#1a9ea0;background:#e6f6f6}.copy-btn.copied{color:#22863a;border-color:#c0e8c8;background:#eafaf0;opacity:1}.examples-btn{position:absolute;top:.55rem;right:.55rem;z-index:10;background:#ffffffeb;color:#0d253f;border-radius:6px;padding:.28rem .65rem;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:0;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:opacity .18s,background .15s,color .15s;white-space:nowrap;font-family:Montserrat,sans-serif;box-shadow:0 1px 6px #00000026}.card:hover .examples-btn{opacity:1}.examples-btn:hover{background:#1a9ea0;color:#fff;opacity:1}.card-desc{position:absolute;inset:0;background:#0d253fe0;display:flex;align-items:flex-end;justify-content:center;padding:0 .7rem .7rem;opacity:0;transition:opacity .22s ease;pointer-events:none;border-radius:10px 10px 0 0}.card:hover .card-desc{opacity:1}.card-desc p{font-family:Montserrat,sans-serif;font-size:.7rem;line-height:1.55;color:#ffffffe6;text-align:center}#toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(.6rem);background:#0d253f;color:#fff;padding:.6rem 1.4rem;border-radius:100px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.04em;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:9999;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}
