.playground-page[data-astro-cid-5wq3ak55]{padding-top:80px;min-height:100vh;background:var(--bg-primary)}.hero-section[data-astro-cid-5wq3ak55]{position:relative;padding:4rem 2rem 3rem;overflow:hidden;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero-content[data-astro-cid-5wq3ak55]{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}.hero-badge[data-astro-cid-5wq3ak55]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:100px;font-size:.85rem;color:#a78bfa;margin-bottom:1.5rem}.badge-icon[data-astro-cid-5wq3ak55]{font-size:1rem}.hero-content[data-astro-cid-5wq3ak55] h1[data-astro-cid-5wq3ak55]{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.hero-subtitle[data-astro-cid-5wq3ak55]{font-size:1.2rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.highlight[data-astro-cid-5wq3ak55]{color:#a78bfa;font-weight:600}.floating-icons[data-astro-cid-5wq3ak55]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-icon[data-astro-cid-5wq3ak55]{position:absolute;left:var(--x);top:var(--y);width:40px;height:40px;opacity:.1;animation:float 6s ease-in-out infinite;animation-delay:var(--delay)}.floating-icon[data-astro-cid-5wq3ak55] .icon-inner[data-astro-cid-5wq3ak55] svg{width:100%;height:100%;filter:drop-shadow(0 0 20px var(--color))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.main-container[data-astro-cid-5wq3ak55]{max-width:1400px;margin:0 auto;padding:0 2rem}.language-ribbon[data-astro-cid-5wq3ak55]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:.75rem;margin-bottom:2rem;overflow-x:auto;scrollbar-width:thin}.ribbon-inner[data-astro-cid-5wq3ak55]{display:flex;gap:.5rem;min-width:max-content}.ribbon-item[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:10px;text-decoration:none;transition:all .2s ease;position:relative;white-space:nowrap}.ribbon-item[data-astro-cid-5wq3ak55]:hover{background:var(--bg-secondary);border-color:var(--accent);transform:translateY(-2px)}.ribbon-item[data-astro-cid-5wq3ak55].active{background:var(--bg-secondary);border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}.ribbon-icon[data-astro-cid-5wq3ak55]{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.ribbon-icon[data-astro-cid-5wq3ak55] .icon-wrapper[data-astro-cid-5wq3ak55] svg{width:20px;height:20px}.icon-fallback[data-astro-cid-5wq3ak55]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;border-radius:4px}.ribbon-label[data-astro-cid-5wq3ak55]{font-size:.85rem;font-weight:500;color:var(--text-primary)}.active-dot[data-astro-cid-5wq3ak55]{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.editor-section[data-astro-cid-5wq3ak55]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.editor-header[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.current-lang[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:1rem}.current-lang-icon[data-astro-cid-5wq3ak55]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:12px}.current-lang-icon[data-astro-cid-5wq3ak55] svg{width:32px;height:32px}.current-lang-icon[data-astro-cid-5wq3ak55] .fallback[data-astro-cid-5wq3ak55]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;border-radius:12px}.current-lang-info[data-astro-cid-5wq3ak55]{display:flex;flex-direction:column;gap:.25rem}.current-lang-name[data-astro-cid-5wq3ak55]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.current-lang-badge[data-astro-cid-5wq3ak55]{font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:4px;width:fit-content}.security-badge[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:.8rem;color:#10b981}.editor-wrapper[data-astro-cid-5wq3ak55]{padding:0}.web-editor-section[data-astro-cid-5wq3ak55]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.web-editor-header[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#e34c261a,#6633991a);border-bottom:1px solid var(--border-color)}.current-lang-icon[data-astro-cid-5wq3ak55].web{background:linear-gradient(135deg,#e34c26,#639);color:#fff}.current-lang-badge[data-astro-cid-5wq3ak55].web{background:linear-gradient(135deg,#e34c2633,#6393);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.preview-info[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#7aa2f71a;border:1px solid rgba(122,162,247,.2);border-radius:8px;font-size:.8rem;color:#7aa2f7}.quick-select-section[data-astro-cid-5wq3ak55]{max-width:1400px;margin:4rem auto;padding:0 2rem}.quick-select-section[data-astro-cid-5wq3ak55] h2[data-astro-cid-5wq3ak55]{font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.5rem}.quick-select-section[data-astro-cid-5wq3ak55]>p[data-astro-cid-5wq3ak55]{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.category-grid[data-astro-cid-5wq3ak55]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.category-block[data-astro-cid-5wq3ak55]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;transition:all .3s ease}.category-block[data-astro-cid-5wq3ak55]:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.category-header[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.category-emoji[data-astro-cid-5wq3ak55]{font-size:1.25rem}.category-name[data-astro-cid-5wq3ak55]{font-size:.95rem;font-weight:600;color:var(--text-primary)}.category-langs[data-astro-cid-5wq3ak55]{display:flex;flex-wrap:wrap;gap:.5rem}.quick-card[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;text-decoration:none;transition:all .2s ease;position:relative}.quick-card[data-astro-cid-5wq3ak55]:hover{border-color:var(--card-color);background:var(--bg-tertiary);transform:translateY(-1px)}.quick-card[data-astro-cid-5wq3ak55].active{border-color:var(--card-color);background:color-mix(in srgb,var(--card-color) 10%,var(--bg-secondary))}.quick-card-icon[data-astro-cid-5wq3ak55]{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.quick-card-icon[data-astro-cid-5wq3ak55] svg{width:18px;height:18px}.quick-card-icon[data-astro-cid-5wq3ak55] .icon-fallback[data-astro-cid-5wq3ak55]{width:100%;height:100%;font-size:.65rem;border-radius:3px}.quick-card-name[data-astro-cid-5wq3ak55]{font-size:.8rem;font-weight:500;color:var(--text-primary)}.active-indicator[data-astro-cid-5wq3ak55]{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--card-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.info-section[data-astro-cid-5wq3ak55]{max-width:1400px;margin:0 auto 4rem;padding:0 2rem}.info-grid[data-astro-cid-5wq3ak55]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.info-card[data-astro-cid-5wq3ak55]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.info-card[data-astro-cid-5wq3ak55]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.info-icon[data-astro-cid-5wq3ak55]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:1rem}.info-icon[data-astro-cid-5wq3ak55].cloud{background:#3b82f61a;color:#3b82f6}.info-icon[data-astro-cid-5wq3ak55].shield{background:#10b9811a;color:#10b981}.info-icon[data-astro-cid-5wq3ak55].lightning{background:#f59e0b1a;color:#f59e0b}.info-card[data-astro-cid-5wq3ak55] h3[data-astro-cid-5wq3ak55]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.info-card[data-astro-cid-5wq3ak55] p[data-astro-cid-5wq3ak55]{font-size:.9rem;color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.hero-section[data-astro-cid-5wq3ak55]{padding:3rem 1.5rem 2rem}.main-container[data-astro-cid-5wq3ak55]{padding:0 1.5rem}}@media(max-width:768px){.hero-section[data-astro-cid-5wq3ak55]{padding:2rem 1rem}.hero-content[data-astro-cid-5wq3ak55] h1[data-astro-cid-5wq3ak55]{font-size:2rem}.hero-subtitle[data-astro-cid-5wq3ak55]{font-size:1rem}.main-container[data-astro-cid-5wq3ak55]{padding:0 1rem}.language-ribbon[data-astro-cid-5wq3ak55]{border-radius:12px;padding:.5rem}.ribbon-item[data-astro-cid-5wq3ak55]{padding:.5rem .75rem}.ribbon-label[data-astro-cid-5wq3ak55]{font-size:.75rem}.editor-header[data-astro-cid-5wq3ak55]{flex-direction:column;align-items:flex-start;gap:1rem}.security-badge[data-astro-cid-5wq3ak55]{align-self:flex-start}.quick-select-section[data-astro-cid-5wq3ak55]{padding:0 1rem;margin:3rem auto}.category-grid[data-astro-cid-5wq3ak55]{grid-template-columns:1fr}.info-section[data-astro-cid-5wq3ak55]{padding:0 1rem}}@media(max-width:480px){.floating-icons[data-astro-cid-5wq3ak55]{display:none}.ribbon-icon[data-astro-cid-5wq3ak55]{width:20px;height:20px}.current-lang-icon[data-astro-cid-5wq3ak55]{width:40px;height:40px}.current-lang-name[data-astro-cid-5wq3ak55]{font-size:1rem}}