.nbt-preview-lightbox { width: min(1200px, calc(100% - 32px)); max-width: none; max-height: 92vh; max-height: 92dvh; margin: auto; padding: 0; border: 1px solid var(--line, #444); border-radius: 18px; background: var(--surface, #17181c); color: var(--text, #fff); box-shadow: 0 28px 100px #0009; overflow: hidden; }
.nbt-preview-lightbox::backdrop { background: #080a10dc; backdrop-filter: blur(8px); }
.nbt-preview-toolbar { display: flex; align-items: center; gap: 16px; padding: 12px 18px; border-bottom: 1px solid var(--line, #444); }
.nbt-preview-toolbar strong { margin-right: auto; font-size: 14px; }
.nbt-preview-toolbar a { color: var(--accent, #ffdf58); font-size: 12px; }
.nbt-preview-toolbar button { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line, #444); border-radius: 50%; background: var(--bg, #101114); color: inherit; font: 28px/1 sans-serif; cursor: pointer; }
.nbt-preview-toolbar :focus-visible { outline: 2px solid var(--accent, #ffdf58); outline-offset: 3px; }
.nbt-preview-canvas { max-height: calc(92vh - 70px); max-height: calc(92dvh - 70px); overflow: auto; overscroll-behavior: contain; padding: 18px; text-align: center; }
.nbt-preview-canvas img { display: block; width: auto; max-width: 100%; height: auto; margin: auto; border-radius: 8px; }
.nbt-preview-canvas [hidden] { display: none; }
.nbt-preview-canvas p { padding: 30px 12px; }
@media (max-width: 600px) {
.nbt-preview-lightbox { width: calc(100% - 16px); border-radius: 12px; }
.nbt-preview-toolbar { gap: 10px; padding: 10px; }
.nbt-preview-toolbar strong { font-size: 12px; }
.nbt-preview-toolbar a { font-size: 10px; }
.nbt-preview-canvas { padding: 8px; }
} .theme-product [data-product-content] .nbt-code-block { background: #11151d; color: #dce3ed; border: 1px solid #323c4c; }
.theme-product [data-product-content] .hljs { color: #dce3ed; font: inherit; white-space: pre; }
.theme-product [data-product-content] .hljs-comment,
.theme-product [data-product-content] .hljs-quote { color: #99a9bc; font-style: italic; }
.theme-product [data-product-content] .hljs-keyword,
.theme-product [data-product-content] .hljs-selector-tag,
.theme-product [data-product-content] .hljs-literal { color: #c7a5ff; }
.theme-product [data-product-content] .hljs-string,
.theme-product [data-product-content] .hljs-regexp,
.theme-product [data-product-content] .hljs-addition { color: #a5ddb3; }
.theme-product [data-product-content] .hljs-number,
.theme-product [data-product-content] .hljs-symbol,
.theme-product [data-product-content] .hljs-attr,
.theme-product [data-product-content] .hljs-attribute { color: #edc685; }
.theme-product [data-product-content] .hljs-name,
.theme-product [data-product-content] .hljs-selector-class,
.theme-product [data-product-content] .hljs-selector-id,
.theme-product [data-product-content] .hljs-deletion { color: #ffabab; }
.theme-product [data-product-content] .hljs-title,
.theme-product [data-product-content] .hljs-built_in,
.theme-product [data-product-content] .hljs-type { color: #91cffa; }
.theme-product [data-product-content] .hljs-variable,
.theme-product [data-product-content] .hljs-template-variable,
.theme-product [data-product-content] .hljs-meta { color: #9cdee3; }
.theme-product [data-product-content] .hljs-emphasis { font-style: italic; }
.theme-product [data-product-content] .hljs-strong { font-weight: 700; }
html[data-theme=light] .theme-product [data-product-content] .nbt-code-block { background: #f6f8fc; border-color: #d6deea; }
html[data-theme=light] .theme-product [data-product-content] .hljs { color: #273449; }
html[data-theme=light] .theme-product [data-product-content] .hljs-comment,
html[data-theme=light] .theme-product [data-product-content] .hljs-quote { color: #576779; }
html[data-theme=light] .theme-product [data-product-content] .hljs-keyword,
html[data-theme=light] .theme-product [data-product-content] .hljs-selector-tag,
html[data-theme=light] .theme-product [data-product-content] .hljs-literal { color: #7637a5; }
html[data-theme=light] .theme-product [data-product-content] .hljs-string,
html[data-theme=light] .theme-product [data-product-content] .hljs-regexp,
html[data-theme=light] .theme-product [data-product-content] .hljs-addition { color: #256b3b; }
html[data-theme=light] .theme-product [data-product-content] .hljs-number,
html[data-theme=light] .theme-product [data-product-content] .hljs-symbol,
html[data-theme=light] .theme-product [data-product-content] .hljs-attr,
html[data-theme=light] .theme-product [data-product-content] .hljs-attribute { color: #82520a; }
html[data-theme=light] .theme-product [data-product-content] .hljs-name,
html[data-theme=light] .theme-product [data-product-content] .hljs-selector-class,
html[data-theme=light] .theme-product [data-product-content] .hljs-selector-id,
html[data-theme=light] .theme-product [data-product-content] .hljs-deletion { color: #a52d43; }
html[data-theme=light] .theme-product [data-product-content] .hljs-title,
html[data-theme=light] .theme-product [data-product-content] .hljs-built_in,
html[data-theme=light] .theme-product [data-product-content] .hljs-type { color: #165c96; }
html[data-theme=light] .theme-product [data-product-content] .hljs-variable,
html[data-theme=light] .theme-product [data-product-content] .hljs-template-variable,
html[data-theme=light] .theme-product [data-product-content] .hljs-meta { color: #17676d; }