.code-frame{background:var(--ink);border-radius:20px;margin:0;overflow:hidden}.code-frame-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:12px 18px;display:flex}.code-frame-dots{gap:6px;display:inline-flex}.code-frame-dots i{background:#ffffff24;border-radius:50%;width:9px;height:9px}.code-frame-title{font-family:var(--font-mono-stack);color:var(--muted-on-dark);font-size:12px}.code-frame-copy{color:var(--muted-on-dark);border-radius:var(--r-pill);border:1px solid #ffffff24;margin-left:auto;padding:5px 14px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,background-color .15s}.code-frame-copy:hover{color:var(--ink);background:#fff;border-color:#fff}.code-frame pre{font-family:var(--font-mono-stack);color:#e9eef0;padding:20px 24px;font-size:13.5px;line-height:1.7;overflow-x:auto}.code-frame code{font-family:inherit}.code-frame .tok-k{color:#9db2bd}.code-frame .tok-s{color:#cbe96e}.code-frame .tok-c{color:#5c6a70}.code-frame .tok-n{color:#bfd3dc}@media (max-width:720px){.code-frame pre{padding:16px 18px;font-size:12.5px}.code-frame{border-radius:16px}}