.tool-examples{padding:28px 30px 34px;color:#253044}.example-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:2px 0 24px}.example-eyebrow{font-size:11px;color:#8c98a7;letter-spacing:1px}.example-heading h2{font-size:25px;line-height:1.5;font-weight:650;margin:7px 0 9px;color:#222c3c}.example-heading p{font-size:14px;color:#6b7685;line-height:1.8;max-width:580px}.example-route{max-width:220px;font-size:12px;line-height:1.8;color:#8793a3;text-align:right}.example-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:17px 21px;border:1px solid #e6eaf0;border-radius:12px;background:linear-gradient(110deg,#fff,#f5f8fc);margin-bottom:28px}.example-guide>div{display:flex;align-items:center;gap:11px}.example-guide b{font-size:13px;color:#9caec4;font-weight:500}.example-guide span{font-size:13px;color:#5b6879}.example-section-title{display:flex;align-items:baseline;gap:16px;margin:0 0 15px}.example-section-title h3{font-size:16px;font-weight:600;color:#303b4c;margin:0}.example-section-title>span{font-size:12px;color:#99a1ad}.example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:17px;align-items:start}.example-card{background:white;border:1px solid #e9edf2;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #24344a06}.example-photo{display:block;position:relative;width:100%;height:260px;padding:12px;background:#f0f2f5;cursor:zoom-in;border:0;overflow:hidden}.example-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}.example-photo:hover img{transform:scale(1.035)}.example-zoom{position:absolute;bottom:12px;right:12px;background:#fffE;border:1px solid #e2e6ed;border-radius:6px;font-size:11px;color:#637081;padding:4px 7px;opacity:0;transition:opacity .16s}.example-photo:hover .example-zoom,.example-photo:focus-visible .example-zoom{opacity:1}.example-copy{padding:12px 13px 14px}.example-copy strong{display:block;font-size:13px;font-weight:600;color:#374254;line-height:1.7}.example-copy small{display:block;margin-top:4px;color:#8d97a5;font-size:10px;line-height:1.6}.example-copy .is-tu{color:#4e8873}.example-attribution{margin:19px 0 0;font-size:11px;color:#929cab;line-height:1.8}.compact-examples{padding:18px 0}.compact-examples .example-heading,.compact-examples .example-guide{display:none}.prompt-library .prompt-example-cover{width:100%;height:125px;object-fit:cover;border-radius:8px;background:#eff2f6}#viewer .example-caption{display:block;max-width:900px;margin:10px auto 0;color:#f8fafc;font-size:13px;text-align:center}.tool-card .tool-cover img{transition:transform .25s}.tool-card:hover .tool-cover img{transform:scale(1.04)}
@media(min-width:1500px){.example-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:1020px}.example-photo{height:290px}}
@media(max-width:1100px){.tool-examples{padding:22px}.example-heading{align-items:flex-start}.example-route{display:none}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-photo{height:220px}.example-guide{padding:14px;gap:10px}.example-guide>div{align-items:flex-start;gap:7px}.example-guide span{font-size:12px}}
@media(max-width:640px){.tool-examples{padding:20px 14px}.example-heading h2{font-size:21px}.example-guide{grid-template-columns:1fr;gap:12px}.example-photo{height:190px}.example-heading p{font-size:13px}.example-grid{gap:10px}}