.markdown-code-card{border-radius:28px;background:#06080d;border:1px solid hsla(0,0%,100%,.06);box-shadow:0 10px 30px -10px rgba(0,0,0,.6);overflow:hidden;max-width:100%;width:100%;min-width:0;font-family:JetBrains Mono,monospace;transition:border-color .15s ease}.markdown-code-card:hover{border-color:hsla(0,0%,100%,.12)}.markdown-code-card.fill-height{height:100%;display:flex;flex-direction:column}.markdown-code-card.fill-height .code-content-wrapper{flex:1;height:100%;max-height:none}.markdown-code-card .code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(13,18,28,.95);border-bottom:1px solid hsla(0,0%,100%,.08);gap:8px;min-width:0}.markdown-code-card .code-header .code-meta{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.markdown-code-card .code-header .code-meta .file-name{font-size:.8125rem;font-weight:600;color:#fff;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-code-card .code-header .code-meta .lang-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:rgba(0,245,212,.1);color:#00f5d4;border:1px solid rgba(0,245,212,.2);flex-shrink:0}.markdown-code-card .code-header .copy-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:500;color:#94a3b8;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.markdown-code-card .code-header .copy-btn:hover{color:#00f5d4;border-color:rgba(0,245,212,.4);background:rgba(0,245,212,.05)}.markdown-code-card .code-header .copy-btn.copied{color:#10b981;border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.1)}.markdown-code-card .code-content-wrapper{display:flex;flex-direction:column;padding:10px 0;overflow-x:auto;overflow-y:hidden;max-width:100%;width:100%;min-width:0;-webkit-overflow-scrolling:touch}.markdown-code-card .code-content-wrapper::-webkit-scrollbar{width:6px;height:6px}.markdown-code-card .code-content-wrapper::-webkit-scrollbar-track{background:rgba(7,9,14,.6)}.markdown-code-card .code-content-wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:999px}.markdown-code-card .code-content-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(0,245,212,.4)}.markdown-code-card .code-content-wrapper .code-pre{margin:0;padding:0;background:transparent!important;font-family:inherit;min-width:100%;width:-moz-max-content;width:max-content}.markdown-code-card .code-content-wrapper .code-line-row{display:flex;align-items:flex-start;padding:1px 10px;min-height:22px;transition:background-color .1s ease}.markdown-code-card .code-content-wrapper .code-line-row:hover{background:hsla(0,0%,100%,.025)}.markdown-code-card .code-content-wrapper .code-line-row .line-num{display:inline-block;width:26px;padding-right:8px;text-align:right;color:hsla(0,0%,100%,.22);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.8125rem;flex-shrink:0}.markdown-code-card .code-content-wrapper .code-line-row .line-code-content{flex:1;white-space:pre;font-size:.8125rem;line-height:1.65;color:#e2e8f0}