.jl-py-loop-vis{border:1px solid #7569ba;background:linear-gradient(140deg,#191638,#111c34);border-radius:16px;padding:clamp(16px,2vw,23px);margin:24px 0;color:#f1eeff}.jl-py-loop-vis h3{font-size:23px;font-weight:850;margin:8px 0}.jl-py-loop-vis>p{font-size:13px;line-height:1.75;color:#bfc7e0;margin:6px 0 0}.jl-py-loop-modes{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.jl-py-loop-actions button,.jl-py-loop-modes button{border:1px solid #7970b4;background:#302951;color:#ece5ff;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer}.jl-py-loop-modes button.is-active{background:#d2c0ff;color:#24183e}.jl-py-loop-actions button:focus-visible,.jl-py-loop-modes button:focus-visible,.jl-py-loop-slider input:focus-visible{outline:3px solid #d4c8ff;outline-offset:3px}.jl-py-loop-slider{display:flex;justify-content:space-between;align-items:center;gap:17px;padding:12px 15px;border:1px solid #625988;border-radius:9px;margin:12px 0;font-size:12px;color:#e4d9f9}.jl-py-loop-slider input{accent-color:#bd9dff;width:min(250px,48%)}.jl-py-loop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jl-py-loop-box{min-width:0;border:1px solid #4d527a;background:#0e1930;border-radius:11px;padding:16px}.jl-py-loop-box pre{font:13px/1.8 Cascadia Code,Consolas,monospace;color:#ece8ff;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.jl-py-loop-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#d0c5f2}.jl-py-loop-state{display:flex;gap:15px;align-items:center;margin:14px 0;padding:12px;background:#272748;border-radius:9px}.jl-py-loop-state>div{display:grid;gap:5px}.jl-py-loop-state small{font-size:10px;color:#cbbbed}.jl-py-loop-state strong{font-size:18px;color:#f5edff}.jl-py-loop-state p{font-size:12px;color:#d7d4e9;line-height:1.6}.jl-py-loop-box .jl-py-loop-output{color:#b7f3cd;min-height:48px}.jl-py-loop-actions{padding-top:10px;border-top:1px solid #535071}.jl-py-loop-actions button:disabled{opacity:.4;cursor:not-allowed}.jl-py-loop-vis .jl-py-loop-note{font-size:11px;color:#bdc5db;line-height:1.7;margin-top:12px}html[data-theme=light] .jl-py-loop-vis{background:#f1eafd;border-color:#baade3;color:#30214d}html[data-theme=light] .jl-py-loop-vis .jl-py-loop-note,html[data-theme=light] .jl-py-loop-vis>p{color:#605777}html[data-theme=light] .jl-py-loop-box{background:#fff;border-color:#d5c7e9}html[data-theme=light] .jl-py-loop-box pre{color:#3b2c60}html[data-theme=light] .jl-py-loop-box .jl-py-loop-output{color:#267348}html[data-theme=light] .jl-py-loop-state{background:#f0ebf9}html[data-theme=light] .jl-py-loop-state p,html[data-theme=light] .jl-py-loop-state strong{color:#4a3a64}html[data-theme=light] .jl-py-loop-actions button,html[data-theme=light] .jl-py-loop-modes button{background:#fff;border-color:#b4a1dc;color:#4c347c}html[data-theme=light] .jl-py-loop-modes button.is-active{background:#6947b6;color:#fff}html[data-theme=light] .jl-py-loop-row,html[data-theme=light] .jl-py-loop-slider,html[data-theme=light] .jl-py-loop-state small{color:#655580}@media(max-width:740px){.jl-py-loop-grid{grid-template-columns:1fr}.jl-py-loop-modes button{flex:1}}