.framework-picker{text-align:left;width:100%}.framework-picker-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.framework-picker-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radii-md);text-align:left;flex-direction:column;gap:4px;padding:16px;transition:border-color .15s,background .15s;display:flex}.framework-picker-card:hover{border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-border))}.framework-picker-card[data-active=true]{background:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.framework-picker-card-name{color:var(--color-text-1);font-size:14px;font-weight:600}.framework-picker-card-tagline{color:var(--color-text-3);font-size:12.5px}.framework-picker-install,.framework-picker-code{margin-top:16px}@media (max-width:640px){.framework-picker-cards{grid-template-columns:1fr}}
.resource-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radii-md);text-align:left;flex-direction:column;gap:6px;padding:16px;transition:border-color .15s;display:flex}.resource-card:hover{border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-border))}.resource-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.resource-card-label{color:var(--color-text-1);font-size:14px;font-weight:600}.resource-card-icon{color:var(--color-text-3);flex-shrink:0}.resource-card-description{color:var(--color-text-2);font-size:12.5px}