.playful-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){max-width:1100px;margin:auto;padding:1rem}.playful-layout:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr);gap:1rem}.playful-panel:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-notes section:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border:1px solid #cad5e2;border-radius:14px;background:#fff;padding:1rem}.playful-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){align-self:start;background:#f5f8fc}.playful-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.playful-grid label:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:.35rem;font-weight:700}.playful-grid input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-grid select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%;min-height:44px;padding:.55rem;border:1px solid #68778a;border-radius:8px;color:#172033;background:#fff}.playful-wide:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-column:1/-1}.playful-actions:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.playful-results:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding-left:1.4rem}.playful-results li:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid #e1e7ee}.playful-results pre:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;min-width:0;margin:0}.playful-results button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){flex:0 0 auto}.playful-error:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){color:#8b1d1d;font-weight:700}.playful-notes:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.playful-actions button:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-grid input:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-grid select:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-results button:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){outline:3px solid #174f9a;outline-offset:3px}[hidden]:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:none!important}@media(max-width:760px){.playful-layout:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-notes:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr}.playful-wide:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-column:auto}}@media(max-width:430px){.playful-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:.75rem}.playful-panel:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:.8rem}.playful-results li:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){flex-direction:column}.playful-results button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.playful-actions .button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%}}