.masonry.svelte-p5pydp{-moz-column-count:2;column-count:2;-moz-column-gap:1rem;column-gap:1rem}@media(min-width:640px){.masonry.svelte-p5pydp{-moz-column-count:3;column-count:3}}@media(min-width:1024px){.masonry.svelte-p5pydp{-moz-column-count:4;column-count:4}}.masonry.svelte-p5pydp>:where(.svelte-p5pydp){-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}.pin-card.svelte-p5pydp{position:relative;border-radius:1rem;overflow:hidden;cursor:pointer}.pin-card.svelte-p5pydp:hover{box-shadow:0 8px 32px #00000038}.pin-overlay.svelte-p5pydp{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 40%,transparent 70%);opacity:1;transition:opacity .25s ease;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem}@media(min-width:640px){.pin-overlay.svelte-p5pydp{background:#00000080;opacity:0}.pin-card.svelte-p5pydp:hover .pin-overlay:where(.svelte-p5pydp){opacity:1}}.status-badge.svelte-p5pydp{position:absolute;top:.5rem;left:.5rem;z-index:2;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-live.svelte-p5pydp{background:#22c55e33;color:#22c55e}.status-live.svelte-p5pydp:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e}.status-draft.svelte-p5pydp{background:#facc1533;color:#facc15}.status-draft.svelte-p5pydp:before{content:"";width:6px;height:6px;border-radius:50%;background:#facc15}.status-review.svelte-p5pydp{background:#60a5fa33;color:#60a5fa}.status-review.svelte-p5pydp:before{content:"";width:6px;height:6px;border-radius:50%;background:#60a5fa}.tab-btn.svelte-p5pydp{padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:all .15s;cursor:pointer;color:#a3a3a3;background:none;min-height:44px}@media(min-width:640px){.tab-btn.svelte-p5pydp{padding:.5rem 1rem;min-height:auto}}.tab-btn.svelte-p5pydp:hover{color:#525252}.dark .tab-btn.svelte-p5pydp:hover{color:#d4d4d4}.tab-btn.active.svelte-p5pydp{color:#171717;border-bottom-color:#171717}.dark .tab-btn.active.svelte-p5pydp{color:#fafafa;border-bottom-color:#fafafa}