/* GW Live Viewer Frontend 1.2.0 */
.gwlv-wrapper { display:block; margin: 10px 0; }
.gwlv-card {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .7rem 1rem;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
    background: var(--gwlv-bg);
    color: var(--gwlv-fg);
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.2;
}
.gwlv-wrapper.gwlv-theme-auto { --gwlv-bg: #ffffff; --gwlv-fg: #0f172a; }
@media (prefers-color-scheme: dark) {
  .gwlv-wrapper.gwlv-theme-auto { --gwlv-bg: #0b1220; --gwlv-fg: #e5e7eb; }
}
.gwlv-wrapper.gwlv-theme-light { --gwlv-bg: #ffffff; --gwlv-fg: #0f172a; }
.gwlv-wrapper.gwlv-theme-dark  { --gwlv-bg: #0b1220; --gwlv-fg: #e5e7eb; }

.gwlv-eye { display:inline-flex; width: 42px; height: 22px; transform: translateY(1px); }
.gwlv-number { font-size: 1.25rem; letter-spacing: 0.3px; }
.gwlv-card.blink .gwlv-number { animation: gwlvPulse .6s ease; }
@keyframes gwlvPulse { 0%{transform:scale(1)} 50%{transform:scale(1.05)} 100%{transform:scale(1)} }

/* Classic Eyes SVG */
.gwlv-eyes { width: 42px; height: 22px; }
.gwlv-eyes .pupil { transform-origin: center; }
.gwlv-eyes .lid  { transform-origin: 25px 25px; }
.gwlv-eyes .lid--r { transform-origin: 75px 25px; }

.gwlv-eyes--pupils .pupil--l { animation: gwlvPupil 4s ease-in-out infinite; }
.gwlv-eyes--pupils .pupil--r { animation: gwlvPupil 4s ease-in-out infinite 0.15s; }
@keyframes gwlvPupil {
  0%,100% { transform: translate(0,0); }
  25% { transform: translate(2px,1px); }
  50% { transform: translate(-2px,0); }
  75% { transform: translate(1px,-1px); }
}

.gwlv-eyes--blink .lid { animation: gwlvBlink 6s ease-in-out infinite; transform: scaleY(0); }
@keyframes gwlvBlink {
  0%,90%,100% { transform: scaleY(0); }
  92% { transform: scaleY(1); }
  94% { transform: scaleY(0); }
}

.gwlv-eyes--static .pupil, .gwlv-eyes--static .lid { animation: none !important; transform: none !important; }

/* Technical Sensor */
.gwlv-tech { width: 42px; height: 22px; }
.gwlv-tech .pupil { transform-origin: 30px 15px; animation: techPupil 4s ease-in-out infinite; }
.gwlv-tech .lens  { transform-origin: 30px 15px; animation: techLens 6s ease-in-out infinite; }
@keyframes techPupil {
  0%,100% { transform: translate(0,0); }
  50% { transform: translate(1.5px,0); }
}
@keyframes techLens {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}