:root{--bg:#06080d;--panel:#0b1018;--line:#293142;--pink:#ff4f9b;--pink2:#b950ff;--blue:#5ca7ff;--green:#4ee083;--text:#edf2f8;--muted:#8993a4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 45% 10%,#1e0b1a 0,#070910 42%,#030407 100%);color:var(--text);font:14px Inter,system-ui,sans-serif}.app{display:grid;grid-template-columns:230px 1fr 280px;grid-template-rows:64px 1fr;min-height:100vh;gap:10px;padding:10px}header{grid-column:1/4;display:flex;align-items:center;background:#080b11;border:1px solid #202735;border-radius:14px;padding:0 18px;box-shadow:0 0 30px #ff4f9b12}.brand{font-size:24px;color:#ff78b3}.brand small{display:block;font-size:9px;color:#aaa}.brand b{margin-left:8px}nav{margin:auto;color:#aaa;word-spacing:15px}.owner{border:1px solid #2a3140;padding:10px 16px;border-radius:10px}.left,.right,main{min-width:0}.left,.right{background:#080c13;border:1px solid #252d3b;border-radius:14px;padding:12px}.left h3,.right h3,.title{color:#ff73ad;font-size:12px}.layer{margin:8px 0;padding:10px;border:1px solid #374054;border-left:3px solid var(--pink);border-radius:9px;background:#0e131d}.layer b{display:block}.layer small{color:var(--muted)}button{background:linear-gradient(135deg,#6c244d,#c02d73);color:white;border:1px solid #e45696;border-radius:8px;padding:10px;cursor:pointer}.left button{width:100%;margin-top:10px;background:#111722}.panel{background:linear-gradient(180deg,#0b1018,#070b11);border:1px solid #31394a;border-radius:14px;box-shadow:inset 0 0 30px #ff4f9b08}.flow{height:340px;padding:14px}.title span{color:var(--green);margin-left:10px}.flowrow{height:280px;display:flex;align-items:center;justify-content:space-around;gap:14px}.node{min-width:130px;text-align:center;border:1px solid #48546d;border-radius:12px;padding:24px 12px;background:#101622;box-shadow:0 0 24px #5ca7ff15}.node.core{border-color:#ff4f9b;box-shadow:0 0 30px #ff4f9b2a}.arrow{color:#7d8797;font-size:24px}.studio{height:320px;margin-top:10px;padding:12px;display:grid;grid-template-columns:220px 155px 1fr 150px;gap:10px}.portrait{border-radius:12px;background:linear-gradient(160deg,#2e1735,#121725 55%,#4b182e);display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.avatar{height:205px;display:flex;align-items:end;font-size:34px;color:#ff79b5;text-shadow:0 0 20px #ff4f9b}.selectors{display:flex;flex-direction:column;gap:12px}.selectors label{color:#aaa}.selectors select{width:100%;margin-top:4px;background:#111722;color:white;border:1px solid #30394b;padding:9px;border-radius:7px}.assets{border:1px solid #272f3e;border-radius:10px;padding:10px}.tabs{color:#ff72ad;border-bottom:1px solid #272f3e;padding-bottom:8px}.assetgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.asset{background:#111722;border:1px solid #293245;border-radius:8px;padding:13px 4px;text-align:center;font-size:11px}.scenes{display:grid;gap:7px}.scene{border:1px solid #364052;border-radius:8px;background:linear-gradient(135deg,#283047,#111722);padding:18px 7px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:10px}.metric{background:#0a0e15;border:1px solid #273041;border-radius:12px;padding:13px}.metric b{font-size:24px;display:block}.metric span{color:#8993a4;font-size:11px}.health{margin:10px auto 18px;width:120px;height:120px;border-radius:50%;border:7px solid #45d778;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 25px #45d77840}.health b{font-size:31px}.health span{font-size:10px}.card{border-top:1px solid #242d3b;padding:12px 2px}.card h4{color:#ff76b0}.card p{color:#aeb6c4}progress{width:100%;accent-color:#50dd82}@media(max-width:1100px){.app{grid-template-columns:190px 1fr}.right{display:none}header{grid-column:1/3}.studio{grid-template-columns:180px 140px 1fr}.scenes{display:none}.metrics{grid-template-columns:repeat(4,1fr)}}