/* Neuro X v2: distinct semantic models, authentic DSP-inspired visual treatment. */
.nx-live-illustration{background:#061425;border:1px solid rgba(91,183,237,.3);border-radius:8px;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 24px rgba(0,6,20,.6)}
.nx-live-illustration::before,.nx-live-illustration .nx-viz-scan{display:none!important}
.nx-live-illustration canvas{width:100%;height:100%;display:block;position:relative;z-index:1;image-rendering:auto}
.nx-engine-viz{height:164px!important;min-height:164px;margin:18px 0 7px;border-radius:5px}
.nx-synthesis-catalog .nx-visual-card{background:#061525;box-shadow:0 12px 22px rgba(0,0,0,.12)}
.nx-synthesis-catalog .nx-visual-card[data-engine="poly"] .nx-engine-viz{background:linear-gradient(130deg,#051b2d,#071026)}
.nx-synthesis-catalog .nx-visual-card[data-engine="wavetable"] .nx-engine-viz{background:radial-gradient(ellipse at 63% 42%,#172447,#050d23)}
.nx-synthesis-catalog .nx-visual-card[data-engine="fm"] .nx-engine-viz{background:linear-gradient(150deg,#16122a,#07182a)}
.nx-synthesis-catalog .nx-visual-card[data-engine="spectral"] .nx-engine-viz{background:linear-gradient(0deg,#102744,#061424)}
.nx-synthesis-catalog .nx-visual-card[data-engine="dna"] .nx-engine-viz{background:radial-gradient(ellipse at 45% 55%,#102d45,#0b1027)}
.nx-synthesis-catalog .nx-visual-card[data-engine="terra"] .nx-engine-viz{background:linear-gradient(135deg,#08192d,#181b38)}
.nx-synthesis-catalog .nx-visual-card[data-engine="grain"] .nx-engine-viz{background:radial-gradient(ellipse at 60% 50%,#19204a,#061626)}
.nx-synthesis-catalog .nx-visual-card[data-engine="lsfe"] .nx-engine-viz{background:radial-gradient(circle at 30% 54%,#1c244b,#0b1225)}
.nx-synthesis-catalog .nx-visual-card h3{font-size:21px;margin:12px 0}
.nx-visual-card:hover .nx-live-illustration{border-color:rgba(117,219,253,.6)}
.nx-compact-viz{height:116px!important}.nx-heritage-viz{height:108px!important}.nx-evidence-viz{height:110px!important}.nx-workflow-viz{height:138px!important}.nx-apse-viz{height:108px!important}
.nx-space-figure{border:1px solid rgba(92,186,234,.24);background:#07111f}
.nx-space-viz{height:310px!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 50% 65%,#183654,#030817 85%)}
.nx-space-figure>img{width:100%;height:auto;display:block;border-top:1px solid rgba(99,196,245,.17)}
.nx-reverb-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;padding:19px 23px 12px;background:#091b2d;border-top:1px solid rgba(99,193,247,.25)}
.nx-reverb-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0;color:#b9d8eb;font-size:10px;letter-spacing:.1em;font-weight:700}
.nx-reverb-controls label input{grid-column:1/-1;width:100%;accent-color:#58d6fc;cursor:pointer}
.nx-reverb-controls output{color:#84e8ff;font-size:11px;font-variant-numeric:tabular-nums}
.nx-reverb-controls small{grid-column:1/-1;font-size:9px;letter-spacing:.15em;color:#8c9fb5}
.nx-pipeline-viz{height:154px!important}.nx-ai-flow{min-width:0}
.nx-macro-grid .nx-macro-illustrated{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:310px;padding:23px 14px 16px;background:radial-gradient(ellipse at 50% 28%,#12283b,#07121f 70%);border:1px solid rgba(106,188,230,.32);box-shadow:inset 0 0 28px rgba(1,7,18,.46)}
.nx-macro-grid .nx-macro-illustrated>span:first-child{display:block;text-align:center;font-size:11px;font-weight:700;letter-spacing:.12em;color:#d4f2ff}
.nx-macro-knob{width:clamp(76px,8vw,104px);height:clamp(76px,8vw,104px);flex:0 0 auto;margin:10px auto 2px;cursor:ns-resize;touch-action:none;user-select:none;overflow:visible;background:conic-gradient(from 225deg,#61daff 0deg,#b47af0 var(--angle),rgba(34,70,91,.42) var(--angle),rgba(37,57,79,.35) 270deg,transparent 270deg);padding:6px;box-shadow:0 0 20px rgba(44,157,223,.2)}
.nx-macro-knob::before{content:"";position:absolute;inset:-12px;pointer-events:none;border-radius:50%;background:repeating-conic-gradient(from 223deg,rgba(140,210,246,.53) 0deg 1deg,transparent 1deg 9deg);-webkit-mask:radial-gradient(transparent 0 72%,#000 75% 77%,transparent 80%);mask:radial-gradient(transparent 0 72%,#000 75% 77%,transparent 80%)}
.nx-macro-knob i{background:radial-gradient(circle at 31% 23%,#374e62,#152338 47%,#07121f 82%);border:1px solid rgba(169,219,247,.42);box-shadow:inset 0 3px 5px rgba(191,231,255,.1),inset 0 -9px 16px #020914,0 1px 3px rgba(0,0,0,.7)}
.nx-macro-pointer::after{top:12%;height:21%;width:3px;background:#b7f3ff;box-shadow:0 0 12px #48c8fa}
.nx-macro-readout{font-size:13px;font-weight:800;letter-spacing:.1em;color:#86e4ff;font-variant-numeric:tabular-nums}
.nx-macro-viz{width:100%;height:60px!important;min-height:60px!important;margin:0 0 5px!important;border-color:rgba(100,198,239,.19);background:rgba(2,12,27,.7)}
.nx-macro-grid input[type="range"]{width:100%;min-height:18px;accent-color:#6cd4ff;cursor:pointer}
.nx-macro-grid .nx-macro-illustrated small{font-size:9px;letter-spacing:.11em;color:#92b6cc}
html[data-theme="light"] .nx-live-illustration{background-color:#152639}
html[data-theme="light"] .nx-macro-grid .nx-macro-illustrated{background:radial-gradient(ellipse at 50% 20%,#30485a,#1b2c3b 78%)!important}
html[data-theme="light"] .nx-reverb-controls{background:#23394b}
html[data-theme="light"] .nx-reverb-controls label{color:#d3e8f9}
@media(max-width:840px){.nx-synthesis-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-space-viz{height:260px!important}.nx-reverb-controls{gap:11px;padding:16px}.nx-macro-grid .nx-macro-illustrated{min-height:287px}}
@media(max-width:580px){.nx-synthesis-catalog{grid-template-columns:1fr}.nx-engine-viz{height:165px}.nx-reverb-controls{grid-template-columns:1fr}.nx-reverb-controls small{grid-column:auto}.nx-macro-grid .nx-macro-illustrated{min-height:288px}.nx-macro-viz{height:53px!important}.nx-space-viz{height:230px!important}}
@media(prefers-reduced-motion:reduce){.nx-macro-pointer{transition:none!important}.nx-visual-card:hover{transform:none!important}}


/* Heritage visual repair 2026-10-28: preserve circular geometry and restore
   legible proportions in the very wide cards photographed by the user. */
.nx-heritage-viz[data-nx-viz="macro-panel"],
.nx-heritage-viz[data-nx-viz="reverb-room"],
.nx-heritage-viz[data-nx-viz="intent-flow"],
.nx-heritage-viz[data-nx-viz="preference-map"]{
 height:152px!important;min-height:152px!important;
 width:100%;max-width:100%;margin:0 0 17px!important;
 overflow:hidden;box-sizing:border-box;
 border:1px solid rgba(96,187,239,.38);
 border-radius:8px;
 background:radial-gradient(ellipse at 48% 45%,rgba(27,64,101,.4),transparent 85%),#071321;
}
@media(max-width:650px){
 .nx-heritage-viz[data-nx-viz="macro-panel"],
 .nx-heritage-viz[data-nx-viz="reverb-room"],
 .nx-heritage-viz[data-nx-viz="intent-flow"],
 .nx-heritage-viz[data-nx-viz="preference-map"]{
  height:165px!important;min-height:165px!important;
 }
}