:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display { min-width:0; max-width:100%; margin:18px 0; border:1px solid #343b49; border-radius:13px; overflow:hidden; background:#191d25; color:#e7edf7; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-bottom:1px solid #303643; background:#20252f; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display-label { display:flex; align-items:center; gap:8px; min-width:0; color:#e7edf7; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display-label strong { color:inherit; font:650 12px/1.5 Inter,Arial,sans-serif; }
.sv-code-display-label svg { width:18px; height:18px; color:#9fb3d1; }
.sv-code-display-actions { display:flex; align-items:center; gap:5px; flex-shrink:0; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display-actions button { display:grid; place-items:center; width:32px; height:30px; margin:0; padding:6px; border:1px solid transparent; border-radius:6px; background:transparent; color:#b7c5da; cursor:pointer; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display-actions button:hover,:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display-actions button[aria-pressed='true'] { border-color:#455167; background:#303b4d; color:#fff; }
.sv-code-display-actions button:focus-visible { outline:2px solid #83b6ff; outline-offset:2px; }
.sv-code-display-actions svg { width:17px; height:17px; color:inherit; }
.sv-code-copy-status { color:#a2ddb7; font:11px/1.4 Inter,Arial,sans-serif; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) code.sv-inline-path { display:inline; padding:2px 5px; border:1px solid #d7e4f4; border-radius:4px; background:#edf4fd; color:#175298; font:13px/1.6 Consolas,'Courier New',monospace; overflow-wrap:anywhere; white-space:normal; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display pre.sv-code-block { display:block; min-width:0; max-width:100%; margin:0!important; padding:18px!important; border:0!important; border-radius:0!important; background:#191d25!important; color:#e7edf7!important; white-space:pre!important; overflow:auto; font:13px/1.75 Consolas,'Courier New',monospace!important; tab-size:4; direction:ltr; text-align:left; box-sizing:border-box; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display pre.sv-code-block code { margin:0; padding:0; border:0; background:transparent!important; color:inherit!important; font:inherit!important; white-space:inherit!important; }
:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display.is-wrapped pre.sv-code-block { white-space:pre-wrap!important; overflow-wrap:anywhere; }
@media(max-width:680px){.sv-code-display-header{padding:8px 10px}.sv-code-copy-status{max-width:75px}:is(.post-copy,.sv-live-preview,.sv-reply-preview) .sv-code-display pre.sv-code-block{padding:14px!important;font-size:12px!important}}