.croppie-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.cr-boundary{position:relative;overflow:hidden;margin:0 auto;background:#241700;border:2px solid #5b3b00;border-radius:14px;max-width:100%;touch-action:none;box-shadow:inset 0 0 30px rgba(0,0,0,.34)}.cr-image{position:absolute;left:0;top:0;max-width:none!important;max-height:none!important;transform-origin:0 0;user-select:none;pointer-events:none}.cr-overlay{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:none}.cr-overlay:active{cursor:grabbing}.cr-viewport{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid #fff0aa;box-shadow:0 0 0 2000px rgba(20,10,0,.58),0 0 22px rgba(255,221,100,.75);pointer-events:none;border-radius:4px}.cr-slider-wrap{width:min(420px,88%);padding:6px 0 2px}.cr-slider{width:100%;accent-color:#7a4c00}.cr-slider::-webkit-slider-runnable-track{height:6px;border-radius:10px;background:linear-gradient(90deg,#6c4300,#ffe28a,#8b5c00)}.cr-slider::-webkit-slider-thumb{margin-top:-5px}.cr-slider:focus{outline:none}