.development-preview-module__nmOCLa__preview{width:100%;max-width:640px;color:var(--color-paper);background:#1a1c24;border:1px solid #454858;border-radius:10px;font-size:14px;line-height:1.4;overflow:hidden;box-shadow:0 24px 60px #00000040;container-type:inline-size}.development-preview-module__nmOCLa__topbar{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:12px;display:flex}.development-preview-module__nmOCLa__example{color:var(--color-mute);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.development-preview-module__nmOCLa__example i{background:var(--color-lemon);border-radius:50%;flex-shrink:0;width:6px;height:6px}.development-preview-module__nmOCLa__body{padding:28px 24px 20px}.development-preview-module__nmOCLa__rail{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 28px;display:grid;position:relative}.development-preview-module__nmOCLa__rail:before{content:"";background:#575947;height:1px;position:absolute;top:23px;left:16.666%;right:16.666%}.development-preview-module__nmOCLa__rail button{cursor:pointer;border-radius:5px;flex-direction:column;align-items:center;gap:10px;padding-block:2px;display:flex;position:relative}.development-preview-module__nmOCLa__node{width:43px;height:43px;color:var(--color-mute);background:#262833;border:1px solid #565969;border-radius:50%;place-items:center;display:grid}.development-preview-module__nmOCLa__node svg{width:22px;height:22px}.development-preview-module__nmOCLa__stageLabel{color:var(--color-mute);font-size:13px}.development-preview-module__nmOCLa__rail button[aria-pressed=true] .development-preview-module__nmOCLa__node{border-color:var(--color-lemon);background:var(--color-lemon);color:#262833;box-shadow:0 0 0 5px #2d2f29}.development-preview-module__nmOCLa__rail button[aria-pressed=true] .development-preview-module__nmOCLa__stageLabel{color:var(--color-lemon)}.development-preview-module__nmOCLa__rail button:hover .development-preview-module__nmOCLa__node{border-color:var(--color-lemon)}.development-preview-module__nmOCLa__rail button:focus-visible{outline:2px solid var(--color-lemon);outline-offset:3px}.development-preview-module__nmOCLa__stage{border-top:1px solid #454858;padding-top:24px}.development-preview-module__nmOCLa__stage h3{letter-spacing:-.02em;font-size:24px;font-weight:400;line-height:1.3}.development-preview-module__nmOCLa__stage>p{min-height:40px;color:var(--color-mute);margin-top:8px;font-size:14px;line-height:1.45}.development-preview-module__nmOCLa__context{border-top:1px solid #353846;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:15px 0 0;font-size:13px;list-style:none;display:grid}.development-preview-module__nmOCLa__context li{background:#262833;border:1px solid #353846;border-radius:5px;align-items:center;gap:9px;min-width:0;padding:10px 12px;display:flex}.development-preview-module__nmOCLa__context svg{width:19px;height:19px;color:var(--color-lemon);flex-shrink:0}@container (max-width:390px){.development-preview-module__nmOCLa__topbar{gap:8px;padding-inline:12px;font-size:11px}.development-preview-module__nmOCLa__example{font-size:10px}.development-preview-module__nmOCLa__body{padding:24px 16px 18px}.development-preview-module__nmOCLa__rail{margin-bottom:24px}.development-preview-module__nmOCLa__stage{padding-top:20px}.development-preview-module__nmOCLa__stage h3{font-size:21px}.development-preview-module__nmOCLa__stage>p{min-height:41px;font-size:13px}.development-preview-module__nmOCLa__context{gap:8px;font-size:12px}.development-preview-module__nmOCLa__context li{gap:7px;padding:9px 8px}.development-preview-module__nmOCLa__context svg{width:17px;height:17px}}@container (max-width:300px){.development-preview-module__nmOCLa__context li{min-height:54px}}