.rec-samples[data-v-16bd09a1]{width:100%}.rec-samples-head[data-v-16bd09a1]{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.rec-samples-title[data-v-16bd09a1]{font-size:13px;font-weight:600;color:#334155}.rec-samples-note[data-v-16bd09a1]{font-size:12px;color:#94a3b8}.rec-samples-list[data-v-16bd09a1]{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rec-sample[data-v-16bd09a1]{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.rec-sample-src[data-v-16bd09a1]{display:flex;align-items:center;justify-content:center;width:100%}.rec-sample-src img[data-v-16bd09a1]{display:block;max-width:100%;width:auto;-o-object-fit:contain;object-fit:contain}.rec-sample-arrow[data-v-16bd09a1]{width:14px;height:14px;flex-shrink:0;color:#2563eb}.rec-sample-out[data-v-16bd09a1]{display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;color:#1e293b}.is-compact .rec-samples-list[data-v-16bd09a1]{grid-template-columns:repeat(3,minmax(0,1fr))}.is-compact .rec-sample-src img[data-v-16bd09a1]{height:34px}.is-compact .rec-sample-out[data-v-16bd09a1]{min-height:44px;font-size:10px}.is-showcase .rec-samples-head[data-v-16bd09a1]{margin-bottom:12px}.is-showcase .rec-samples-title[data-v-16bd09a1]{font-size:14px}.is-showcase .rec-samples-list[data-v-16bd09a1]{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.is-showcase .rec-sample[data-v-16bd09a1]{align-items:stretch;padding:12px;gap:6px}.is-showcase .rec-sample-label[data-v-16bd09a1]{align-self:flex-start;font-size:12px;color:#64748b}.is-showcase .rec-sample-src img[data-v-16bd09a1]{height:56px}.is-showcase .rec-sample-arrow[data-v-16bd09a1]{align-self:center}.is-showcase .rec-sample-out[data-v-16bd09a1]{min-height:64px;font-size:13px}.is-showcase .rec-sample-code[data-v-16bd09a1]{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:#475569;background:#f8fafc;border-radius:6px;padding:6px 8px;word-break:break-all}@media (max-width: 1024px){.is-showcase .rec-samples-list[data-v-16bd09a1]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.is-showcase .rec-samples-list[data-v-16bd09a1]{grid-template-columns:minmax(0,1fr)}}