@keyframes copy-button-scale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.copy-button-icon{animation:copy-button-scale var(--copy-animation-duration,.5s) cubic-bezier(.215,.61,.355,1)}@media (prefers-reduced-motion:reduce){.copy-button-icon{animation:none}}.copyable-callout{--callout-padding-x:32px;--callout-surface:var(--blue-surface);--callout-accent:var(--blue-foreground);--callout-ink:color-mix(in oklch,var(--callout-accent) 85%,var(--foreground));--callout-hover:color-mix(in oklch,var(--blue-surface) 92%,var(--blue-foreground));position:relative;overflow:hidden;margin-block:32px;padding:24px var(--callout-padding-x);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--callout-surface);color:var(--foreground)}.copyable-callout[data-callout-kind=prompt]{--callout-surface:var(--primary-surface);--callout-accent:var(--primary);--callout-hover:var(--primary-surface-hover)}.copyable-callout[data-callout-kind=example]{--callout-surface:var(--muted);--callout-accent:var(--muted-foreground);--callout-hover:var(--secondary)}.copyable-callout:before{content:"";position:absolute;top:24px;left:0;width:.25rem;height:min(6rem,calc(100% - 3rem));border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--callout-accent);pointer-events:none}.copyable-callout-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.copyable-callout-category{margin-bottom:4px;color:var(--callout-ink);font-size:12px;line-height:16px;font-weight:510}.copyable-callout .copyable-callout-header .copyable-callout-heading{margin:0;color:var(--foreground);font-size:20px;line-height:28px;font-weight:590}.copyable-callout-viewport{position:relative;overflow:hidden;max-height:calc(var(--callout-preview-lines, 6) * 1lh);transition:max-height .24s ease-out}.copyable-callout[data-expanded=true] .copyable-callout-viewport{max-height:var(--callout-content-height,none)}.copyable-callout-viewport[data-truncated=true]:after{content:"";position:absolute;inset:auto 0 0;height:3lh;background:linear-gradient(to bottom,transparent,var(--callout-surface));pointer-events:none}.copyable-callout-inner{display:flow-root}.copyable-callout .copyable-callout-copy{flex-shrink:0}.copyable-callout .copyable-callout-body{margin:0;padding:0;border:0;background:transparent;font:inherit;white-space:pre-wrap}.copyable-callout .copyable-callout-body>:last-child,.copyable-callout .copyable-callout-body>:last-child>:last-child{margin-bottom:0}.copyable-callout .copyable-callout-toggle{display:flex;width:calc(100% + 2 * var(--callout-padding-x));height:68px;margin:0 calc(-1 * var(--callout-padding-x)) -24px;padding:8px var(--callout-padding-x) 24px;border-radius:0;background:transparent;color:var(--callout-ink);cursor:pointer}.copyable-callout .copyable-callout-toggle:hover{background:var(--callout-hover)}.copyable-callout .copyable-callout-toggle:active{scale:1}@media (max-width:639px){.copyable-callout{--callout-padding-x:24px}}@media (prefers-reduced-motion:reduce){.copyable-callout-viewport{transition:none}}@media print{.copyable-callout .copyable-callout-viewport{max-height:none!important;overflow:visible;transition:none}.copyable-callout-copy,.copyable-callout-toggle,.copyable-callout-viewport:after{display:none!important}}