.jl-py-math-explorer,.jl-py-string-explorer{padding:clamp(.85rem,2vw,1.4rem);margin:1.25rem 0;border-radius:17px;border:1px solid color-mix(in srgb,#9472df 48%,transparent);background:color-mix(in srgb,#7750d2 6%,transparent)}.jl-py-math-explorer h3,.jl-py-string-explorer h3{font-size:1.3rem;margin:.6rem 0}.jl-py-math-explorer p,.jl-py-string-explorer p{line-height:1.7}.jl-py-math-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.jl-py-math-presets button{border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:.65rem;padding:.55rem .75rem;background:transparent;color:inherit;font:inherit;cursor:pointer}.jl-py-math-presets button.active{background:#7552c8;border-color:#9472df;color:#fff}.jl-py-math-inputs,.jl-py-string-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.jl-py-math-inputs label,.jl-py-string-sliders label{display:flex;flex-direction:column;gap:.4rem}.jl-py-math-inputs input,.jl-py-string-sliders input{accent-color:#9c75e5;width:100%}.jl-py-math-result,.jl-py-string-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.jl-py-math-result>div,.jl-py-string-results>div{border:1px solid color-mix(in srgb,currentColor 19%,transparent);border-radius:.75rem;padding:.9rem;min-width:0;display:flex;flex-direction:column;gap:.4rem}.jl-py-math-result small,.jl-py-string-results small{font-size:.68rem;letter-spacing:.07em}.jl-py-math-result strong,.jl-py-string-results strong{font-size:1.2rem;overflow-wrap:anywhere}.jl-py-math-result code,.jl-py-string-results code{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.82rem}.jl-py-math-conversion{border-top:1px solid color-mix(in srgb,currentColor 17%,transparent);padding-top:1rem;margin-top:1rem}.jl-py-math-conversion label,.jl-py-string-explorer>label{display:flex;flex-direction:column;gap:.45rem}.jl-py-math-conversion input,.jl-py-string-explorer>label input{padding:.7rem;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:.65rem;background:var(--background,#211a35);color:inherit;max-width:100%;font:inherit}.jl-py-string-results{grid-template-columns:repeat(3,minmax(0,1fr))}.jl-py-character-grid{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0}.jl-py-character-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:2rem;min-height:3.2rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:.45rem;padding:.3rem}.jl-py-character-grid>div.selected{border-color:#9f7fee;background:color-mix(in srgb,#9863da 24%,transparent)}.jl-py-character-grid small{opacity:.7;font-size:.65rem}.jl-py-character-grid strong{font-size:.9rem}.jl-py-string-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}.jl-py-input-panel{padding:.8rem;margin:.75rem 0;border:1px solid color-mix(in srgb,#a788ed 45%,transparent);border-radius:.75rem;background:color-mix(in srgb,#9064d3 7%,transparent)}.jl-py-input-panel summary{font-weight:750;cursor:pointer}.jl-py-input-panel label{display:block;font-size:.82rem;margin:.8rem 0 .4rem}.jl-py-input-panel textarea{width:100%;box-sizing:border-box;resize:vertical;padding:.75rem;border-radius:.65rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,#1f1730 94%,#37244d);color:#f5edff;font:500 .88rem/1.55 ui-monospace,monospace}.jl-py-input-panel p{font-size:.79rem;line-height:1.5;margin:.55rem 0}@media(max-width:650px){.jl-py-math-inputs,.jl-py-math-result,.jl-py-string-results,.jl-py-string-sliders{grid-template-columns:1fr}.jl-py-character-grid>div{min-width:1.55rem;min-height:2.7rem;padding:.2rem}}