.nahnu-code-block{position:relative;margin:1.5em 0;border:1px solid var(--nahnu-code-block-border);border-radius:10px;overflow:hidden;background:var(--nahnu-code-block-bg);color:var(--nahnu-code-block-fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 1px 2px rgb(0 0 0 / .06)}.nahnu-code-block__preview{position:relative}.nahnu-code-block__lang-pill{position:absolute;top:.7em;left:1em;z-index:1;font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--nahnu-code-block-muted);pointer-events:none}.nahnu-code-block__toolbar{position:absolute;top:.5em;right:.6em;z-index:1;display:flex;gap:.3em;opacity:0;transform:translateY(-2px);transition:opacity 120ms ease,transform 120ms ease}.nahnu-code-block__preview:hover .nahnu-code-block__toolbar,.nahnu-code-block__preview:focus-within .nahnu-code-block__toolbar{opacity:1;transform:translateY(0)}@media (hover:none),(max-width:600px){.nahnu-code-block__toolbar{opacity:1;transform:none}}.nahnu-code-block__live-preview{border-top:1px solid var(--nahnu-code-block-border);background:var(--nahnu-code-block-chrome-bg);padding:.9em 1.1em}.nahnu-code-block__live-preview-label{font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--nahnu-code-block-muted);margin-bottom:.6em}.nahnu-code-block__live-preview-body{background:var(--nahnu-code-block-bg);border:1px dashed var(--nahnu-code-block-border);border-radius:8px;padding:.8em}.nahnu-code-block__live-preview-body>*:first-child{margin-top:0}.nahnu-code-block__live-preview-body>*:last-child{margin-bottom:0}.nahnu-code-block__icon-button{appearance:none;-webkit-appearance:none;border:1px solid var(--nahnu-code-block-border);background:var(--nahnu-code-block-chrome-bg);color:var(--nahnu-code-block-muted);border-radius:6px;padding:.3em .65em;font-size:.78em;font-weight:600;cursor:pointer;line-height:1.4;backdrop-filter:blur(4px)}.nahnu-code-block__icon-button:hover{border-color:var(--nahnu-code-block-accent);color:var(--nahnu-code-block-accent)}.nahnu-code-block__icon-button.nahnu-code-block__copy--copied{background:var(--nahnu-code-block-accent);border-color:var(--nahnu-code-block-accent);color:var(--nahnu-code-block-accent-fg)}.nahnu-code-block--collapsible .nahnu-code-block__preview .nahnu-code-block__pre{max-height:calc(var( --nahnu-code-block-collapsed-lines, 12 ) * 1.55em + 2.4em);overflow:hidden}.nahnu-code-block__pre{margin:0;padding:2.2em 1.1em 1em;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;line-height:1.55;background:#fff0}.nahnu-code-block__pre code{background:#fff0;font-family:inherit}.nahnu-code-block__view-all{appearance:none;-webkit-appearance:none;display:block;width:100%;border:none;border-top:1px solid var(--nahnu-code-block-border);background:var(--nahnu-code-block-view-all-bg,transparent);color:var(--nahnu-code-block-view-all-color,var(--nahnu-code-block-accent));font-size:.85em;font-weight:600;padding:.6em;cursor:pointer}.nahnu-code-block__view-all:hover{filter:brightness(.94)}.nahnu-code-block__dialog{padding:0;border:none;border-radius:12px;background:#fff0;color:var(--nahnu-code-block-fg);max-width:none;max-height:none;overflow:visible}.nahnu-code-block__dialog::backdrop{background:rgb(15 17 21 / .6);backdrop-filter:blur(2px)}.nahnu-code-block__dialog-inner{width:min(900px, 92vw);max-height:85vh;display:flex;flex-direction:column;border:1px solid var(--nahnu-code-block-border);border-radius:12px;overflow:hidden;background:var(--nahnu-code-block-bg);box-shadow:0 20px 60px rgb(0 0 0 / .35)}.nahnu-code-block__dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.7em 1em;background:var(--nahnu-code-block-chrome-bg);border-bottom:1px solid var(--nahnu-code-block-border);flex:0 0 auto}.nahnu-code-block__dialog-title{font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--nahnu-code-block-muted)}.nahnu-code-block__dialog-actions{display:flex;align-items:center;gap:.5em}.nahnu-code-block__dialog-close{appearance:none;-webkit-appearance:none;border:none;background:#fff0;color:var(--nahnu-code-block-muted);font-size:1.4em;line-height:1;width:1.6em;height:1.6em;border-radius:6px;cursor:pointer}.nahnu-code-block__dialog-close:hover{background:var(--nahnu-code-block-border);color:var(--nahnu-code-block-fg)}.nahnu-code-block__dialog-body{overflow:auto;flex:1 1 auto;min-height:0}.nahnu-code-block__dialog-body .nahnu-code-block__pre{padding:1.1em;max-height:none;overflow:visible}.nahnu-code-block .token.comment,.nahnu-code-block .token.prolog,.nahnu-code-block .token.doctype,.nahnu-code-block .token.cdata{color:var(--nahnu-code-block-token-comment);font-style:italic}.nahnu-code-block .token.punctuation{color:var(--nahnu-code-block-token-punctuation)}.nahnu-code-block .token.property,.nahnu-code-block .token.tag,.nahnu-code-block .token.boolean,.nahnu-code-block .token.number,.nahnu-code-block .token.constant,.nahnu-code-block .token.symbol{color:var(--nahnu-code-block-token-property)}.nahnu-code-block .token.selector,.nahnu-code-block .token.attr-name,.nahnu-code-block .token.string,.nahnu-code-block .token.char,.nahnu-code-block .token.builtin{color:var(--nahnu-code-block-token-string)}.nahnu-code-block .token.operator,.nahnu-code-block .token.entity,.nahnu-code-block .token.url{color:var(--nahnu-code-block-token-operator)}.nahnu-code-block .token.atrule,.nahnu-code-block .token.attr-value,.nahnu-code-block .token.keyword{color:var(--nahnu-code-block-token-keyword)}.nahnu-code-block .token.function,.nahnu-code-block .token.class-name{color:var(--nahnu-code-block-token-function)}.nahnu-code-block .token.regex,.nahnu-code-block .token.important,.nahnu-code-block .token.variable{color:var(--nahnu-code-block-token-variable)}