.wicam-ptz{--wicam-ptz-accent:#1BA6B0;--wicam-ptz-focus:#1BA6B0;--wicam-ptz-flash:#FFBA31;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);gap:clamp(24px,4.5vw,64px);align-items:stretch;font-family:var(--wicam-font-fa);color:#071626}
.wicam-ptz *{box-sizing:border-box}.wicam-ptz__info{background:#0D2340;color:#F5F8FC;border:1px solid rgba(220,229,240,.16);padding:clamp(24px,3vw,38px);border-radius:24px;position:relative;overflow:hidden}.wicam-ptz__info:after{content:"";position:absolute;inset:auto -16% 0;height:1px;background:linear-gradient(90deg,transparent,var(--wicam-ptz-accent),transparent);opacity:.7}.wicam-ptz__kicker{display:inline-flex;color:var(--wicam-ptz-accent);font-size:var(--wicam-fs-small);font-weight:800;margin-bottom:10px}.wicam-ptz__title{margin:0 0 12px;color:#F5F8FC;font-size:var(--wicam-fs-h2);line-height:var(--wicam-leading-heading)}.wicam-ptz__description{color:#DCE5F0;font-size:var(--wicam-fs-body);line-height:var(--wicam-leading-body)}.wicam-ptz__description p{margin:0}.wicam-ptz__active{margin-top:22px;padding:14px;border:1px solid rgba(27,166,176,.35);background:rgba(27,166,176,.08);border-radius:16px;display:flex;align-items:center;gap:12px}.wicam-ptz__active-icon{width:42px;height:42px;border-radius:13px;background:rgba(27,166,176,.12);display:grid;place-items:center;color:var(--wicam-ptz-accent);flex:0 0 auto}.wicam-ptz__active-icon svg{width:23px;height:23px}.wicam-ptz__active-title{display:block;color:#F5F8FC;font-size:1rem}.wicam-ptz__active-text{display:block;color:#DCE5F0;font-size:.82rem;margin-top:2px}.wicam-ptz__features{display:grid;gap:8px;margin-top:18px}.wicam-ptz__feature{appearance:none;border:1px solid rgba(220,229,240,.11);background:rgba(245,248,252,.035);color:#F5F8FC;border-radius:14px;padding:10px 11px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-align:right;cursor:pointer;font-family:var(--wicam-font-fa);transition:transform .22s ease,border-color .22s ease,background-color .22s ease}.wicam-ptz__feature:hover,.wicam-ptz__feature:focus-visible{border-color:rgba(27,166,176,.45);background:rgba(27,166,176,.08)}.wicam-ptz__feature.is-active{border-color:rgba(255,186,49,.55);background:rgba(255,186,49,.08)}.wicam-ptz__feature-icon{width:38px;height:38px;border-radius:11px;background:rgba(27,166,176,.1);color:var(--wicam-ptz-accent);display:grid;place-items:center}.wicam-ptz__feature.is-active .wicam-ptz__feature-icon{color:#FFBA31;background:rgba(255,186,49,.1)}.wicam-ptz__feature-icon svg{width:20px;height:20px}.wicam-ptz__feature b{display:block;font-size:.86rem;color:#F5F8FC}.wicam-ptz__feature small{display:block;font-size:.72rem;color:#DCE5F0;margin-top:1px}.wicam-ptz__stage{position:relative;min-height:clamp(430px,46vw,620px);overflow:hidden;border-radius:28px;background:linear-gradient(155deg,#F5F8FC,#DCE5F0);border:1px solid rgba(13,35,64,.14);display:grid;place-items:center;perspective:950px;cursor:crosshair;touch-action:none;isolation:isolate}.wicam-ptz__stage:focus-visible{outline:2px solid var(--wicam-ptz-accent);outline-offset:3px}.wicam-ptz__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(13,35,64,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,35,64,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#071626,transparent 76%)}.wicam-ptz__ring{position:absolute;border-radius:50%;border:1px solid rgba(27,166,176,.22);width:min(72%,480px);aspect-ratio:1}.wicam-ptz__ring--2{width:min(52%,340px);border-color:rgba(255,186,49,.2)}.wicam-ptz__camera-wrap{position:relative;display:grid;place-items:center;width:100%;height:100%;transform-style:preserve-3d}.wicam-ptz__camera{width:68%;max-width:500px;height:auto;display:block;user-select:none;will-change:transform;transform:rotateX(var(--wicam-ptz-rx,0deg)) rotateY(var(--wicam-ptz-ry,0deg)) translate3d(var(--wicam-ptz-tx,0px),var(--wicam-ptz-ty,0px),30px);transform-origin:50% 62%;transition:transform 160ms cubic-bezier(.22,.61,.36,1),filter 220ms ease;filter:drop-shadow(0 28px 28px rgba(7,22,38,.14))}.wicam-ptz__stage.is-dragging .wicam-ptz__camera{transition:none}.wicam-ptz__lens-focus{position:absolute;width:84px;height:84px;border:1px solid var(--wicam-ptz-focus);border-radius:50%;top:35%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:.65;pointer-events:none}.wicam-ptz__lens-focus:before,.wicam-ptz__lens-focus:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(27,166,176,.22);border-radius:50%}.wicam-ptz__lens-focus:after{inset:18px;border-color:rgba(255,186,49,.3)}.wicam-ptz__flash{position:absolute;width:110px;height:110px;top:35%;left:50%;transform:translate(-50%,-50%) scale(.4);border-radius:50%;background:radial-gradient(circle,var(--wicam-ptz-flash) 0,rgba(255,186,49,.32) 18%,rgba(255,186,49,0) 70%);opacity:0;pointer-events:none}.wicam-ptz__stage.is-flashing .wicam-ptz__flash{animation:wicamPtzFlash .52s ease-out}.wicam-ptz__stage.is-flashing .wicam-ptz__lens-focus{animation:wicamPtzFocus .52s ease-out}.wicam-ptz__hud{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:10px;color:#0D2340;font-size:11px;font-weight:800;letter-spacing:.8px}.wicam-ptz__hud i{height:1px;flex:1;background:linear-gradient(90deg,var(--wicam-ptz-accent),rgba(13,35,64,.08),#FFBA31)}.wicam-ptz__hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(7,22,38,.88);color:#F5F8FC;font-size:11px;font-weight:700;white-space:nowrap}.wicam-ptz__stage.is-idle .wicam-ptz__ring--1{animation:wicamPtzRing 4s ease-in-out infinite}.wicam-ptz__stage.is-idle .wicam-ptz__ring--2{animation:wicamPtzRing 4s ease-in-out 1s infinite}
@keyframes wicamPtzFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes wicamPtzFocus{0%{transform:translate(-50%,-50%) scale(.84);opacity:.45}40%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.08);opacity:.65}}@keyframes wicamPtzRing{0%,100%{transform:scale(.98);opacity:.55}50%{transform:scale(1.025);opacity:1}}
@media(max-width:900px){.wicam-ptz{grid-template-columns:1fr}.wicam-ptz__stage{order:-1;min-height:clamp(390px,72vw,520px)}.wicam-ptz__camera{width:min(70%,420px)}.wicam-ptz__info{padding:24px}.wicam-ptz__features{grid-template-columns:repeat(2,minmax(0,1fr))}.wicam-ptz__feature{grid-template-columns:34px 1fr}.wicam-ptz__feature-icon{width:34px;height:34px}}
@media(max-width:560px){.wicam-ptz{gap:16px}.wicam-ptz__stage{min-height:360px;border-radius:22px}.wicam-ptz__camera{width:min(78%,340px)}.wicam-ptz__lens-focus{width:66px;height:66px}.wicam-ptz__features{grid-template-columns:1fr}.wicam-ptz__info{border-radius:20px;padding:20px}.wicam-ptz__title{font-size:clamp(1.4rem,5.4vw,1.75rem)}.wicam-ptz__hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wicam-ptz__camera,.wicam-ptz__feature,.wicam-ptz__ring,.wicam-ptz__flash,.wicam-ptz__lens-focus{animation:none!important;transition:none!important}.wicam-ptz__hint{display:none}}