*{box-sizing:border-box}body{margin:0;background:#0A1020;color:#3EF2FF;font-family:Arial,sans-serif} .wrap{height:58dvh;display:flex;flex-direction:column;padding:8px;gap:8px}.header,.sensor,.status,.log,.panel{border:1px solid #3EF2FF;border-radius:8px}.header{display:flex;justify-content:space-between;padding:8px}.sensor{position:relative;flex:1;min-height:0;background:#091321}.obj{position:absolute;font-size:28px;color:#57FF88;opacity:.5;cursor:pointer}.focus{opacity:1;text-shadow:0 0 8px #3EF2FF}.status,.log,.panel{padding:8px}.action{width:100%;padding:14px;border:none;border-radius:8px;background:#22334a;color:#fff}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.nav button{padding:10px;background:#FF9A3E;border:none;border-radius:8px}.desktop-panels{display:none}.bar{height:12px;background:#102030;border-radius:8px;overflow:hidden}.fill{height:100%;background:#3EF2FF}@media(min-width:900px){.wrap{max-width:1400px;margin:auto;height:auto;min-height:100dvh}.content{display:grid;grid-template-columns:250px 1fr;gap:10px;flex:1}.desktop-panels{display:block}.panel{margin-bottom:10px}.sensor{min-height:65vh}}