.camera-sim-back{
  position:relative;
  width:340px;
  height:260px;
  margin:40px auto;
  border-radius:18px;
  background:linear-gradient(145deg,#0a0a0a,#1b1b1b);
  box-shadow:inset 0 0 50px rgba(0,0,0,.9),0 0 26px rgba(226,0,223,.24);
  font-family:monospace;
  overflow:hidden;
  opacity:.6;
  transform:rotate(-4deg);
  animation: camFloat 8s ease-in-out infinite;
  pointer-events:none;
}

@keyframes camFloat{
  0%,100%{transform:rotate(-4deg) translateY(0);}
  50%{transform:rotate(-4.2deg) translateY(-2px);}
}

.camera-sim-back .live-view{
  position:absolute;
  top:110px;
  left:50%;
  transform:translateX(-50%);
  width:220px;
  height:110px;
  border-radius:14px;
  background:#000;
  border:2px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 30px rgba(0,0,0,.95);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.camera-sim-back .cam-display{
  position:absolute;
  top:18px;
  left:18px;
  right:18px;
  height:78px;
  border-radius:10px;
  background:linear-gradient(#0f2a22,#08140f);
  color:#8affd5;
  padding:10px 12px;
  font-size:12px;
  line-height:1.35;
  white-space:pre;
  box-shadow:inset 0 0 18px rgba(0,0,0,.8);
  border:1px solid rgba(255,255,255,.05);
}

.camera-sim-back .live-view img{
  max-width:90%;
  max-height:90%;
  border-radius:6px;
  opacity:.92;
  filter:contrast(1.05) saturate(1.1);
  animation: imgPulse 5s infinite alternate ease-in-out;
}

@keyframes imgPulse{
  0%{transform:scale(1); opacity:.84}
  100%{transform:scale(1.03); opacity:.98}
}