:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Gilroy,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#262f36;background:#eceff1}main{width:70%;margin:0 auto;padding:1.5rem 1rem 3rem}h1{font-size:1.75rem;margin:0 0 1rem;color:#435261;font-weight:700}h2{font-size:1.2rem;color:#435261}.site-header{display:flex;align-items:center;height:70px;padding:0 1rem;background:#fff;border-bottom:1px solid #b4bec8}.site-header img{height:48px;width:auto;display:block}[hidden]{display:none!important}section,#error{background:#fff;border:1px solid #b4bec8;border-radius:16px;padding:1rem 1.25rem;margin-bottom:1rem}#error{border-color:#820f35;border-left:6px solid #820F35;background:#fff;color:#820f35;font-weight:600}.code-panel{border:1px solid #5a0037;border-radius:8px;overflow:hidden;background:#e6f0fa;margin:2rem}.code-title{padding:.35rem .8rem;background:#5a0037;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}pre{margin:0;padding:.8rem;overflow-x:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.55;color:#262f36;background:#eceff1}pre .key{color:#5a0037;font-weight:700}pre .string{color:#b0001f}pre .number{color:#0a5c99}pre .literal{color:#0a5c99;font-weight:700}pre .punct{color:#262f36}.result-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.result-head h2{margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border-radius:50%;background:#820f35;color:#fff;border-color:#820f35;transition:background-color .15s,color .15s,border-color .15s,transform .15s}.icon-btn:hover{background:#fff;border-color:#820f35;color:#820f35;transform:scale(1.08)}.icon-btn:active{transform:scale(.96)}.icon-btn svg{display:block}button{font:inherit;padding:.4rem 1rem;border:1px solid #820F35;border-radius:25px;background:#820f35;color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#fff;color:#5a0037;border-color:#5a0037}button:hover{background:#820f35;border-color:#820f35;color:#fff}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid #5a0037;outline-offset:2px}#copy-status{margin-left:auto;color:#5a0037;font-weight:600;min-height:1.5em}@media(max-width:60rem){main{width:100%}}.intro{white-space:pre-line}.spinner{display:inline-block;width:1em;height:1em;margin-right:.5em;vertical-align:-.15em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.icon-btn{transition:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}