*{box-sizing:border-box}body{margin:0;background:#06111d;color:#fff;font-family:Arial,Tahoma,sans-serif}header{height:70px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17344d}header i{color:#18d8d1;font-style:normal}a{color:#18d8d1}main{width:min(1450px,95vw);margin:28px auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}section,aside{background:#0d1b29;border:1px solid #17344d;border-radius:18px;overflow:hidden}aside{padding:20px}.stage{position:relative;aspect-ratio:16/9;background:#000}.stage video,.stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage canvas{z-index:2}#badge{position:absolute;z-index:3;left:15px;top:15px;background:#ff3b46;padding:8px 12px;border-radius:8px}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px}button,input{width:100%;padding:11px;margin:6px 0;border-radius:9px;border:1px solid #17344d;background:#10263a;color:#fff}button{cursor:pointer}label{color:#90a8bb}dialog{background:#0d1b29;color:#fff;border:1px solid #18d8d1;border-radius:16px;width:min(500px,90vw)}dialog::backdrop{background:#000a}@media(max-width:800px){main{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}.stage{aspect-ratio:9/16}}