.nx-dns-value{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;min-inline-size:0}.nx-metrics-container{container-type:inline-size}.nx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.nx-metrics>*{padding-inline:12px}.nx-metrics>*+*{border-inline-start:1px solid #e3e3e3}@container (max-width: 720px){.nx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-metrics>*{border-inline-start:0}.nx-metrics>:nth-child(2n){border-inline-start:1px solid #e3e3e3}.nx-metrics>:nth-child(n+3){border-block-start:1px solid #e3e3e3}}@container (max-width: 420px){.nx-metrics{grid-template-columns:minmax(0,1fr)}.nx-metrics>*,.nx-metrics>:nth-child(2n){border-inline-start:0}.nx-metrics>*+*{border-block-start:1px solid #e3e3e3}}.nx-sf-editor-container{container-type:inline-size}.nx-sf-editor{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(240px,280px);grid-template-areas:"controls preview aside";gap:16px;align-items:start}.nx-sf-editor__toggle{grid-area:toggle;display:none}.nx-sf-editor__controls,.nx-sf-editor__preview,.nx-sf-editor__aside{min-width:0}.nx-sf-editor__controls{grid-area:controls}.nx-sf-editor__preview{grid-area:preview}.nx-sf-editor__aside{grid-area:aside}.nx-sf-editor__preview,.nx-sf-editor__aside{position:sticky;top:16px}@container (max-width: 1100px){.nx-sf-editor{grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-template-areas:"controls preview" "aside preview"}.nx-sf-editor__aside{position:static}}@container (max-width: 760px){.nx-sf-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"toggle" "controls" "aside" "preview"}.nx-sf-editor__toggle{display:block}.nx-sf-editor__preview{position:static}.nx-sf-editor[data-pane=edit] .nx-sf-editor__preview,.nx-sf-editor[data-pane=preview] .nx-sf-editor__controls,.nx-sf-editor[data-pane=preview] .nx-sf-editor__aside{display:none}}.nx-sf-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nx-sf-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0;min-width:0}.nx-sf-templates__card{position:relative;display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid #e3e3e3;border-radius:10px;background:#fff;cursor:pointer}.nx-sf-templates__card:hover{border-color:#8a8a8a}.nx-sf-templates__card:has(input:checked){border:2px solid #005bd3;padding:5px}.nx-sf-templates__card:has(input:focus-visible){outline:2px solid #005bd3;outline-offset:2px}.nx-sf-templates__card:has(input:disabled){cursor:not-allowed}.nx-sf-templates__card:has(input:disabled):hover{border-color:#e3e3e3}.nx-sf-templates__card:has(input:disabled) .nx-sf-templates__thumb,.nx-sf-templates__card:has(input:disabled) .nx-sf-templates__name{opacity:.55}.nx-sf-templates__input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.nx-sf-templates__thumb{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:6px;background:#f1f1f1}.nx-sf-templates__name{font-size:13px;line-height:20px;color:#303030}.nx-sf-templates__card:has(input:checked) .nx-sf-templates__name{font-weight:600}.nx-sf-templates__meta{font-size:12px;line-height:16px;color:#616161}.nx-sf-templates__check{position:absolute;top:10px;right:10px;display:none;width:20px;height:20px;border-radius:50%;background:#005bd3;color:#fff;font-size:13px;line-height:20px;text-align:center}.nx-sf-templates__card:has(input:checked) .nx-sf-templates__check{display:block}@media(prefers-reduced-motion:no-preference){.nx-sf-templates__card{transition:border-color .12s ease}}