:is(.studio-root,.image-direction-controls) .opad{margin-bottom:14px}:is(.studio-root,.image-direction-controls) .opad-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;perspective:800px;background:radial-gradient(120% 90% at 50% 0,#212121 0%,#0f0f0f 70%);border:1px solid #ffffff12;border-radius:16px;justify-content:center;align-items:center;min-height:340px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}:is(.studio-root,.image-direction-controls) .opad--dragging .opad-stage{cursor:grabbing}:is(.studio-root,.image-direction-controls) .opad-hint{text-align:center;color:#ffffff61;pointer-events:none;width:100%;margin:0;padding:12px;font-size:11.5px;font-weight:500;line-height:1.35;position:absolute;top:0;left:0}:is(.studio-root,.image-direction-controls) .opad-subject{pointer-events:none;z-index:0;background:#0f0f0f;border-radius:6px;width:50px;height:50px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}:is(.studio-root,.image-direction-controls) .opad-subject img{object-fit:cover;width:100%;height:100%;display:block}:is(.studio-root,.image-direction-controls) .opad-globe{opacity:.01;pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;width:200px;height:200px;transition:opacity .2s;position:absolute}:is(.studio-root,.image-direction-controls) .opad--dragging .opad-globe{opacity:1}:is(.studio-root,.image-direction-controls) .opad-globe-spin{width:100%;height:100%;transform-style:preserve-3d;transition:transform .2s;position:relative}:is(.studio-root,.image-direction-controls) .opad--dragging .opad-globe-spin,:is(.studio-root,.image-direction-controls) .opad--dragging .opad-rig-spin{transition:none}:is(.studio-root,.image-direction-controls) .opad-ring{border:1px solid #ffffff1a;border-radius:50%;display:block;position:absolute;inset:0}:is(.studio-root,.image-direction-controls) .opad-ring--parallel{inset:50% auto auto 50%}:is(.studio-root,.image-direction-controls) .opad-rig{width:200px;height:200px;transform-style:preserve-3d;pointer-events:none;position:absolute}:is(.studio-root,.image-direction-controls) .opad-rig--behind{opacity:.45}:is(.studio-root,.image-direction-controls) .opad-rig-spin{transform-style:preserve-3d;transition:transform .2s;position:absolute;top:50%;left:50%}:is(.studio-root,.image-direction-controls) .opad-arm{transform-style:preserve-3d;position:absolute}:is(.studio-root,.image-direction-controls) .opad-face{background:#1f1f1f;border:1px solid #333;width:20px;height:20px;display:block;position:absolute}:is(.studio-root,.image-direction-controls) .opad-face--emit{background:#1a1a1a;border:2px solid #ffffff45;border-radius:3px;transform:translate(-50%,-50%)translateZ(-7px)}:is(.studio-root,.image-direction-controls) .opad-face--back{background:#222;border-radius:3px;transform:translate(-50%,-50%)translateZ(7px)}:is(.studio-root,.image-direction-controls) .opad-face--top{height:14px;transform:translate(-50%,-50%)rotateX(90deg)translateZ(10px)}:is(.studio-root,.image-direction-controls) .opad-face--bottom{height:14px;transform:translate(-50%,-50%)rotateX(-90deg)translateZ(10px)}:is(.studio-root,.image-direction-controls) .opad-face--left{width:14px;transform:translate(-50%,-50%)rotateY(-90deg)translateZ(10px)}:is(.studio-root,.image-direction-controls) .opad-face--right{width:14px;transform:translate(-50%,-50%)rotateY(90deg)translateZ(10px)}:is(.studio-root,.image-direction-controls) .opad-bulb{border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.studio-root,.image-direction-controls) .opad-lens{background:#141414;border:2px solid #b9b9b9;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.studio-root,.image-direction-controls) .opad-beam{transform-style:preserve-3d;display:block;position:absolute}:is(.studio-root,.image-direction-controls) .opad-beam-svg{transform-origin:top;position:absolute;overflow:visible;transform:translate(-50%)translateY(-5px)rotateX(-90deg)}:is(.studio-root,.image-direction-controls) .opad-nudge{color:#ffffff61;cursor:pointer;z-index:2;background:0 0;border:0;place-items:center;padding:0;transition:color .2s;display:grid;position:absolute}:is(.studio-root,.image-direction-controls) .opad-nudge:hover{color:#fff}:is(.studio-root,.image-direction-controls) .opad-chevron{width:24px;height:24px}:is(.studio-root,.image-direction-controls) .opad-nudge--up{top:calc(50% - 115px);left:50%;transform:translate(-50%,-50%)}:is(.studio-root,.image-direction-controls) .opad-nudge--down{top:calc(50% + 115px);left:50%;transform:translate(-50%,-50%)}:is(.studio-root,.image-direction-controls) .opad-nudge--left{top:50%;left:calc(50% - 115px);transform:translate(-50%,-50%)}:is(.studio-root,.image-direction-controls) .opad-nudge--right{top:50%;left:calc(50% + 115px);transform:translate(-50%,-50%)}:is(.studio-root,.image-direction-controls) .opad-readout{color:#fff6;pointer-events:none;flex-direction:column;gap:1px;font-size:10.5px;line-height:1.35;display:flex;position:absolute;bottom:12px;left:12px}:is(.studio-root,.image-direction-controls) .opad-readout b{color:#ffffffd9;font-variant-numeric:tabular-nums;font-weight:600}