/* ui-kit.css — small shared controls (section headings, copy buttons, tabs, inputs, code blocks) used by the social tools */
.cu-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#64748b);margin:16px 0 8px}
.cu-h:first-child{margin-top:0}
.cu-h small{font-weight:600;text-transform:none;letter-spacing:0}
.cu-btns{display:flex;gap:8px;flex-wrap:wrap}
.cu-cp{border:1px solid var(--line,#e2e8f0);background:var(--card,#fff);color:inherit;border-radius:8px;font:600 12px inherit;font-family:inherit;padding:4px 10px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.cu-cp:hover{border-color:var(--accent,#4f6ef7);color:var(--accent,#4f6ef7)}
.cu-cp.ok{border-color:#16a34a;color:#15803d}
.cu-cp[disabled]{opacity:.45;cursor:default}
.cu-code{font:12.5px/1.55 ui-monospace,Consolas,monospace;background:#0f172a;color:#e2e8f0;border-radius:10px;padding:12px 14px;margin:0;white-space:pre-wrap;word-break:break-all;max-height:320px;overflow:auto}
.cu-tabs{display:flex;gap:4px;flex-wrap:wrap}
.cu-tabs button{border:1px solid var(--line,#e2e8f0);background:var(--card,#fff);color:inherit;border-radius:8px;padding:4px 10px;font:600 12.5px inherit;font-family:inherit;cursor:pointer}
.cu-tabs button.on{background:var(--accent,#4f6ef7);border-color:var(--accent,#4f6ef7);color:#fff}
.cu-sel,.cu-num{height:36px;border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:0 10px;background:var(--card,#fff);color:inherit;font:inherit;font-size:13.5px;max-width:100%}
.cu-num:focus,.cu-sel:focus{outline:0;border-color:var(--accent,#4f6ef7)}
.cu-f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted,#64748b)}
@media(max-width:600px){.cu-code{font-size:11.5px;padding:10px}.cu-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.cu-tabs button{flex:none}}