.PlaygroundOverview-module-scss-module__4XRt1G__page{flex-direction:column;gap:48px;padding:24px 24px 96px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__hero{flex-direction:column;gap:16px;max-width:720px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__hero h1{font-size:clamp(2rem,2.5vw,3rem);font-weight:700}.PlaygroundOverview-module-scss-module__4XRt1G__hero p{color:var(--color-text-muted);line-height:1.6}.PlaygroundOverview-module-scss-module__4XRt1G__hero__badge{color:var(--color-accent);background:#4f46e529;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:.85rem;font-weight:600}.PlaygroundOverview-module-scss-module__4XRt1G__shareSection{border:1px solid var(--border-soft);background:var(--card-surface);box-shadow:var(--shadow-strong);border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__shareHeader{flex-direction:column;gap:6px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__shareHeader p,.PlaygroundOverview-module-scss-module__4XRt1G__shareStatus{color:var(--color-text-muted)}.PlaygroundOverview-module-scss-module__4XRt1G__shareError{color:#f87171;font-weight:600}.PlaygroundOverview-module-scss-module__4XRt1G__shareCard{border:1px solid var(--border-soft);background:var(--panel-surface);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__shareCard h3{margin:8px 0;font-size:1.25rem}.PlaygroundOverview-module-scss-module__4XRt1G__shareBadge{color:var(--color-accent);background:#4f46e529;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.PlaygroundOverview-module-scss-module__4XRt1G__shareMeta{color:var(--color-text-muted);margin:0;font-size:.9rem}.PlaygroundOverview-module-scss-module__4XRt1G__shareCode{background:var(--muted-surface);color:var(--color-text);white-space:pre-wrap;border-radius:12px;margin:0;padding:16px;font-size:.85rem;overflow-x:auto}.PlaygroundOverview-module-scss-module__4XRt1G__shareCta{color:var(--color-accent);align-self:flex-start;font-weight:600;text-decoration:none}.PlaygroundOverview-module-scss-module__4XRt1G__snippetSection{flex-direction:column;gap:20px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippetHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippetHeader p{color:var(--color-text-muted)}.PlaygroundOverview-module-scss-module__4XRt1G__refreshButton,.PlaygroundOverview-module-scss-module__4XRt1G__moreButton{border:1px solid var(--border-soft);background:var(--card-surface);color:var(--color-text);cursor:pointer;border-radius:12px;padding:10px 16px;font-weight:600;transition:transform .2s,box-shadow .2s}.PlaygroundOverview-module-scss-module__4XRt1G__refreshButton:hover,.PlaygroundOverview-module-scss-module__4XRt1G__moreButton:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a2e}.PlaygroundOverview-module-scss-module__4XRt1G__refreshButton:focus-visible,.PlaygroundOverview-module-scss-module__4XRt1G__moreButton:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.PlaygroundOverview-module-scss-module__4XRt1G__refreshButton:disabled,.PlaygroundOverview-module-scss-module__4XRt1G__moreButton:disabled{cursor:not-allowed;opacity:.6}.PlaygroundOverview-module-scss-module__4XRt1G__moreButton{align-self:center}.PlaygroundOverview-module-scss-module__4XRt1G__snippetGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.PlaygroundOverview-module-scss-module__4XRt1G__snippetCard{border:1px solid var(--border-soft);background:var(--card-surface);border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.PlaygroundOverview-module-scss-module__4XRt1G__snippetCard h3{font-size:1.05rem}.PlaygroundOverview-module-scss-module__4XRt1G__snippetCard:hover,.PlaygroundOverview-module-scss-module__4XRt1G__snippetCard:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a2e}.PlaygroundOverview-module-scss-module__4XRt1G__snippetLink{color:inherit;flex-direction:column;gap:10px;text-decoration:none;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippetCardActive{border-color:var(--color-accent);box-shadow:0 0 0 1px #4f46e566}.PlaygroundOverview-module-scss-module__4XRt1G__snippetBadge{color:var(--color-accent);background:#4f46e529;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippetMeta{color:var(--color-text-muted);font-size:.85rem}.PlaygroundOverview-module-scss-module__4XRt1G__snippetCode{background:var(--muted-surface);color:var(--color-text);-webkit-line-clamp:3;border-radius:12px;-webkit-box-orient:vertical;margin:0;padding:12px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.PlaygroundOverview-module-scss-module__4XRt1G__deleteButton{color:#f87171;cursor:pointer;background:#f871711f;border:1px solid #f8717166;border-radius:10px;align-self:flex-end;padding:6px 12px;font-size:.8rem;font-weight:600}.PlaygroundOverview-module-scss-module__4XRt1G__deleteButton:hover{background:#f8717133}.PlaygroundOverview-module-scss-module__4XRt1G__snippetSkeleton{border:1px solid var(--border-soft);background:linear-gradient(90deg,#94a3b82e 0%,#94a3b852 50%,#94a3b82e 100%);border-radius:16px;height:160px;animation:1.4s infinite PlaygroundOverview-module-scss-module__4XRt1G__shimmer}@keyframes PlaygroundOverview-module-scss-module__4XRt1G__shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.PlaygroundOverview-module-scss-module__4XRt1G__categories{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.PlaygroundOverview-module-scss-module__4XRt1G__card{border:1px solid var(--border-soft);background:var(--card-surface);color:inherit;border-radius:16px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__card:hover,.PlaygroundOverview-module-scss-module__4XRt1G__card:focus-visible{outline:none;transform:translateY(-4px);box-shadow:0 16px 32px #0f172a2e}.PlaygroundOverview-module-scss-module__4XRt1G__card h2{font-size:1.35rem}.PlaygroundOverview-module-scss-module__4XRt1G__card p{color:var(--color-text-muted);line-height:1.5}.PlaygroundOverview-module-scss-module__4XRt1G__card__badge{background:#94a3b833;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:600}.PlaygroundOverview-module-scss-module__4XRt1G__card__cta{color:var(--color-accent);margin-top:auto;font-weight:600}.PlaygroundOverview-module-scss-module__4XRt1G__snippets{flex-direction:column;gap:20px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__header{flex-direction:column;gap:8px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__header p{color:var(--color-text-muted)}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__item{border:1px solid var(--border-soft);background:var(--card-surface);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__item h3{margin-top:8px;font-size:1.1rem}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__item p{color:var(--color-text-muted)}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__framework{color:var(--color-text);background:#94a3b833;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.PlaygroundOverview-module-scss-module__4XRt1G__snippets__meta{color:var(--color-text-muted);justify-content:space-between;font-size:.85rem;display:flex}.PlaygroundOverview-module-scss-module__4XRt1G__inlineAdSlot{background:var(--muted-surface);border:1px dashed var(--border-soft);border-radius:14px;gap:10px;margin:18px 0;padding:12px;display:grid}@media (max-width:900px){.PlaygroundOverview-module-scss-module__4XRt1G__snippetHeader{flex-direction:column;align-items:flex-start}}@media (max-width:576px){.PlaygroundOverview-module-scss-module__4XRt1G__page{padding:12px 12px 80px}}