.mix-dna{overflow:hidden}
.dna-body{padding:9px;background:radial-gradient(circle at 50% 0,#153125 0,#07110d 48%,#040806 100%)}
.dna-scenes{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(420px,1.5fr) minmax(190px,.55fr);gap:8px;align-items:stretch}
.dna-scene{display:grid;align-content:center;gap:7px;min-height:118px;padding:12px;border:1px solid #1b2d24;border-top-color:#4d6358;border-radius:5px;background:linear-gradient(145deg,#1a2821,#08100c 70%);box-shadow:inset 0 1px #ffffff0b,0 8px 18px #0005}
.dna-scene>span{color:#71857a;font:8px var(--mix-mono);letter-spacing:.14em}.dna-scene>strong{color:#62756b;font:20px/1 var(--mix-mono);letter-spacing:.04em;text-shadow:0 0 16px #42f5a400}
.dna-scene.ready{border-color:#347d5b;background:linear-gradient(145deg,#1a3528,#08130e 70%);box-shadow:inset 0 1px #ffffff10,0 0 18px #42f5a416}.dna-scene.ready>strong{color:var(--mix-green);text-shadow:0 0 16px #42f5a43d}
.dna-scene>div{display:flex;gap:5px}.dna-scene .metal-button{flex:1;min-height:31px;padding:0 7px}
.dna-morph-core{position:relative;display:grid;align-content:center;gap:9px;min-height:118px;padding:12px 16px;border:1px solid #1d3227;border-radius:5px;background:linear-gradient(180deg,#07110d,#020604);box-shadow:inset 0 0 30px #000,inset 0 1px #3d5549}
.dna-morph-core:before{content:"";position:absolute;inset:7px;border:1px solid #42f5a414;border-radius:3px;pointer-events:none}
.dna-scale{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:#8ba096;font:9px var(--mix-mono)}.dna-scale b{color:var(--mix-green);font-size:18px;text-align:center;text-shadow:0 0 12px #42f5a44d}
.dna-morph-core input{position:relative;z-index:1;width:100%;accent-color:var(--mix-green)}
.dna-morph-core>small{position:relative;z-index:1;color:#64786e;font:7px var(--mix-mono);letter-spacing:.07em;text-align:center}
.dna-telemetry{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dna-telemetry span{padding:5px;border:1px solid #16271f;border-radius:3px;background:#040906;color:#71847a;font:7px var(--mix-mono);text-align:center}.dna-telemetry b{display:block;margin-top:2px;color:#b7c7bf;font-size:8px}
.dna-project-bar{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;gap:8px;align-items:center;margin-top:8px;padding:7px;border:1px solid #16271f;border-radius:4px;background:#050b08}
.history-actions,.project-actions{display:flex;gap:5px}.dna-readout{min-width:0;text-align:center}.dna-readout small{display:block;color:#60736a;font:7px var(--mix-mono);letter-spacing:.1em}.dna-readout b{display:block;margin-top:3px;color:#9eafa7;font:8px var(--mix-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-load{display:grid;place-items:center;cursor:pointer}.project-actions .metal-button,.history-actions .metal-button{min-height:31px}
.matrix-wrap td:not(.self){cursor:pointer;transition:transform .12s,filter .12s}.matrix-wrap td:not(.self):hover{transform:translateY(-1px);filter:brightness(1.2)}
.channel-strip.conflict-focus,.lane-label.conflict-focus,.timeline-lane.conflict-focus{border-color:var(--mix-amber)!important;box-shadow:inset 0 0 0 1px #ffc85755,0 0 16px #ffc85722!important}.channel-strip.conflict-dim,.lane-label.conflict-dim,.timeline-lane.conflict-dim{opacity:.28;filter:saturate(.35)}
.matrix-heading-tools{display:flex;align-items:center;gap:6px}.micro-button{min-height:23px;padding:0 7px;border:1px solid #2b4437;border-radius:3px;background:#08100c;color:var(--mix-green);font:7px var(--mix-mono);cursor:pointer}
@media(max-width:1100px){.dna-scenes{grid-template-columns:1fr}.dna-scene{min-height:92px}.dna-project-bar{grid-template-columns:1fr}.history-actions,.project-actions{justify-content:center}}
@media(max-width:560px){.dna-telemetry{grid-template-columns:1fr 1fr}.history-actions,.project-actions{flex-wrap:wrap}.history-actions .metal-button,.project-actions .metal-button{flex:1}}