html.pcrop-open, html.pcrop-open body{overflow: hidden;}
.pcrop{position: fixed;inset: 0;z-index: 1000;background: rgba(36, 33, 30, 0.72);display: flex;align-items: center;justify-content: center;padding: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));box-sizing: border-box;overflow: auto;-webkit-overflow-scrolling: touch;}
.pcrop__panel{width: 100%;max-width: min(520px, 100%, calc(100vw - 24px));min-width: 0;box-sizing: border-box;background: var(--color-surface, #FFFCF6);border-radius: 18px;padding: 14px;box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);}
.pcrop__view{position: relative;width: 100%;max-width: 100%;overflow: hidden;border-radius: 10px;background: #1d1b19;touch-action: none;cursor: grab;user-select: none;-webkit-user-select: none;box-sizing: border-box;}
.pcrop__view:active{cursor: grabbing;}
.pcrop__view::after{content: "";position: absolute;inset: 0;box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.85);border-radius: 10px;pointer-events: none;}
.pcrop__img{position: absolute;left: 0;top: 0;transform-origin: 0 0;max-width: none;pointer-events: none;}
.pcrop__zoom{display: block;width: 100%;max-width: 100%;box-sizing: border-box;margin: 14px 0 4px;accent-color: var(--color-text, #24211E);}
.pcrop__bar{display: flex;flex-wrap: nowrap;gap: 8px;justify-content: stretch;align-items: stretch;margin-top: 10px;width: 100%;max-width: 100%;box-sizing: border-box;min-width: 0;}
.pcrop__bar .btn{min-width: 0 !important;flex: 1 1 0;padding-left: 0.55rem;padding-right: 0.55rem;font-size: 0.875rem;white-space: nowrap;}