._gallery_1d1if_1{display:flex;flex-direction:column;gap:3rem}._hero_1d1if_7{text-align:center;padding:2rem 0 1rem}._heroTitle_1d1if_12{font-size:clamp(1.75rem,4vw,3rem);letter-spacing:-.04em;background:linear-gradient(135deg,#e8e8f0,#7c3aed 60%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}._heroSub_1d1if_22{color:var(--muted);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}._heroSub_1d1if_22 code{color:var(--accent2);background:#06b6d41a;padding:2px 8px;border-radius:4px}._badges_1d1if_36{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}._badge_1d1if_36{font-size:.75rem;font-weight:500;color:var(--muted);border:1px solid var(--border);padding:.25rem .75rem;border-radius:100px}._grid_1d1if_52{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){._grid_1d1if_52{grid-template-columns:repeat(2,1fr)}}@keyframes _card-in_1d1if_1{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}._card_1d1if_75{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;animation:_card-in_1d1if_1 .5s ease both}._card_1d1if_75:hover{transform:translateY(-4px);border-color:var(--accent2);box-shadow:0 12px 32px -12px #06b6d459}._grid_1d1if_52>._card_1d1if_75:nth-child(2){animation-delay:.05s}._grid_1d1if_52>._card_1d1if_75:nth-child(3){animation-delay:.1s}._grid_1d1if_52>._card_1d1if_75:nth-child(4){animation-delay:.15s}._grid_1d1if_52>._card_1d1if_75:nth-child(5){animation-delay:.2s}._grid_1d1if_52>._card_1d1if_75:nth-child(6){animation-delay:.25s}._grid_1d1if_52>._card_1d1if_75:nth-child(7){animation-delay:.3s}._grid_1d1if_52>._card_1d1if_75:nth-child(8){animation-delay:.35s}@media (prefers-reduced-motion: reduce){._card_1d1if_75{animation:none;transition:none}._card_1d1if_75:hover{transform:none}}._preview_1d1if_110{position:relative;height:220px;background:#0a0a0c}._previewBox_1d1if_116{width:100%;height:100%}._previewRow_1d1if_121{display:flex;width:100%;height:100%}._half_1d1if_127{flex:1;height:100%}._loading_1d1if_132{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem;background:#0a0a0c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._info_1d1if_144{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border)}._title_1d1if_152{font-size:.95rem;font-family:Fira Code,monospace;color:var(--accent2);display:flex;align-items:center;gap:.5rem}._newBadge_1d1if_161{font-family:var(--font);font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#05050c;background:linear-gradient(135deg,var(--accent2),var(--accent));padding:.15rem .4rem;border-radius:4px}._description_1d1if_173{font-size:.825rem;color:var(--muted);line-height:1.6}._codeWrapper_1d1if_179{position:relative;margin-top:.25rem}._code_1d1if_179{font-size:.75rem;line-height:1.6}._copyBtn_1d1if_189{position:absolute;top:.5rem;right:.5rem;background:#ffffff0f;border:1px solid var(--border);color:var(--muted);font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;cursor:pointer;transition:color .15s,background .15s;font-family:inherit}._copyBtn_1d1if_189:hover{color:var(--text);background:#ffffff1a}._playground_1f2uf_1{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;align-items:start}@media (max-width: 640px){._playground_1f2uf_1{grid-template-columns:1fr}}._sidebar_1f2uf_14{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;position:sticky;top:80px}._sidebarTitle_1f2uf_26{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 .5rem .5rem}._sidebarBtn_1f2uf_35{background:none;border:none;color:var(--muted);font-family:Fira Code,monospace;font-size:.8rem;text-align:left;padding:.5rem .625rem;border-radius:6px;transition:color .15s,background .15s;display:flex;align-items:center;gap:.4rem}._sidebarNewDot_1f2uf_50{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--accent2),var(--accent));flex-shrink:0}._sidebarBtn_1f2uf_35:hover{color:var(--text);background:#ffffff0a}._sidebarActive_1f2uf_63{color:var(--text)!important;background:#7c3aed26!important}._content_1f2uf_68{min-height:0}._panel_1f2uf_72{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}._preview_1f2uf_79{position:relative;height:320px;background:#0a0a0c;display:flex;align-items:center;justify-content:center}._loadingHint_1f2uf_88{color:var(--muted);font-size:.8rem;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0c80}._controls_1f2uf_99{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;border-top:1px solid var(--border)}._control_1f2uf_99{display:flex;flex-direction:column;gap:.375rem;cursor:pointer}._label_1f2uf_114{font-size:.75rem;color:var(--muted);font-weight:500;display:flex;justify-content:space-between;align-items:center}._label_1f2uf_114 code{color:var(--accent2);font-size:.7rem}._slider_1f2uf_128{width:100%;height:4px;border-radius:2px}._colorRow_1f2uf_134{display:flex;align-items:center;gap:.75rem}._colorHex_1f2uf_140{font-size:.75rem;color:var(--muted)}._colorGroup_1f2uf_145{display:flex;flex-direction:column;gap:.375rem}._colorPickers_1f2uf_151{display:flex;gap:.5rem;flex-wrap:wrap}._colorPickers_1f2uf_151 input[type=color]{width:32px;height:32px;border-radius:6px;overflow:hidden;border:2px solid var(--border)}._app_kcf27_1{min-height:100vh;display:flex;flex-direction:column}._header_kcf27_7{position:sticky;top:0;z-index:100;background:#0d0d0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}._headerInner_kcf27_16{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;gap:2rem}._logo_kcf27_26{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;letter-spacing:-.02em;color:var(--text)}._logoIcon_kcf27_36{color:var(--accent);font-size:1.2rem}._nav_kcf27_41{display:flex;gap:.25rem;flex:1}._tab_kcf27_47{background:none;border:none;color:var(--muted);padding:.375rem .875rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}._tab_kcf27_47:hover{color:var(--text);background:#ffffff0d}._tab_kcf27_47._active_kcf27_63{color:var(--text);background:#7c3aed26}._links_kcf27_68{display:flex;align-items:center;gap:.75rem}._iconLink_kcf27_74{color:var(--muted);display:flex;align-items:center;transition:color .15s}._iconLink_kcf27_74:hover{color:var(--text)}._npm_kcf27_85{font-size:.75rem;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid var(--border);padding:.25rem .625rem;border-radius:6px;transition:color .15s,border-color .15s}._npm_kcf27_85:hover{color:var(--text);border-color:var(--accent)}._main_kcf27_101{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2.5rem 1.5rem}._footer_kcf27_109{max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border)}._footer_kcf27_109 a{color:var(--muted);text-decoration:none;transition:color .15s}._footer_kcf27_109 a:hover{color:var(--text)}@media (max-width: 560px){._headerInner_kcf27_16{gap:1rem;padding:0 1rem}._logo_kcf27_26 span:last-child{display:none}._tab_kcf27_47{padding:.375rem .625rem}._npm_kcf27_85{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0f;--surface: #16161a;--border: #2a2a35;--text: #e8e8f0;--muted: #7b7b8f;--accent: #7c3aed;--accent2: #06b6d4;--radius: 12px;--font: "Inter", system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;line-height:1.6}h1,h2,h3{line-height:1.2;font-weight:700}code,pre{font-family:Fira Code,Cascadia Code,monospace;font-size:.875em}pre{background:#0a0a0c;border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto}input[type=range]{accent-color:var(--accent);cursor:pointer}input[type=color]{cursor:pointer;border:none;background:none;padding:0;border-radius:4px}select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.875rem}button{cursor:pointer;font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:4px}::selection{background:#7c3aed59;color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}