/* 1.76.457: 3D Developer voor Blender en Unreal. Vlak, haarlijnen, paars alleen als accent, mono alleen voor data. */
.nsl-dev3d-hero__facts { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 22px 0 0; padding: 0; list-style: none; color: #9a9a9a; font-size: 14px; }
.nsl-dev3d-hero__facts b { color: #fff; font-size: 20px; margin-right: 6px; }
.nsl-dev3d-hero__card { border: 1px solid #2a2a2c; background: #0d0d0e; padding: 22px 24px; max-width: 460px; display: grid; gap: 12px; }
.nsl-dev3d-hero__card p { margin: 0; color: #d4d4d4; line-height: 1.6; }
.nsl-dev3d-hero__card .nsl-mono { color: #a98ae6; font-size: 12.5px; }
.nsl-dev3d-hero__card small { color: #6f6f6f; font-size: 12px; }
.nsl-dev3d-narrow { max-width: 900px; }
.nsl-dev3d-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #1d1d1f; border-left: 1px solid #1d1d1f; }
.nsl-dev3d-grid > div { padding: 24px 26px; border-right: 1px solid #1d1d1f; border-bottom: 1px solid #1d1d1f; background: #0b0b0c; }
.nsl-dev3d-grid h3 { margin: 0 0 8px; font-size: 18px; color: #fff; }
.nsl-dev3d-grid p { margin: 0; color: #cfcfcf; line-height: 1.6; }
.nsl-dev3d-steps { margin: 0; padding: 0; list-style: none; counter-reset: s; border-top: 1px solid #1d1d1f; }
.nsl-dev3d-steps li { counter-increment: s; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 12px; padding: 16px 0; border-bottom: 1px solid #1d1d1f; }
.nsl-dev3d-steps li::before { content: counter(s); grid-row: span 2; font: 600 20px 'IBM Plex Mono', ui-monospace, monospace; color: #7643c8; }
.nsl-dev3d-steps b { color: #fff; }
.nsl-dev3d-steps span { color: #cfcfcf; }
.nsl-dev3d-tiers { margin: 0 0 18px; border-top: 1px solid #1d1d1f; }
.nsl-dev3d-tiers div { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 18px; padding: 14px 0; border-bottom: 1px solid #1d1d1f; }
.nsl-dev3d-tiers dt { color: #fff; font-weight: 600; }
.nsl-dev3d-tiers dd { margin: 0; color: #cfcfcf; }
.nsl-dev3d-tiers dd .nsl-mono { display: block; margin-top: 4px; color: #9a9a9a; font-size: 13px; }
.nsl-dev3d-faq details { border-bottom: 1px solid #1d1d1f; padding: 14px 0; }
.nsl-dev3d-faq summary { cursor: pointer; color: #fff; font-weight: 600; }
.nsl-dev3d-faq p { margin: 10px 0 0; color: #cfcfcf; }
.nsl-dev3d__link { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; max-width: 420px; }
.nsl-dev3d__link .nsl-input { max-width: 180px; text-transform: uppercase; }
.nsl-dev3d__row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; margin-bottom: 12px; }
.nsl-dev3d__row label, .nsl-dev3d__goal { display: grid; gap: 6px; color: #9a9a9a; font-size: 13px; }
.nsl-dev3d__goal { margin-bottom: 12px; }
.nsl-dev3d__hint { font-size: 13px; }
.nsl-dev3d__live { margin-top: 18px; border-top: 1px solid #1d1d1f; padding-top: 14px; }
.nsl-dev3d__state { margin: 0 0 10px; color: #fff; font-size: 13px; }
.nsl-dev3d__log { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.nsl-dev3d__log li { color: #d4d4d4; line-height: 1.55; }
.nsl-dev3d__log b { color: #a98ae6; font-weight: 500; margin-right: 8px; font-size: 12.5px; }
.nsl-dev3d__log small { color: #8a8a8a; }
@media (max-width: 860px) {
	.nsl-dev3d-grid { grid-template-columns: minmax(0, 1fr); }
	.nsl-dev3d-tiers div, .nsl-dev3d__row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}