.jQpHPG_block{border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-ink);border:1px solid var(--line);overflow:hidden}.jQpHPG_bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:.8rem;display:flex}.jQpHPG_title{font-family:var(--mono);color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jQpHPG_copy{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;flex:none;padding:3px 10px;font-size:.8rem}.jQpHPG_copy:hover{color:var(--ink)}.jQpHPG_pre{max-height:520px;margin:0;padding:16px;font-size:.82rem;line-height:1.6;overflow-x:auto}
._006qEa_boat{animation:_006qEa_sail var(--duration) linear infinite;animation-delay:calc(var(--duration) * -.2);transform:translate(200px,478px)}._006qEa_bob{animation:3.4s ease-in-out infinite alternate _006qEa_bob}._006qEa_wake{animation:1.2s linear infinite _006qEa_wake}@keyframes _006qEa_sail{0%{transform:translate(-90px,478px)}to{transform:translate(490px,478px)}}@keyframes _006qEa_bob{0%{transform:translateY(-2px)rotate(-2.5deg)}50%{transform:translateY(2px)rotate(1deg)}to{transform:translateY(-1px)rotate(3deg)}}@keyframes _006qEa_wake{to{stroke-dashoffset:18px}}
.sCfIhW_star{animation:ease-in-out infinite alternate sCfIhW_twinkle}@keyframes sCfIhW_twinkle{0%{opacity:.15}to{opacity:1}}.sCfIhW_ship{animation:sCfIhW_steam var(--duration) linear infinite;animation-delay:calc(var(--duration) * -.25);transform:translate(140px,432px)}@keyframes sCfIhW_steam{0%{transform:translate(-60px,432px)}to{transform:translate(460px,432px)}}.sCfIhW_beam{animation:10s ease-in-out infinite sCfIhW_sweep}.sCfIhW_lamp{animation:5s ease-in-out infinite sCfIhW_flash}@keyframes sCfIhW_sweep{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}@keyframes sCfIhW_flash{0%,to{opacity:.35}50%{opacity:1}}
._7Zs00a_balloon{animation:_7Zs00a_rise var(--duration) linear infinite;animation-delay:calc(var(--duration) * -.3);transform:translate(200px,330px)}._7Zs00a_sway{animation:5s ease-in-out infinite alternate _7Zs00a_sway}._7Zs00a_flame{animation:.35s ease-in-out infinite alternate _7Zs00a_flicker}._7Zs00a_float{animation:6s ease-in-out infinite alternate _7Zs00a_float}._7Zs00a_flock{animation:34s linear -12s infinite _7Zs00a_flock;transform:translate(260px,190px)}._7Zs00a_flap{animation:.5s ease-in-out infinite alternate _7Zs00a_flap}@keyframes _7Zs00a_rise{0%{transform:translate(-70px,600px)}to{transform:translate(470px,140px)}}@keyframes _7Zs00a_sway{0%{transform:rotate(-3deg)translateY(-2px)}to{transform:rotate(3deg)translateY(2px)}}@keyframes _7Zs00a_flicker{0%{opacity:.45}to{opacity:1}}@keyframes _7Zs00a_float{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}@keyframes _7Zs00a_flock{0%{transform:translate(440px,210px)}to{transform:translate(-60px,170px)}}@keyframes _7Zs00a_flap{0%{transform:scaleY(1)}to{transform:scaleY(-.4)}}
._3SjxLq_turtle{animation:_3SjxLq_cruise var(--duration) linear infinite;animation-delay:calc(var(--duration) * -.25);transform:translate(200px,320px)}._3SjxLq_glide{animation:4s ease-in-out infinite alternate _3SjxLq_glide}._3SjxLq_paddle{animation:2.4s ease-in-out infinite alternate _3SjxLq_paddle}._3SjxLq_school{animation:24s linear -6s infinite _3SjxLq_school;transform:translate(260px,470px)}._3SjxLq_ray{animation:ease-in-out infinite alternate _3SjxLq_ray}._3SjxLq_sway{animation:ease-in-out infinite alternate _3SjxLq_sway}._3SjxLq_rise{animation:linear infinite _3SjxLq_rise}._3SjxLq_wobble{animation:1.6s ease-in-out infinite alternate _3SjxLq_wobble}@keyframes _3SjxLq_cruise{0%{transform:translate(-90px,340px)}to{transform:translate(490px,300px)}}@keyframes _3SjxLq_glide{0%{transform:translateY(-5px)rotate(-2deg)}to{transform:translateY(5px)rotate(2deg)}}@keyframes _3SjxLq_paddle{0%{transform:rotate(-20deg)}to{transform:rotate(24deg)}}@keyframes _3SjxLq_school{0%{transform:translate(470px,480px)}to{transform:translate(-130px,455px)}}@keyframes _3SjxLq_ray{0%{opacity:.3}to{opacity:1}}@keyframes _3SjxLq_sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes _3SjxLq_rise{0%{opacity:0;transform:translateY(0)}10%{opacity:.8}85%{opacity:.6}to{opacity:0;transform:translateY(-680px)}}@keyframes _3SjxLq_wobble{0%{transform:translate(-3px)}to{transform:translate(3px)}}
._5T1jRW_train{animation:_5T1jRW_run var(--duration) linear infinite;animation-delay:calc(var(--duration) * -.45);transform:translate(300px,470px)}._5T1jRW_puff{animation:2.4s ease-out infinite _5T1jRW_puff}._5T1jRW_star{animation:ease-in-out infinite alternate _5T1jRW_twinkle}._5T1jRW_glow{animation:3s ease-in-out infinite alternate _5T1jRW_glow}@keyframes _5T1jRW_run{0%{transform:translateY(470px)}to{transform:translate(620px,470px)}}@keyframes _5T1jRW_puff{0%{opacity:.85;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(-48px,-40px)scale(2.6)}}@keyframes _5T1jRW_twinkle{0%{opacity:.2}to{opacity:1}}@keyframes _5T1jRW_glow{0%{opacity:.75}to{opacity:1}}
.LP8bva_playground{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (max-width:760px){.LP8bva_playground{grid-template-columns:minmax(0,1fr)}.LP8bva_preview{width:100%;max-width:360px;margin:0 auto}}.LP8bva_preview>*{border-radius:var(--radius);box-shadow:var(--shadow)}.LP8bva_controls{gap:20px;min-width:0;display:grid}.LP8bva_group{gap:8px;display:grid}.LP8bva_row{justify-content:space-between;align-items:baseline;font-weight:500;display:flex}.LP8bva_row small{color:var(--muted);font-weight:400}.LP8bva_row output{font-family:var(--mono);font-size:.9rem}.LP8bva_group input[type=range]{width:100%;accent-color:var(--accent)}.LP8bva_buttons{gap:10px;display:flex}.LP8bva_button{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:7px 16px;font-size:.9rem;font-weight:500}.LP8bva_button:hover{border-color:var(--muted)}.LP8bva_colors{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px 14px;margin:0;padding:14px 16px 16px;display:grid}.LP8bva_colors legend{color:var(--muted);padding:0 6px;font-size:.85rem;font-weight:500}.LP8bva_color{cursor:pointer;align-items:center;gap:10px;font-size:.9rem;display:flex}.LP8bva_color input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex:none;width:30px;height:30px;padding:0}.LP8bva_color input::-webkit-color-swatch-wrapper{padding:2px}.LP8bva_color input::-webkit-color-swatch{border:none;border-radius:6px}.LP8bva_color input::-moz-color-swatch{border:none;border-radius:6px}.LP8bva_playgroundWide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}@media (max-width:760px){.LP8bva_playgroundWide{grid-template-columns:minmax(0,1fr)}}.LP8bva_bgPreview{border-radius:var(--radius);border:1px solid var(--line);place-items:center;min-height:420px;padding:32px;display:grid;overflow:hidden}.LP8bva_sampleCard{color:#1c1c1c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-radius:12px;gap:4px;width:min(320px,100%);padding:20px 22px;display:grid;box-shadow:0 1px 2px #0000000f,0 8px 24px #00000014}.LP8bva_sampleCard span{color:#6b6b6b;font-size:.9rem}.LP8bva_threePreview{border-radius:var(--radius);box-shadow:var(--shadow)}.LP8bva_emptyPreview{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:420px}.LP8bva_emptyPreview strong{font-size:1.05rem}.LP8bva_emptyPreview p{color:var(--muted);margin:4px 0 0;font-size:.92rem}