.layouts-page-v2.svelte-ak2rs8 .layouts-hero:where(.svelte-ak2rs8){border:1px solid rgb(171 198 229 / .62);border-radius:1.45rem;background:radial-gradient(circle at 6% 0,rgb(59 130 246 / .12),transparent 34%),radial-gradient(circle at 95% 8%,rgb(34 211 238 / .11),transparent 36%),linear-gradient(180deg,#f8fcfff5,#eff7fff0);box-shadow:0 24px 48px -34px #0f172a5c}.layouts-page-v2.svelte-ak2rs8 .layout-grid-v2:where(.svelte-ak2rs8){display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.layouts-page-v2.svelte-ak2rs8 .layout-card-v2:where(.svelte-ak2rs8){border:1px solid rgb(176 199 226 / .7);border-radius:1.1rem;padding:0;overflow:hidden;background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 38px -24px #0c1f3a59;display:block}.layouts-page-v2.svelte-ak2rs8 .layout-card-v2:where(.svelte-ak2rs8):hover{transform:translateY(-2px);border-color:#a8c5e8;box-shadow:0 20px 40px -24px #0c1f3a66}.layouts-page-v2.svelte-ak2rs8 .layout-card-thumb:where(.svelte-ak2rs8){position:relative;height:150px;overflow:hidden;background:linear-gradient(150deg,#cee0f8e0,#ebf6ffcc 62%,#d5f1ffdb),repeating-linear-gradient(0deg,rgb(39 92 157 / .18) 0,rgb(39 92 157 / .18) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(90deg,rgb(39 92 157 / .18) 0,rgb(39 92 157 / .18) 1px,transparent 1px,transparent 18px)}.layouts-page-v2.svelte-ak2rs8 .layout-card-thumb-media:where(.svelte-ak2rs8){width:100%;height:100%}.layouts-page-v2.svelte-ak2rs8 .layout-card-thumb-visual:where(.svelte-ak2rs8){width:100%;height:100%;min-height:150px;border:0;border-radius:0;background:transparent;overflow:hidden;padding:0}.layouts-page-v2 .layout-card-thumb-preview .layout-card-preview-host{height:100%;border-radius:0}.layouts-page-v2 .layout-card-thumb-preview .layout-card-preview-host canvas{height:100%!important;min-height:150px}.layouts-page-v2.svelte-ak2rs8 .layout-card-thumb-image:where(.svelte-ak2rs8){width:100%;height:100%;min-height:150px;object-fit:cover;display:block}.layouts-page-v2.svelte-ak2rs8 .layout-card-thumb-fallback:where(.svelte-ak2rs8){display:flex;align-items:center;justify-content:center;color:#587190;font-size:.8rem;text-align:center;padding:.8rem}.layouts-page-v2.svelte-ak2rs8 .layout-card-body:where(.svelte-ak2rs8){padding:.75rem;display:grid;gap:.45rem}.layouts-page-v2.svelte-ak2rs8 .layout-card-title:where(.svelte-ak2rs8){margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#102342}.layouts-page-v2.svelte-ak2rs8 .layout-card-desc:where(.svelte-ak2rs8){margin:0;color:#3f587c;font-size:.75rem;line-height:1.5;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.layouts-page-v2.svelte-ak2rs8 .layout-card-meta-row:where(.svelte-ak2rs8){margin:0;display:flex;align-items:center;gap:.34rem;color:#355a89;font-size:.73rem;font-weight:700;line-height:1.45;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layouts-page-v2.svelte-ak2rs8 .layout-card-meta-author:where(.svelte-ak2rs8){flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.layouts-page-v2.svelte-ak2rs8 .layout-card-meta-dot:where(.svelte-ak2rs8){color:#7f98bb;flex:0 0 auto}.layouts-page-v2.svelte-ak2rs8 .layout-card-meta-item:where(.svelte-ak2rs8){flex:0 0 auto}.layouts-page-v2.svelte-ak2rs8 .layout-card-tag-row:where(.svelte-ak2rs8){margin:0;display:flex;align-items:center;gap:.3rem;min-width:0;color:#4f6f98;font-size:.73rem;line-height:1.5;white-space:nowrap}.layouts-page-v2.svelte-ak2rs8 .layout-card-tag-label:where(.svelte-ak2rs8){color:#2f5f9a;font-weight:800;flex:0 0 auto}.layouts-page-v2.svelte-ak2rs8 .layout-card-tag-text:where(.svelte-ak2rs8){min-width:0;overflow:hidden;text-overflow:ellipsis}.layouts-page-v2.svelte-ak2rs8 .layout-card-go:where(.svelte-ak2rs8){border:1px solid rgb(165 195 236);border-radius:.62rem;background:linear-gradient(120deg,#ebf4ff,#f4f9ff);color:#1b5196;text-align:center;font-size:.74rem;font-weight:800;padding:.46rem;margin-top:.1rem}@media(max-width:640px){.layouts-page-v2.svelte-ak2rs8 .layout-grid-v2:where(.svelte-ak2rs8){grid-template-columns:1fr}}