/* AMM v2.4.17 · Vision layer */
.vision-lab{margin-top:18px;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 86% 0%,rgba(72,173,255,.12),transparent 31%),linear-gradient(145deg,rgba(8,15,23,.97),rgba(2,6,10,.98));border:1px solid rgba(151,199,244,.14)}
.vision-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px 18px}.vision-head h2{font-size:clamp(30px,4vw,54px);line-height:.96;letter-spacing:-.045em;margin:0 0 9px}.vision-head p:last-child{max-width:720px;color:var(--muted);margin:0;line-height:1.55}.vision-track-focus{display:grid;gap:6px;min-width:min(320px,100%)}.vision-track-focus span{font-size:7px;font-weight:900;letter-spacing:.14em;color:#6d89a4}.vision-track-focus select{width:100%;min-height:42px;background:#02070b;border:1px solid var(--line-strong);border-radius:12px;color:#dbeaf8;padding:0 12px}
.vision-tabs{display:flex;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none}.vision-tabs::-webkit-scrollbar{display:none}.vision-tabs button{flex:0 0 auto;min-width:132px;border:0;border-right:1px solid var(--line);background:transparent;color:#657a8e;padding:13px 15px;font:800 9px/1.1 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.vision-tabs button.active{color:#dff2ff;background:linear-gradient(180deg,rgba(133,200,255,.1),rgba(133,200,255,.025));box-shadow:inset 0 -2px 0 #8dd0ff}.vision-panel{display:none;padding:22px 26px 27px}.vision-panel.active{display:block}.vision-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:17px}.vision-panel-head h3{font-size:25px;margin:0 0 6px;letter-spacing:-.025em}.vision-panel-head p{margin:0;color:#6d8296;max-width:660px;font-size:11px;line-height:1.55}.vision-local-chip{border:1px solid rgba(151,199,244,.18);border-radius:999px;padding:6px 9px;font-size:7px;letter-spacing:.11em;color:#7fa3c3;white-space:nowrap}
.visual-brief-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.visual-brief-card{position:relative;min-height:154px;border:1px solid rgba(255,255,255,.09);border-radius:17px;overflow:hidden;padding:0;text-align:left;cursor:pointer;background:#071019;color:white;isolation:isolate}.visual-brief-card:before{content:'';position:absolute;inset:0;background:var(--visual-bg);transition:transform .35s ease,filter .35s ease;z-index:-2}.visual-brief-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.78));z-index:-1}.visual-brief-card:hover:before,.visual-brief-card.active:before{transform:scale(1.045);filter:saturate(1.12)}.visual-brief-card.active{border-color:#8ed2ff;box-shadow:0 0 0 1px rgba(142,210,255,.24),0 12px 36px rgba(0,0,0,.28)}.visual-brief-card span{position:absolute;left:13px;right:13px;bottom:12px;display:grid;gap:3px}.visual-brief-card b{font-size:12px}.visual-brief-card small{font-size:8px;color:#a7b9c9;line-height:1.35}.visual-brief-card .visual-mark{position:absolute;left:12px;top:11px;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:rgba(0,0,0,.35);backdrop-filter:blur(9px);font-size:11px;color:#d9f2ff}.vision-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#02070b}.vision-summary span{color:#7890a5;font-size:10px}.vision-summary b{font-size:10px;color:#cce9ff}.vision-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dna-layout{display:grid;grid-template-columns:minmax(250px,370px) 1fr;gap:24px;align-items:center}.dna-visual{position:relative;min-height:340px;display:grid;place-items:center;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at center,rgba(126,200,255,.09),transparent 54%),#02070b;overflow:hidden}.dna-visual:before{content:'';position:absolute;width:74%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(131,201,255,.07);box-shadow:0 0 70px rgba(74,172,255,.06)}#syncDnaChart{width:min(320px,92%);height:auto;overflow:visible}.dna-grid-line{fill:none;stroke:rgba(151,199,244,.1);stroke-width:1}.dna-axis{stroke:rgba(151,199,244,.13);stroke-width:1}.dna-shape{fill:rgba(139,211,255,.13);stroke:#8ed3ff;stroke-width:2;filter:drop-shadow(0 0 9px rgba(111,198,255,.18))}.dna-point{fill:#d8f2ff}.dna-axis-label{fill:#8299ae;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dna-copy{display:grid;gap:13px}.dna-title{display:grid;gap:4px}.dna-title strong{font-size:31px;line-height:1}.dna-title span{color:#71879a;font-size:11px}.dna-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dna-metric{border:1px solid var(--line);border-radius:13px;padding:11px;background:#02070b}.dna-metric small{display:block;font-size:7px;letter-spacing:.12em;color:#5e768d}.dna-metric b{display:block;font-size:19px;color:#d8ecff;margin-top:3px}.dna-copy p{color:#8297a9;line-height:1.6;margin:0}
.scene-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:16px}.scene-drop,.reference-drop{position:relative;min-height:320px;border:1px dashed rgba(149,202,247,.28);border-radius:19px;overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(120,196,255,.07),transparent 45%),#02070b;display:grid;place-items:center;cursor:pointer}.scene-drop.dragging,.reference-drop.dragging{border-color:#8dd0ff;background-color:rgba(130,205,255,.04)}.scene-drop input,.reference-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.scene-drop img,.reference-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-drop img[hidden],.reference-drop img[hidden]{display:none}.scene-drop:after,.reference-drop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5));pointer-events:none}.drop-copy{position:relative;z-index:2;text-align:center;padding:20px;display:grid;gap:5px;pointer-events:none}.drop-copy b{font-size:14px}.drop-copy span{font-size:9px;color:#73889b}.scene-form{display:grid;gap:10px}.scene-form label{display:grid;gap:6px;color:#6e8397;font-size:9px}.scene-form input,.scene-form textarea,.spotify-form input{width:100%;background:#02070b;border:1px solid var(--line);border-radius:11px;color:#e5f2fd;padding:11px 12px}.scene-form textarea{resize:vertical;min-height:84px}.scene-track-strip{border:1px solid var(--line);border-radius:14px;padding:11px;background:#02070b}.scene-track-strip>small{display:block;color:#607a91;font-size:7px;letter-spacing:.12em;margin-bottom:8px}.scene-track-chips{display:flex;gap:5px;flex-wrap:wrap}.scene-track-chips span{border:1px solid rgba(139,205,255,.14);border-radius:999px;padding:5px 7px;color:#8ba8c0;font-size:8px}.scene-track-chips em{font-style:normal;color:#566c7e;font-size:9px}
.reference-layout{display:grid;grid-template-columns:minmax(290px,.92fr) minmax(330px,1.08fr);gap:17px}.reference-drop{min-height:330px}.reference-analysis{display:grid;align-content:start;gap:11px}.reference-signal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reference-signal article{padding:12px;border:1px solid var(--line);border-radius:13px;background:#02070b;display:grid;gap:3px}.reference-signal small{font-size:7px;letter-spacing:.12em;color:#607991}.reference-signal b{font-size:18px}.reference-descriptors{display:flex;gap:6px;flex-wrap:wrap;min-height:27px}.reference-descriptors span{border:1px solid rgba(141,206,255,.16);border-radius:999px;padding:5px 8px;color:#91acc3;font-size:8px}.reference-swatches{display:flex;gap:5px}.reference-swatches i{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.12)}.reference-query{padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#02070b;color:#7892a7;font-size:10px;line-height:1.55}.reference-query b{color:#ceeaff}
.spotify-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(320px,1.15fr);gap:18px}.spotify-form{display:grid;align-content:start;gap:10px}.spotify-form p{color:#71879b;font-size:10px;line-height:1.55;margin:0}.spotify-preview{min-height:270px;border:1px solid var(--line);border-radius:20px;background:#02070b;display:grid;place-items:center;overflow:hidden}.spotify-empty{color:#5e7488;font-size:10px;text-align:center;padding:25px}.spotify-card{width:100%;height:100%;display:grid;grid-template-columns:minmax(170px,.8fr) 1.2fr;min-height:270px}.spotify-card img{width:100%;height:100%;object-fit:cover}.spotify-card-copy{display:grid;align-content:center;gap:8px;padding:24px}.spotify-card-copy small{font-size:7px;letter-spacing:.14em;color:#66d58b}.spotify-card-copy strong{font-size:25px;line-height:1.05}.spotify-card-copy span{color:#71879a;font-size:10px}.spotify-card-copy a{width:max-content;margin-top:4px}
.living-layout{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(270px,.75fr);gap:17px;align-items:stretch}.living-canvas-wrap{position:relative;min-height:360px;border-radius:21px;overflow:hidden;border:1px solid var(--line);background:#02070b}.living-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%}.living-overlay{position:absolute;left:18px;right:18px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:2}.living-overlay div{display:grid;gap:3px}.living-overlay small{font-size:7px;letter-spacing:.14em;color:rgba(220,242,255,.7)}.living-overlay strong{font-size:24px;text-shadow:0 3px 18px #000}.living-copy{display:grid;align-content:center;gap:13px}.living-copy p{color:#748a9d;line-height:1.6;margin:0}.living-toggle{display:flex;align-items:center;gap:8px;color:#8aa2b8;font-size:10px}.living-toggle input{accent-color:#8ed2ff}.mini-player .living-mini-art{width:34px;height:34px;border-radius:10px;overflow:hidden;border:1px solid rgba(151,199,244,.18);flex:0 0 auto;background:#031018}.living-mini-art canvas{width:100%;height:100%;display:block}
.track-vision-insert{margin:13px 0 0;border:1px solid rgba(144,204,255,.13);border-radius:15px;padding:12px;background:linear-gradient(135deg,rgba(92,182,255,.055),rgba(2,7,11,.65));display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.track-vision-insert svg{width:62px;height:62px}.track-vision-insert div{display:grid;gap:3px}.track-vision-insert small{font-size:7px;letter-spacing:.13em;color:#6d8aa3}.track-vision-insert b{font-size:12px}.track-vision-insert span{font-size:8px;color:#698095}
.pitch-scene-board{margin:0 0 20px;border:1px solid rgba(147,205,252,.18);border-radius:18px;overflow:hidden;background:#02070b}.pitch-scene-board img{display:block;width:100%;max-height:430px;object-fit:cover}.pitch-scene-copy{padding:15px 17px;display:grid;gap:5px}.pitch-scene-copy small{font-size:7px;letter-spacing:.14em;color:#6b8ba5}.pitch-scene-copy strong{font-size:20px}.pitch-scene-copy span{font-size:9px;color:#7d91a3;line-height:1.5}
@media(max-width:980px){.visual-brief-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dna-layout,.scene-layout,.reference-layout,.spotify-layout,.living-layout{grid-template-columns:1fr}.vision-head{align-items:flex-start;flex-direction:column}.vision-track-focus{width:100%}.living-canvas-wrap{min-height:330px}}
@media(max-width:620px){.vision-head,.vision-panel{padding-left:15px;padding-right:15px}.vision-tabs button{min-width:118px}.visual-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-brief-card{min-height:132px}.dna-visual{min-height:300px}.dna-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-drop,.reference-drop{min-height:265px}.reference-signal{grid-template-columns:1fr 1fr}.spotify-card{grid-template-columns:1fr}.spotify-card img{height:220px}.living-canvas-wrap{min-height:310px}.track-vision-insert{grid-template-columns:auto 1fr}.track-vision-insert button{grid-column:1/-1}.vision-summary{align-items:flex-start;flex-direction:column}.mini-player .living-mini-art{display:none}}