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