.brxe-post-content{width:100%}.brxe-post-content[data-source=bricks]{display:flex;flex-direction:column}body:has(.wp-lightbox-overlay) #brx-content{overflow:clip}.brxe-button{width:auto}:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}:root { --nml-test-bg: #ffffff; --nml-test-surface: #f8fafc; --nml-surface-elevated: #f1f5f9; --nml-test-text: #0f172a; --color-text-secondary: #475569; --nml-text-muted: #64748b; --nml-test-accent: #2563eb; --nml-accent-hover: #1d4ed8; --nml-accent-soft: rgba(37, 99, 235, 0.10); --nml-accent-ink: #ffffff; --nml-border: rgba(148, 163, 184, 0.24); --nml-border-strong: rgba(148, 163, 184, 0.42); --nml-shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05); --nml-shadow-lg: 0 18px 40px -10px rgba(15, 23, 42, 0.14); --nml-badge-ref-bg: #fffbeb; --nml-badge-ref-tx: #b45309; --nml-badge-ref-bd: rgba(245, 158, 11, 0.35); --nml-badge-int-bg: #eff6ff; --nml-badge-int-tx: #1d4ed8; --nml-badge-int-bd: rgba(37, 99, 235, 0.35); --nml-badge-live-bg: #ecfdf5; --nml-badge-live-tx: #047857; --nml-badge-live-bd: rgba(16, 185, 129, 0.35); --font-sans: "Be Vietnam Pro", system-ui, -apple-system, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;}html[data-theme="dark"],html[data-brx-theme="dark"] { --nml-test-bg: #090d16; --nml-test-surface: #111827; --nml-surface-elevated: #1e293b; --nml-test-text: #f8fafc; --color-text-secondary: #94a3b8; --nml-text-muted: #64748b; --nml-test-accent: #38bdf8; --nml-accent-hover: #7dd3fc; --nml-accent-soft: rgba(56, 189, 248, 0.14); --nml-accent-ink: #090d16; --nml-border: rgba(148, 163, 184, 0.16); --nml-border-strong: rgba(148, 163, 184, 0.32); --nml-shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.35); --nml-shadow-lg: 0 22px 48px -12px rgba(0, 0, 0, 0.65); --nml-badge-ref-bg: rgba(245, 158, 11, 0.14); --nml-badge-ref-tx: #fbbf24; --nml-badge-ref-bd: rgba(245, 158, 11, 0.35); --nml-badge-int-bg: rgba(56, 189, 248, 0.14); --nml-badge-int-tx: #38bdf8; --nml-badge-int-bd: rgba(56, 189, 248, 0.38); --nml-badge-live-bg: rgba(16, 185, 129, 0.14); --nml-badge-live-tx: #34d399; --nml-badge-live-bd: rgba(16, 185, 129, 0.35);}body.page-id-244 { background-color: var(--nml-test-bg); color: var(--nml-test-text); font-family: var(--font-sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;}body.page-id-244 #brx-content { width: 100%; max-width: none; padding: 0; margin: 0;}body.page-id-244 :focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px; border-radius: 6px;}.nml-container { width: 100%; max-width: 1240px; margin: 0 auto !important; padding: 0 clamp(18px, 4vw, 36px);}.nml-dl-hero { width: 100%; padding: clamp(32px, 5vw, 56px) 0 28px; border-bottom: 1px solid var(--nml-border); background: radial-gradient(50% 60% at 88% 15%, var(--nml-accent-soft), transparent 70%), var(--nml-test-bg);}.nml-dl-breadcrumb { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: var(--color-text-secondary); margin-bottom: 18px;}.nml-dl-breadcrumb a { color: var(--color-text-secondary); font-weight: 500; text-decoration: none;}.nml-dl-breadcrumb a:hover { color: var(--nml-test-accent); text-decoration: underline;}.nml-dl-breadcrumb__sep { opacity: 0.5;}.nml-dl-breadcrumb__current { color: var(--nml-test-text); font-weight: 700;}.nml-dl-hero__grid { display: grid !important; grid-template-columns: 1.35fr 0.85fr; gap: 32px; align-items: end; width: 100%;}.nml-dl-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nml-test-accent); margin: 0 0 12px;}.nml-dl-title { font-size: clamp(30px, 4.5vw, 50px); line-height: 1.08; letter-spacing: -0.03em; font-weight: 800; margin: 0 0 14px; text-wrap: balance; color: var(--nml-test-text);}.nml-dl-lead { font-size: clamp(16px, 1.4vw, 18px); color: var(--color-text-secondary); margin: 0; max-width: 62ch;}.nml-dl-statcard { background: var(--nml-test-surface); border: 1px solid var(--nml-border); border-radius: 16px; padding: 20px 22px; display: flex !important; flex-direction: column !important; gap: 12px;}.nml-dl-statcard__row { display: flex !important; flex-direction: row !important; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 10px; border-bottom: 1px dashed var(--nml-border); width: 100%;}.nml-dl-statcard__num { font-size: 22px; font-weight: 800; color: var(--nml-test-accent);}.nml-dl-statcard__label { font-size: 13.5px; color: var(--color-text-secondary);}.nml-dl-statcard__note { margin: 0; font-size: 12.5px; color: var(--color-text-secondary); line-height: 1.5;}.nml-dl-controls { width: 100%; padding: 24px 0 20px;}.nml-dl-toolbar { display: flex !important; flex-direction: row !important; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; width: 100%;}.nml-dl-status { display: flex !important; flex-direction: column !important; gap: 4px;}.nml-dl-count { margin: 0; font-size: 15px; font-weight: 700; color: var(--nml-test-text);}.nml-dl-sort-disclaimer { margin: 0; font-size: 12.5px; color: var(--color-text-secondary);}.nml-dl-toolbar__right { display: flex !important; flex-direction: row !important; align-items: center; gap: 12px; flex-wrap: wrap;}.nml-dl-sort { display: inline-flex !important; flex-direction: row !important; background: var(--nml-test-surface); border: 1px solid var(--nml-border); border-radius: 999px; padding: 4px; gap: 2px;}.nml-dl-sort button,.nml-dl-sort .brxe-button { background: transparent; border: 0; border-radius: 999px; padding: 7px 16px; font-size: 13.5px; font-weight: 600; color: var(--color-text-secondary); cursor: pointer; transition: background-color 0.18s ease, color 0.18s ease;}.nml-dl-sort button:hover,.nml-dl-sort .brxe-button:hover { color: var(--nml-test-text);}.nml-dl-sort button[aria-pressed="true"],.nml-dl-sort .brxe-button[aria-pressed="true"] { background: var(--nml-test-text); color: var(--nml-test-bg);}.nml-dl-chips { display: flex !important; flex-direction: row !important; gap: 8px; flex-wrap: wrap; width: 100%;}.nml-dl-chip,.nml-dl-chips .brxe-button { display: inline-flex !important; align-items: center; gap: 7px; background: var(--nml-test-surface); border: 1px solid var(--nml-border); border-radius: 999px; padding: 7px 15px; font-size: 13.5px; font-weight: 600; color: var(--color-text-secondary); cursor: pointer; transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;}.nml-dl-chip:hover,.nml-dl-chips .brxe-button:hover { border-color: var(--nml-test-accent); color: var(--nml-test-text);}.nml-dl-chip[aria-pressed="true"],.nml-dl-chips .brxe-button[aria-pressed="true"] { background: var(--nml-test-accent); border-color: var(--nml-test-accent); color: var(--nml-accent-ink);}.nml-dl-chip__badge { font-family: var(--font-mono); font-size: 11px; padding: 1px 6px; border-radius: 999px; background: color-mix(in srgb, currentColor 14%, transparent);}.nml-dl-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-bottom: 64px; width: 100%; align-items: stretch;}.nml-badge[hidden] { display: none !important;}.nml-dl-card[hidden] { display: none !important;}.nml-dl-card.bricks-lazy-hidden,.nml-dl-cta-card.bricks-lazy-hidden,.nml-dl-card .bricks-lazy-hidden,.nml-dl-cta-card .bricks-lazy-hidden { opacity: 1 !important; visibility: visible !important;}.nml-dl-card { display: flex !important; flex-direction: column !important; background: var(--nml-test-surface); border: 1px solid var(--nml-border); border-radius: 18px; overflow: hidden; transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease; position: relative; width: 100%;}.nml-dl-card[hidden] { display: none !important;}.nml-dl-card:hover,.nml-dl-card:focus-within { transform: translateY(-4px); border-color: var(--nml-test-accent); box-shadow: var(--nml-shadow-lg);}.nml-dl-stage { aspect-ratio: 16 / 10; position: relative; overflow: hidden; border-bottom: 1px solid var(--nml-border); background: #0c1222; user-select: none; width: 100%;}.nml-stage-mount { position: absolute; inset: 0; width: 100%; height: 100%;}.nml-ref-art { position: absolute; inset: 0; width: 100%; height: 100%; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);}.nml-dl-card:hover .nml-ref-art { transform: scale(1.05);}.nml-stage-topbadges { position: absolute; top: 12px; left: 12px; right: 12px; display: flex !important; flex-direction: row !important; justify-content: space-between; align-items: center; gap: 8px; z-index: 4; pointer-events: none;}.nml-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; border: 1px solid transparent; backdrop-filter: blur(8px);}.nml-badge--ref { background: var(--nml-badge-ref-bg); color: var(--nml-badge-ref-tx); border-color: var(--nml-badge-ref-bd);}.nml-badge--int { background: var(--nml-badge-int-bg); color: var(--nml-badge-int-tx); border-color: var(--nml-badge-int-bd);}.nml-badge--live { background: var(--nml-badge-live-bg); color: var(--nml-badge-live-tx); border-color: var(--nml-badge-live-bd);}.nml-badge--dark { background: rgba(15, 23, 42, 0.72); color: #f8fafc; border-color: rgba(255, 255, 255, 0.18);}.nml-dl-card__body { padding: 16px 18px 18px; display: flex !important; flex-direction: column !important; gap: 10px; flex: 1; width: 100%;}.nml-dl-card__head { display: flex !important; flex-direction: row !important; justify-content: space-between; align-items: flex-start; gap: 10px; width: 100%;}.nml-dl-card__title { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.01em; color: var(--nml-test-text);}.nml-dl-card__cat { font-family: var(--font-mono); font-size: 11.5px; color: var(--nml-test-accent); font-weight: 600; white-space: nowrap;}.nml-dl-card__desc { margin: 0; font-size: 14px; color: var(--color-text-secondary); line-height: 1.5;}.nml-dl-card__tags { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 6px; margin-top: 2px;}.nml-dl-card__tag { font-size: 11.5px; padding: 2px 9px; border-radius: 6px; background: var(--nml-surface-elevated); color: var(--color-text-secondary); font-weight: 500;}.nml-dl-card__foot { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--nml-border); display: flex !important; flex-direction: row !important; justify-content: space-between; align-items: center; gap: 8px; width: 100%;}.nml-dl-card__demo-metric { font-family: var(--font-mono); font-size: 11px; color: var(--color-text-secondary);}.nml-dl-card__btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--nml-border-strong); background: var(--nml-test-bg); color: var(--nml-test-text); font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;}.nml-dl-card__btn:hover { background: var(--nml-test-accent); border-color: var(--nml-test-accent); color: var(--nml-accent-ink);}.nml-dl-cta-card { display: flex !important; flex-direction: column !important; justify-content: space-between; border-radius: 18px; padding: 24px 22px; background: radial-gradient(85% 90% at 95% 10%, rgba(56, 189, 248, 0.25), transparent 65%), linear-gradient(155deg, #0b132b 0%, #111d3a 60%, #1d3557 100%); color: #f8fafc; border: 1px solid rgba(56, 189, 248, 0.35); box-shadow: var(--nml-shadow-sm); position: relative; overflow: hidden; width: 100%;}.nml-dl-cta-card::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 18px 18px; opacity: 0.35; pointer-events: none;}.nml-dl-cta-card__top,.nml-dl-cta-card__bottom { position: relative; z-index: 2; width: 100%;}.nml-dl-cta-card__eyebrow { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #38bdf8; background: rgba(56, 189, 248, 0.14); border: 1px solid rgba(56, 189, 248, 0.3); padding: 4px 10px; border-radius: 999px; margin-bottom: 14px;}.nml-dl-cta-card__title { font-size: 22px; line-height: 1.22; font-weight: 800; margin: 0 0 10px; color: #ffffff !important;}.nml-dl-cta-card__desc { font-size: 14px; line-height: 1.55; color: #cbd5e1; margin: 0 0 16px;}.nml-dl-cta-card__list { list-style: none; padding: 0; margin: 0 0 20px; display: flex !important; flex-direction: column !important; gap: 7px; font-size: 13px; color: #e2e8f0;}.nml-dl-cta-card__list li { display: flex; align-items: center; gap: 8px;}.nml-dl-cta-card__list li::before { content: "✓"; color: #38bdf8; font-weight: 800;}.nml-dl-cta-card__actions { display: flex !important; flex-direction: row !important; gap: 10px; flex-wrap: wrap;}.nml-dl-cta-btn-primary { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; background: #38bdf8; color: #090d16 !important; font-size: 13.5px; font-weight: 800; text-decoration: none; transition: transform 0.18s ease, background-color 0.18s ease;}.nml-dl-cta-btn-primary:hover { transform: translateY(-2px); background: #7dd3fc;}.nml-dl-cta-btn-ghost { display: inline-flex; align-items: center; padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.25); color: #f8fafc !important; font-size: 13px; font-weight: 600; text-decoration: none;}.nml-dl-cta-btn-ghost:hover { border-color: #38bdf8; color: #38bdf8 !important;}.iw-hero { position: absolute; inset: 0; background: radial-gradient(180px circle at var(--mx, 50%) var(--my, 45%), rgba(56, 189, 248, 0.32), transparent 70%), linear-gradient(145deg, #090d16 0%, #111c35 60%, #0f172a 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 18px; overflow: hidden;}.iw-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none;}.iw-hero__panel { position: relative; z-index: 2; width: min(92%, 310px); background: rgba(15, 23, 42, 0.78); border: 1px solid rgba(56, 189, 248, 0.38); border-radius: 12px; padding: 14px 16px; color: #f8fafc; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45); transform: perspective(600px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform 0.12s ease-out;}.iw-hero__kicker { font-family: var(--font-mono); font-size: 10px; color: #38bdf8; letter-spacing: 0.08em; display: block; margin-bottom: 4px;}.iw-hero__heading { font-size: 14.5px; font-weight: 800; margin: 0 0 10px; line-height: 1.25; color: #f8fafc;}.iw-hero__pills { display: flex; gap: 6px; flex-wrap: wrap;}.iw-hero__pill { font-size: 11px; font-weight: 600; padding: 4px 9px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.3); background: rgba(30, 41, 59, 0.8); color: #cbd5e1; cursor: pointer;}.iw-hero__pill[aria-pressed="true"] { background: #38bdf8; color: #090d16; border-color: #38bdf8;}.iw-hero__status { margin-top: 8px; font-family: var(--font-mono); font-size: 10.5px; color: #94a3b8;}.iw-cards { position: absolute; inset: 0; background: linear-gradient(145deg, #0f172a, #1e293b); padding: 42px 14px 12px; display: flex; flex-direction: column; gap: 8px;}.iw-cards__tabs { display: flex; gap: 5px; z-index: 2;}.iw-cards__tab { font-size: 10.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.25); background: rgba(15, 23, 42, 0.65); color: #cbd5e1; cursor: pointer;}.iw-cards__tab[aria-pressed="true"] { background: #38bdf8; color: #090d16; border-color: #38bdf8;}.iw-cards__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; flex: 1; align-content: start;}.iw-cards__item { background: rgba(15, 23, 42, 0.78); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 8px; padding: 7px 9px; color: #f8fafc; font-size: 11px; transition: transform 0.2s ease, border-color 0.2s ease;}.iw-cards__item:hover { border-color: #38bdf8; transform: translateY(-2px);}.iw-cards__item small { display: block; font-family: var(--font-mono); font-size: 9.5px; color: #38bdf8;}.iw-shader { position: absolute; inset: 0; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 14px; background: #090d16;}.iw-shader__canvas { position: absolute; inset: -20%; background: radial-gradient(circle at 25% 30%, var(--c1, #2563eb) 0%, transparent 50%), radial-gradient(circle at 75% 65%, var(--c2, #9333ea) 0%, transparent 55%), radial-gradient(circle at 55% 20%, var(--c3, #06b6d4) 0%, transparent 45%); filter: blur(22px); opacity: 0.85; animation: nmlShaderFloat 9s ease-in-out infinite alternate;}.iw-shader[data-paused="true"] .iw-shader__canvas { animation-play-state: paused;}@keyframes nmlShaderFloat { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-6%, 5%) scale(1.08); } 100% { transform: translate(6%, -4%) scale(0.96); }}.iw-shader__bar { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 6px; background: rgba(9, 13, 22, 0.72); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 10px; padding: 7px 10px; color: #f8fafc;}.iw-shader__swatches { display: flex; gap: 5px;}.iw-shader__btn { font-size: 10.5px; font-weight: 700; padding: 3px 8px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.08); color: #ffffff; cursor: pointer;}.iw-shader__btn[aria-pressed="true"] { background: #ffffff; color: #090d16;}.iw-shop { position: absolute; inset: 0; background: linear-gradient(145deg, #06281e 0%, #0b3b2d 55%, #091914 100%); padding: 42px 14px 12px; display: flex; align-items: center; justify-content: center;}.iw-shop__card { width: 100%; background: rgba(9, 25, 20, 0.82); border: 1px solid rgba(52, 211, 153, 0.32); border-radius: 12px; padding: 10px 12px; color: #ecfdf5; display: flex; flex-direction: column; gap: 7px;}.iw-shop__top { display: flex; justify-content: space-between; align-items: center; gap: 8px;}.iw-shop__name { font-size: 12.5px; font-weight: 700;}.iw-shop__price { font-family: var(--font-mono); font-size: 12.5px; font-weight: 800; color: #34d399;}.iw-shop__tiers { display: flex; gap: 5px;}.iw-shop__tier { flex: 1; font-size: 10.5px; font-weight: 600; padding: 4px 6px; border-radius: 6px; border: 1px solid rgba(52, 211, 153, 0.25); background: rgba(6, 40, 30, 0.7); color: #a7f3d0; cursor: pointer;}.iw-shop__tier[aria-pressed="true"] { background: #10b981; color: #052e16; border-color: #10b981; font-weight: 800;}.iw-shop__buy { width: 100%; padding: 5px 10px; border-radius: 7px; border: 0; background: #ecfdf5; color: #064e3b; font-size: 11px; font-weight: 800; cursor: pointer;}.nml-dl-ecosystem { width: 100%; padding: 56px 0; border-top: 1px solid var(--nml-border); border-bottom: 1px solid var(--nml-border); background: var(--nml-test-surface);}.nml-dl-sec-head { max-width: 720px; margin-bottom: 32px;}.nml-dl-sec-head h2 { font-size: clamp(24px, 3.2vw, 34px); line-height: 1.18; letter-spacing: -0.02em; margin: 0 0 10px; font-weight: 800; color: var(--nml-test-text);}.nml-dl-sec-head p { margin: 0; color: var(--color-text-secondary);}.nml-dl-eco-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%;}.nml-dl-eco-card { background: var(--nml-test-bg); border: 1px solid var(--nml-border); border-radius: 16px; padding: 22px; display: flex !important; flex-direction: column !important; gap: 10px;}.nml-dl-eco-card--active { border-color: var(--nml-test-accent); box-shadow: var(--nml-shadow-sm);}.nml-dl-eco-card__id { font-family: var(--font-mono); font-size: 11.5px; color: var(--nml-test-accent); font-weight: 600;}.nml-dl-eco-card h3 { margin: 0; font-size: 18px; font-weight: 800; color: var(--nml-test-text);}.nml-dl-eco-card p { margin: 0; font-size: 14px; color: var(--color-text-secondary);}.nml-dl-eco-card a { margin-top: auto; padding-top: 8px; font-size: 13.5px; font-weight: 700; color: var(--nml-test-accent); text-decoration: none;}.nml-dl-eco-card a:hover { text-decoration: underline;}.nml-dl-handoff { width: 100%; padding: 60px 0;}.nml-dl-handoff-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; width: 100%;}.nml-dl-spec-box { background: var(--nml-test-surface); border: 1px solid var(--nml-border); border-radius: 16px; padding: 24px;}.nml-dl-spec-box h3 { margin: 0 0 12px; font-size: 18px; font-weight: 800; color: var(--nml-test-text);}.nml-dl-table { width: 100%; border-collapse: collapse; font-size: 13.5px;}.nml-dl-table th,.nml-dl-table td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--nml-border); vertical-align: top;}.nml-dl-table th { font-family: var(--font-mono); font-size: 11.5px; text-transform: uppercase; color: var(--color-text-secondary);}.nml-dl-table code { font-family: var(--font-mono); font-size: 12px; background: var(--nml-surface-elevated); padding: 2px 6px; border-radius: 4px; color: var(--nml-test-accent);}dialog.nml-dl-modal { border: 1px solid var(--nml-border-strong); border-radius: 20px; background: var(--nml-test-bg); color: var(--nml-test-text); padding: 0; width: min(860px, 94vw); max-height: 90vh; overflow: auto; box-shadow: var(--nml-shadow-lg);}dialog.nml-dl-modal:not([open]) { display: none !important;}dialog.nml-dl-modal::backdrop { background: rgba(9, 13, 22, 0.72); backdrop-filter: blur(4px);}.nml-modal__top { display: flex !important; flex-direction: row !important; justify-content: space-between; align-items: center; padding: 16px 24px; border-bottom: 1px solid var(--nml-border); position: sticky; top: 0; background: color-mix(in srgb, var(--nml-test-bg) 92%, transparent); backdrop-filter: blur(10px); z-index: 10; width: 100%;}.nml-modal__badges { display: flex !important; flex-direction: row !important; gap: 8px; align-items: center; flex-wrap: wrap;}.nml-modal__close { border: 1px solid var(--nml-border); background: var(--nml-test-surface); color: var(--nml-test-text); border-radius: 999px; padding: 6px 14px; font-size: 13px; font-weight: 700; cursor: pointer;}.nml-modal__close:hover { border-color: var(--nml-test-accent); color: var(--nml-test-accent);}.nml-modal__stage { aspect-ratio: 16 / 7.5; position: relative; overflow: hidden; border-bottom: 1px solid var(--nml-border); background: #090d16; width: 100%;}.nml-modal__body { padding: 24px 28px 30px; width: 100%;}.nml-modal__title { margin: 0 0 8px; font-size: clamp(24px, 3vw, 32px); font-weight: 800; color: var(--nml-test-text);}.nml-modal__desc { margin: 0 0 20px; color: var(--color-text-secondary); font-size: 16px;}.nml-modal__dl { display: grid !important; grid-template-columns: 170px 1fr; gap: 10px 18px; margin: 0 0 22px; padding: 18px; background: var(--nml-test-surface); border: 1px solid var(--nml-border); border-radius: 14px; font-size: 14.5px; width: 100%;}.nml-modal__dl dt { color: var(--color-text-secondary); font-weight: 600;}.nml-modal__dl dd { margin: 0; font-weight: 500;}.nml-modal__guide { background: var(--nml-surface-elevated); border-left: 4px solid var(--nml-test-accent); border-radius: 10px; padding: 16px 18px; margin-bottom: 22px; font-size: 14px; width: 100%;}.nml-modal__guide h4 { margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--nml-test-text);}.nml-modal__guide ol,.nml-modal__guide p { margin: 0; padding-left: 18px; color: var(--color-text-secondary);}.nml-modal__guide p { padding-left: 0;}.nml-modal__actions { display: flex !important; flex-direction: row !important; gap: 12px; flex-wrap: wrap;}.nml-empty { grid-column: 1 / -1; text-align: center; padding: 56px 20px; background: var(--nml-test-surface); border: 1px dashed var(--nml-border-strong); border-radius: 16px; color: var(--color-text-secondary);}.iw-nav { width: 100%; height: 100%; min-height: 190px; display: flex !important; flex-direction: column !important; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 50%, rgba(37,99,235,0.12), transparent 70%), var(--nml-test-surface); position: relative; padding: 16px; border-radius: 12px; overflow: hidden;}.iw-nav__dock { display: inline-flex; align-items: center; gap: 5px; background: color-mix(in srgb, var(--nml-test-bg) 75%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--nml-border-strong); border-radius: 999px; padding: 6px 8px; box-shadow: var(--nml-shadow-lg); max-width: 95%; transition: all 0.25s ease;}.iw-nav__dock.is-collapsed { padding: 6px 12px;}.iw-nav__tab { background: transparent; border: none; border-radius: 999px; padding: 6px 12px; font-size: 12px; font-weight: 600; color: var(--color-text-secondary); cursor: pointer; transition: all 0.2s ease; white-space: nowrap;}.iw-nav__tab:hover { color: var(--nml-test-text);}.iw-nav__tab[aria-pressed="true"] { background: var(--nml-test-accent); color: var(--nml-accent-ink); box-shadow: 0 2px 8px rgba(37,99,235,0.3);}.iw-nav__toggle { background: var(--nml-surface-elevated); border: 1px solid var(--nml-border); border-radius: 999px; padding: 5px 10px; font-size: 11px; font-weight: 700; color: var(--color-text-secondary); cursor: pointer;}.iw-nav__status { margin-top: 14px; font-size: 12px; color: var(--color-text-secondary); text-align: center;}.iw-split { width: 100%; height: 100%; min-height: 190px; display: flex !important; flex-direction: column !important; justify-content: space-between; padding: 16px 18px; background: linear-gradient(135deg, rgba(37,99,235,0.08) 0%, rgba(14,165,233,0.06) 100%), var(--nml-test-surface); border-radius: 12px;}.iw-split__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.iw-split__kicker { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; color: var(--nml-test-accent); letter-spacing: 0.05em; text-transform: uppercase;}.iw-split__tabs { display: flex; gap: 5px; margin-bottom: 12px;}.iw-split__tab { background: var(--nml-test-bg); border: 1px solid var(--nml-border); border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 600; color: var(--color-text-secondary); cursor: pointer;}.iw-split__tab[aria-pressed="true"] { background: var(--nml-test-accent); border-color: var(--nml-test-accent); color: var(--nml-accent-ink);}.iw-split__box { background: var(--nml-test-bg); border: 1px solid var(--nml-border); border-radius: 8px; padding: 12px 14px;}.iw-split__box-title { font-size: 13.5px; font-weight: 700; color: var(--nml-test-text); margin-bottom: 4px;}.iw-split__box-desc { font-size: 12px; color: var(--color-text-secondary); line-height: 1.4; margin: 0;}.iw-aurora { width: 100%; height: 100%; min-height: 190px; position: relative; overflow: hidden; border-radius: 12px; background: #090d16; display: flex !important; flex-direction: column !important; justify-content: flex-end; padding: 14px;}.iw-aurora__glow { position: absolute; border-radius: 50%; filter: blur(36px); opacity: 0.65; transition: all 0.6s ease; pointer-events: none;}.iw-aurora__glow--1 { width: 180px; height: 140px; top: -20px; left: 20%; background: var(--au1, #06b6d4); animation: auroraFlow 8s infinite alternate ease-in-out;}.iw-aurora__glow--2 { width: 160px; height: 120px; bottom: 10px; right: 15%; background: var(--au2, #8b5cf6); animation: auroraFlow 10s infinite alternate-reverse ease-in-out;}.iw-aurora[data-paused="true"] .iw-aurora__glow { animation-play-state: paused !important;}@keyframes auroraFlow { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(25px, 15px) scale(1.15); } 100% { transform: translate(-20px, 20px) scale(0.9); }}.iw-aurora__ctrls { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; background: rgba(9, 13, 22, 0.75); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; padding: 4px 8px;}.iw-aurora__btn { background: transparent; border: none; border-radius: 999px; padding: 4px 10px; font-size: 11px; font-weight: 600; color: #94a3b8; cursor: pointer;}.iw-aurora__btn:hover { color: #f8fafc; }.iw-aurora__btn[aria-pressed="true"] { background: rgba(255,255,255,0.18); color: #ffffff;}.iw-bento { width: 100%; height: 100%; min-height: 190px; display: flex !important; flex-direction: column !important; justify-content: space-between; padding: 14px; background: var(--nml-test-surface); border-radius: 12px;}.iw-bento__grid { display: grid; grid-template-columns: 1.2fr 1fr; grid-template-rows: auto auto; gap: 8px; margin-bottom: 10px;}.iw-bento__cell { background: var(--nml-test-bg); border: 1px solid var(--nml-border); border-radius: 8px; padding: 10px 12px; cursor: pointer; transition: all 0.2s ease;}.iw-bento__cell:hover,.iw-bento__cell[aria-pressed="true"] { border-color: var(--nml-test-accent); transform: translateY(-2px); box-shadow: var(--nml-shadow-sm);}.iw-bento__cell--hero { grid-row: span 2; display: flex; flex-direction: column; justify-content: space-between;}.iw-bento__cell-title { font-size: 12.5px; font-weight: 700; color: var(--nml-test-text); margin-bottom: 3px;}.iw-bento__cell-desc { font-size: 11px; color: var(--color-text-secondary); line-height: 1.35; margin: 0;}.iw-bento__foot { display: flex; justify-content: space-between; align-items: center; font-size: 11.5px; color: var(--color-text-secondary);}.iw-bento__mode-btn { background: var(--nml-surface-elevated); border: 1px solid var(--nml-border); border-radius: 6px; padding: 3px 8px; font-size: 11px; font-weight: 600; color: var(--nml-test-accent); cursor: pointer;}@media (max-width: 991px) { .nml-dl-hero__grid { grid-template-columns: 1fr; } .nml-dl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .nml-dl-eco-grid, .nml-dl-handoff-grid { grid-template-columns: 1fr 1fr; }}@media (max-width: 640px) { .nml-dl-grid, .nml-dl-eco-grid, .nml-dl-handoff-grid { grid-template-columns: 1fr; } .nml-modal__dl { grid-template-columns: 1fr; gap: 4px; } .nml-modal__dl dt { margin-top: 8px; }}@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}