.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}
.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_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}.LP8bva_loaderPreview{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);place-items:center;min-height:360px;display:grid}