.okp52-code-block {
    margin: 1.5em 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .14);
    text-align: left;
}
.okp52-code-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 14px 0 48px;
    position: relative;
    font: 600 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.okp52-code-toolbar::before {
    content: "";
    position: absolute;
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff5f56;
    box-shadow: 16px 0 #ffbd2e, 32px 0 #27c93f;
}
.okp52-copy-button {
    appearance: none;
    border: 0;
    border-radius: 5px;
    padding: 5px 9px;
    cursor: pointer;
    font: inherit;
}
.okp52-code-block pre.wp-block-code {
    margin: 0;
    padding: 16px 18px;
    border: 0;
    border-radius: 0;
    overflow-x: auto;
    tab-size: 4;
}
.okp52-code-block code {
    display: block;
    padding: 0;
    background: transparent;
    color: inherit;
    font: 13px/1.7 "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    overflow-wrap: normal;
}
.okp52-theme-dark { background: #1e293b; color: #e2e8f0; }
.okp52-theme-dark .okp52-code-toolbar { background: #0f172a; color: #94a3b8; }
.okp52-theme-dark .okp52-copy-button { background: #1e293b; color: #cbd5e1; }
.okp52-theme-light { background: #f8fafc; color: #1e293b; border: 1px solid #e2e8f0; }
.okp52-theme-light .okp52-code-toolbar { background: #f1f5f9; color: #475569; border-bottom: 1px solid #e2e8f0; }
.okp52-theme-light .okp52-copy-button { background: #fff; color: #334155; }
.okp52-token-comment { color: #64748b; font-style: italic; }
.okp52-token-string { color: #a7f3d0; }
.okp52-token-number { color: #fbbf24; }
.okp52-token-keyword { color: #93c5fd; font-weight: 600; }
.okp52-token-tag { color: #f9a8d4; }
.okp52-theme-light .okp52-token-comment { color: #64748b; }
.okp52-theme-light .okp52-token-string { color: #047857; }
.okp52-theme-light .okp52-token-number { color: #b45309; }
.okp52-theme-light .okp52-token-keyword { color: #1d4ed8; }
.okp52-theme-light .okp52-token-tag { color: #be185d; }