.image-frame-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:rgba(8,10,10,.35)}.char-card-img-wrap{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.char-card-img-wrap .char-card-img{position:absolute;filter:none;backface-visibility:hidden}.game-char-slide .image-frame-viewport,.game-left .image-frame-viewport{position:absolute;inset:0}.image-frame-viewport__img{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.image-frame-viewport__img.is-laid-out{max-width:none!important;max-height:none!important}.image-frame-viewport__frame{width:100%;height:100%;position:relative}.image-frame-viewport.has-bottom-blur{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--img-bottom-blur, 22%)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--img-bottom-blur, 22%)),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.image-frame-editor{display:flex;flex-direction:column;gap:8px}.oc-card-frame-editor,.pair-thumb-editor{width:100%;max-width:148px}.oc-card-frame-editor .image-frame-editor__viewport,.pair-thumb-editor .image-frame-editor__viewport{width:100%;aspect-ratio:3/4.55;max-height:none;border-radius:2px}.oc-card-frame-editor .image-frame-editor__controls,.pair-thumb-editor .image-frame-editor__controls{max-width:280px}.oc-card-frame-editor .image-frame-editor__slider,.pair-thumb-editor .image-frame-editor__slider{min-width:0;flex:1 1 160px}.image-frame-editor--empty{padding:1.25rem;border:1px dashed rgba(215,169,130,.28);font-size:11px;color:rgba(216,213,203,.52);text-align:center}.image-frame-editor__viewport{position:relative;width:100%;overflow:hidden;border:1px solid rgba(215,169,130,.28);background:rgba(10,12,11,.92);cursor:pointer}.image-frame-editor__viewport .image-frame-viewport{position:absolute;inset:0}.image-frame-editor__viewport.is-selected{border-color:rgba(240,207,173,.72);box-shadow:0 0 0 1px rgba(240,207,173,.22),0 0 22px rgba(215,169,130,.16);cursor:grab;touch-action:none}.image-frame-editor__viewport.is-dragging{cursor:grabbing}.image-frame-editor__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.image-frame-editor__slider{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(216,213,203,.58)}.image-frame-editor__controls .lh-slider-field{flex:1;min-width:180px}.image-frame-editor__controls .lh-slider-field__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(216,213,203,.58)}.image-frame-editor__slider input{flex:1;accent-color:#d7a982}.image-frame-editor__reset{border:1px solid rgba(215,169,130,.28);background:rgba(215,169,130,.08);color:rgba(240,207,173,.78);font:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;cursor:pointer}.image-frame-editor__hint{margin:0;font-size:10px;color:rgba(216,213,203,.42)}.lh-clicker-frame-edit{max-width:280px}.image-frame-editor--clicker{max-width:none}.image-frame-editor--clicker .image-frame-editor__viewport{max-width:120px;width:120px;height:120px;border-radius:10px;overflow:hidden}.image-frame-editor--clicker.is-cutout .image-frame-editor__viewport{overflow:visible;background:transparent;border-color:rgba(205,179,126,.25);box-shadow:none}.image-frame-editor--clicker.is-cutout .image-frame-viewport{overflow:visible;filter:drop-shadow(0 0 .45px rgba(205,179,126,.9)) drop-shadow(.55px 0 0 rgba(205,179,126,.8)) drop-shadow(-.55px 0 0 rgba(205,179,126,.8)) drop-shadow(0 .55px 0 rgba(205,179,126,.8)) drop-shadow(0 -.55px 0 rgba(205,179,126,.8)) drop-shadow(0 2px 0 rgba(0,0,0,.45))}.image-frame-editor--clicker .image-frame-viewport,.image-frame-editor--clicker .image-frame-viewport__frame{overflow:visible}.image-frame-editor--clicker .image-frame-editor__controls{gap:.35rem;max-width:280px}.image-frame-editor--clicker .image-frame-editor__slider{min-width:0;flex:1 1 160px}.image-frame-editor--clicker .image-frame-editor__hint{font-size:9px}.char-card-img-wrap .image-frame-viewport__frame.has-frame-transform,.image-frame-editor .image-frame-viewport__frame.has-frame-transform{transform:var(--iff-t)!important;transform-origin:var(--iff-o,center top)!important}.image-frame-editor--stage{position:relative}.image-frame-editor__stage-hint{margin:0;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(190,186,178,.5)}