.code-snippet{min-width:0;max-width:100%;margin:10px 0;border:1px solid #d6e2e8;border-radius:10px;overflow:hidden;background:#f7f9fb;color:#253e4b;white-space:normal}
.snippet-bar{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 10px;background:#edf3f6;border-bottom:1px solid #dce6eb;font:600 12px/1.4 system-ui}
.snippet-status{margin-left:auto;font-weight:400;font-size:11px}
.code-snippet .snippet-copy,#conversation-dock .snippet-copy{border:0;background:transparent;color:#426675;padding:5px 8px;font-size:19px;line-height:1;min-width:32px;min-height:32px;margin:0}
.code-snippet .snippet-copy:hover{background:#dbeaf0}
.code-snippet pre,.chat-body .code-snippet pre,.markdown-preview .code-snippet pre,.dock-message .code-snippet pre{white-space:pre;overflow-wrap:normal;word-break:normal;overflow:auto;max-height:360px;margin:0;padding:14px;border:0;border-radius:0;background:transparent;font:13px/1.65 Consolas,'SFMono-Regular',monospace;tab-size:4}
.code-snippet pre code{padding:0;background:none;color:inherit;font:inherit}
.snippet-insert{font-family:Consolas,monospace!important;font-weight:700;min-width:36px}
.snippet-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #ccdde3;border-radius:18px;padding:24px;box-shadow:0 20px 80px #14394540;color:#203f4e}
.snippet-dialog::backdrop{background:#14394566}
.snippet-dialog h2{font-size:22px;margin:0 0 20px}.snippet-dialog label{display:block;font-size:14px;font-weight:600;margin:14px 0}
.snippet-dialog select,.snippet-dialog textarea{box-sizing:border-box;display:block;width:100%;margin-top:7px;border:1px solid #bccfd9;border-radius:8px;padding:10px;background:#f8fafc;color:#243f4e}
.snippet-dialog textarea{font:14px/1.6 Consolas,'SFMono-Regular',monospace;white-space:pre;overflow:auto;resize:vertical;min-height:160px;max-height:48dvh;tab-size:4}
.snippet-note{font-size:13px;color:#5e7886;line-height:1.6}.snippet-error{color:#a12f45;font-size:13px}.snippet-error:empty{display:none}
.snippet-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.snippet-actions button{margin:0}
@media(max-width:600px){.snippet-dialog{padding:18px}.snippet-dialog textarea{font-size:16px}}
@media print{.snippet-bar button,.snippet-status,.snippet-insert,.snippet-dialog{display:none!important}.code-snippet pre{max-height:none!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}}