/* V4 never transforms the site's source <img>. A separate media layer is rendered inside the existing frame. */
.cropv4-host{position:relative}
.cropv4-source-hidden{opacity:0!important;visibility:hidden!important}
.cropv4-layer{position:absolute!important;inset:0!important;z-index:1!important;overflow:hidden!important;pointer-events:none!important;border-radius:inherit!important;contain:paint!important}
.cropv4-layer>img{position:absolute!important;display:block!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;object-fit:fill!important;object-position:50% 50%!important;transform:none!important;animation:none!important;transition:none!important;filter:none!important;pointer-events:none!important;user-select:none!important}
/* Preserve the site's own foreground decorations over our media layer. */
.cropv4-host>.card-identity,.cropv4-host>.profile-image-overlay,.cropv4-host>.beta52-right-label,.cropv4-host>.beta52-right-runes{z-index:4!important}
.cropv4-button{position:absolute!important;z-index:90!important;right:7px!important;top:7px!important;height:28px!important;min-width:28px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid rgba(226,194,127,.48)!important;border-radius:999px!important;background:rgba(8,9,13,.84)!important;color:#ead4a7!important;font:600 10px/1 Georgia,serif!important;box-shadow:0 6px 18px rgba(0,0,0,.34)!important;backdrop-filter:blur(7px);cursor:pointer!important;opacity:.26;transition:opacity .16s ease,border-color .16s ease,background .16s ease!important}
.cropv4-host:hover>.cropv4-button,.cropv4-button:focus-visible,.cropv4-host.cropv4-editing>.cropv4-button{opacity:1}
.cropv4-button:hover{border-color:rgba(226,194,127,.78)!important;background:rgba(21,19,24,.96)!important}
.cropv4-button.cropv4-compact{width:22px!important;min-width:22px!important;height:22px!important;padding:0!important;border-radius:8px!important;font-size:11px!important;right:2px!important;top:2px!important;opacity:.48}
#cropv4Overlay{position:fixed;display:none;z-index:2147483100;border:2px solid rgba(126,208,222,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 4px rgba(126,208,222,.10),0 0 28px rgba(126,208,222,.18);cursor:grab;touch-action:none;user-select:none;pointer-events:auto}
#cropv4Overlay.open{display:block}#cropv4Overlay.dragging{cursor:grabbing}
#cropv4Overlay::after{content:'Тяни изображение';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;border:1px solid rgba(126,208,222,.38);border-radius:999px;background:rgba(5,8,12,.74);color:#d9f6f8;font:600 10px/1 Georgia,serif;white-space:nowrap;pointer-events:none}
#cropv4Panel{position:fixed;z-index:2147483200;left:50%;bottom:18px;transform:translateX(-50%);width:min(900px,calc(100vw - 24px));display:none;gap:10px;padding:12px 14px;border:1px solid rgba(126,208,222,.34);border-radius:16px;background:rgba(10,11,16,.97);box-shadow:0 20px 55px rgba(0,0,0,.48);backdrop-filter:blur(18px);color:var(--ink,#eee7da)}
#cropv4Panel.open{display:grid}
.cropv4-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cropv4-head strong{display:block;font:600 14px Georgia,serif}.cropv4-head small{display:block;margin-top:3px;color:var(--muted,#aaa);font-size:10px;line-height:1.4}.cropv4-readout{color:#9edce5;font:600 10px ui-monospace,monospace;white-space:nowrap}
.cropv4-controls{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:10px;align-items:center}.cropv4-presets,.cropv4-actions{display:flex;gap:7px;flex-wrap:wrap}.cropv4-presets .is-active{border-color:rgba(126,208,222,.75)!important;color:#d8f8fb!important;background:rgba(126,208,222,.11)!important}.cropv4-zoom{display:grid;grid-template-columns:auto 1fr 52px;gap:8px;align-items:center}.cropv4-zoom label{color:var(--muted,#aaa);font-size:10px}.cropv4-zoom input{width:100%;accent-color:#7ecfdc}.cropv4-zoom output{font:600 10px ui-monospace,monospace;color:#d8f8fb;text-align:right}
@media(max-width:760px){.cropv4-button{opacity:.72}#cropv4Overlay::after{font-size:9px}.cropv4-controls{grid-template-columns:1fr}.cropv4-presets,.cropv4-actions{display:grid;grid-template-columns:1fr 1fr}.cropv4-actions .btn:last-child{grid-column:1/-1}.cropv4-zoom{grid-template-columns:auto 1fr 44px}#cropv4Panel{bottom:max(8px,env(safe-area-inset-bottom));padding:11px}}
@media(prefers-reduced-motion:reduce){.cropv4-button{transition:none!important}}