.click-to-copy{--copy-accent:#2563eb;--copy-border:#cbd5e1;margin:1.5em 0;border:1px solid var(--copy-border);border-radius:10px;background:#f8fafc;box-shadow:0 3px 12px rgba(15,23,42,.08);overflow:hidden;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.click-to-copy:hover{border-color:var(--copy-accent);box-shadow:0 6px 20px rgba(15,23,42,.13);transform:translateY(-1px)}.click-to-copy:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:3px}.click-to-copy.is-copied{--copy-accent:#15803d;--copy-border:#86efac}.click-to-copy.is-copy-error{--copy-accent:#b91c1c;--copy-border:#fca5a5}.click-to-copy__header{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.75em 1em;border-bottom:1px solid var(--copy-border);background:#eef2f7}.click-to-copy__title{font-weight:700;color:#0f172a}.click-to-copy__action{flex:0 0 auto;color:var(--copy-accent);font-size:.875em;font-weight:700}.click-to-copy__action::before{content:"\1F4CB";margin-right:.35em}.click-to-copy__content{margin:0;padding:1em;border:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.55;color:#1f2937;background:0 0}.click-to-copy__content.is-collapsed{max-height:8.2em;overflow:hidden}.click-to-copy__expand{display:block;width:100%;padding:.7em 1em;border:0;border-top:1px solid var(--copy-border);color:var(--copy-accent);background:linear-gradient(to bottom,rgba(248,250,252,.92),#eef2f7);font:inherit;font-size:.875em;font-weight:700;text-align:center;cursor:pointer}.click-to-copy__expand:focus-visible,.click-to-copy__expand:hover{color:#1d4ed8;background:#e2e8f0}.click-to-copy__expand:focus-visible{outline:2px solid var(--copy-accent);outline-offset:-3px}.click-to-copy__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.click-to-copy{transition:none}}