.code-block{width:100%;max-width:100%;margin:1.5rem 0}.code-block__frame{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.code-block__frame--prompt{background:#fff;box-shadow:0 1px 2px #0f172a0d}.code-block__header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.code-block__header--prompt{background:#f9fafbcc;border-bottom-color:#f3f4f6;padding-top:.7rem;padding-bottom:.7rem}.code-block__label{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:500}.code-block__label--prompt{color:#047857;letter-spacing:.12em;font-weight:600}.code-block__copy{color:#4b5563;cursor:pointer;background:#e5e7eb;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.375rem;margin-left:auto;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.code-block__copy:hover{background:#d1d5db}.code-block__copy:focus-visible{outline-offset:2px;outline:2px solid #10b98159}.code-block__copy--prompt{color:#6b7280;background:#fff;border-color:#e5e7eb}.code-block__copy--prompt:hover{color:#374151;background:#f9fafb}.code-block__copy-icon{flex-shrink:0;width:.875rem;height:.875rem}.code-block__scroll{max-width:100%;overflow-x:auto}.code-block__pre{color:#f3f4f6;white-space:pre;background:#111827;min-width:100%;margin:0;padding:1rem;font-size:.875rem;line-height:1.625}.code-block__code{min-width:max-content;display:block}.code-block__body{padding:1rem 1.25rem}.code-block__text{color:#374151;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9375rem;line-height:1.75}.code-block__caption{color:#6b7280;text-align:center;margin-top:.5rem;font-size:.875rem;font-style:italic}.dark .code-block__frame{border-color:#374151}.dark .code-block__header{background:#1f2937;border-bottom-color:#374151}.dark .code-block__label{color:#9ca3af}.dark .code-block__label--prompt{color:#34d399}.dark .code-block__copy{color:#d1d5db;background:#374151}.dark .code-block__copy:hover{background:#4b5563}.dark .code-block__copy--prompt{color:#9ca3af;background:#1f2937;border-color:#4b5563}.dark .code-block__copy--prompt:hover{background:#374151}.dark .code-block__pre{background:#030712}.dark .code-block__text{color:#e5e7eb}.dark .code-block__caption{color:#9ca3af}