.c525-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){max-width:1100px;margin:auto;padding:2rem 1rem 4rem}.c525-lead:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){max-width:72ch;font-size:1.1rem}.c525-card:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-method:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){margin-top:1.5rem;padding:1.25rem;border:1px solid #d7dce3;border-radius:14px;background:#fff}.c525-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.c525-card label:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:.4rem;font-weight:650}.c525-card input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font:inherit}.c525-card input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%;padding:.7rem;border:1px solid #8c96a3;border-radius:8px}.c525-card textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:14rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.c525-actions:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.c525-actions button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:.65rem 1rem;border:1px solid #42526b;border-radius:8px;background:#fff}.c525-actions .primary:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){background:#183b66;color:#fff}.c525-actions button:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card input:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card textarea:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c525-card select:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){outline:3px solid #f39c12;outline-offset:2px}.c525-error:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){color:#a31717;font-weight:700}.c525-status:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.privacy-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){color:#34445a}.warning:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:.75rem;border-left:4px solid #bf6b00;background:#fff5df}.code-output:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto;padding:1rem;background:#111b2a;color:#f6f8fa;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.c525-preview:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:block;max-width:100%;max-height:520px;margin:1rem auto;border:1px solid #ccd3dc;background:repeating-conic-gradient(#eef1f4 0 25%,#fff 0 50%) 0/20px 20px}.canvas-wrap:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){overflow:auto}.canvas-wrap canvas:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:block;max-width:100%;height:auto;margin:auto}.eyebrow:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}@media(max-width:520px){.c525-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding-inline:.75rem}.c525-card:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:1rem}.c525-actions button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%}}