.code-block-container{margin:2rem 0;position:relative;border-radius:8px}.code-block{background-color:#0d1117;border:1px solid #30363d;border-radius:6px;padding:1rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.5}.code-content{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:.5rem 0}.line-number{color:#8b949e;text-align:right;user-select:none;padding-right:1rem;border-right:1px solid #30363d}.line{padding:0 .5rem;white-space:pre}.highlighted{border-left:2px solid #58a6ff}.highlighted,.word{background-color:rgba(88,166,255,.15)}.word{border-radius:2px;padding:0 2px}.language-badge{position:absolute;bottom:.75rem;right:1.25rem;background-color:#30363d;color:#8b949e;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;text-transform:capitalize;z-index:2;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.04)}.code-block .token.cdata,.code-block .token.comment,.code-block .token.doctype,.code-block .token.prolog{color:#8b949e}.code-block .token.punctuation{color:#c9d1d9}.code-block .token.boolean,.code-block .token.constant,.code-block .token.number,.code-block .token.property,.code-block .token.symbol,.code-block .token.tag{color:#79c0ff}.code-block .token.attr-name,.code-block .token.builtin,.code-block .token.char,.code-block .token.selector,.code-block .token.string{color:#a5d6ff}.code-block .language-css .token.string,.code-block .style .token.string,.code-block .token.atrule,.code-block .token.attr-value,.code-block .token.entity,.code-block .token.keyword,.code-block .token.operator,.code-block .token.url{color:#ff7b72}.code-block .token.class-name,.code-block .token.function{color:#d2a8ff}.code-block .token.important,.code-block .token.regex,.code-block .token.variable{color:#ffa657}.code-block .token.bold,.code-block .token.important{font-weight:700}.code-block .token.italic{font-style:italic}.code-block .token.entity{cursor:help}.code-block-container pre{margin:0;padding:2.2rem;border-radius:8px;font-size:inherit;line-height:1.8;font-family:Fira Mono,Consolas,Menlo,Monaco,Liberation Mono,monospace}.copy-btn{background:rgba(36,37,38,.85);border:1px solid #30363d;border-radius:8px;padding:4px 8px;cursor:pointer;transition:background .2s,border .2s;outline:none;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#222;border-color:#58a6ff}.copy-btn svg{display:block}.back-to-shorts-link{display:inline-flex;align-items:center;gap:.4em;font-size:16px;font-weight:500;color:#fff;background:rgba(36,37,38,.7);border-radius:6px;padding:.4em 1.1em .4em .7em;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid transparent}.back-to-shorts-link:hover{background:#222e;color:var(--rs-theme-primary);border:1px solid var(--rs-theme-primary);text-decoration:none}.back-to-shorts-link .arrow{font-size:1.2em;margin-right:.2em;display:flex;align-items:center}