.docs-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; margin:16px 0 28px; color:var(--muted); font-size:12px; }
.docs-tools > a,.docs-tools button,.ai-picker summary { padding:4px 0; font:inherit; color:inherit; background:none; border:0; cursor:pointer; text-decoration:none; }
.docs-tools > a:hover,.docs-tools button:hover,.ai-picker summary:hover { color:var(--green); }
.ai-picker { position:relative; }
.ai-picker summary { list-style:none; }
.ai-picker summary::-webkit-details-marker { display:none; }
.ai-options { position:absolute; top:calc(100% + 8px); left:0; z-index:25; width:240px; padding:8px; border:1px solid var(--line); border-radius:10px; background:white; box-shadow:0 10px 30px #142e2a18; }
.ai-options p { font-size:11px; line-height:1.6; margin:4px 8px 8px; }
.ai-options a { display:flex; justify-content:space-between; padding:8px 10px; border-radius:6px; color:var(--ink); }
.ai-options a:hover { background:var(--soft); color:var(--green); }
.markdown-page { max-width:1080px; margin:auto; padding:32px 24px; }
.markdown-page nav { display:flex; justify-content:space-between; gap:20px; color:var(--green); }
.markdown-page h1 { font-size:26px; }
.markdown-page pre { padding:24px; border:1px solid var(--line); border-radius:10px; background:var(--soft); white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.8 var(--mono); }
@media(max-width:600px) { .docs-tools { gap:8px 14px; font-size:11px; } .markdown-page { padding:24px 16px; } .markdown-page pre { padding:14px; } }
.token-helper { margin:20px 0; padding:22px; background:var(--soft); border:1px solid var(--line); border-radius:10px; }
.token-helper h4 { margin:0 0 16px; }
.token-helper label { display:block; font-size:13px; }
.token-helper input:not([type=checkbox]) { display:block; width:100%; min-width:0; margin:8px 0 14px; padding:10px 12px; border:1px solid var(--line); border-radius:6px; font:12px/1.6 var(--mono); }
.token-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:16px; }
.token-actions .button { font-size:12px; padding:9px 13px; }
.token-helper p { font-size:12px; margin:0; }
.doc-api-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:20px 0; }
.doc-api-actions label { display:grid; gap:5px; color:var(--muted); font-size:11px; max-width:100%; }
.doc-api-actions select { width:100%; max-width:340px; padding:8px; border:1px solid var(--line); border-radius:6px; background:white; color:var(--ink); font-family:inherit; font-size:12px; line-height:1.5; }
.doc-api-actions .try-button { margin:0; }
.doc-api-actions .experience-button { background:white; border:1px solid var(--green); }