.photo-cropper{z-index:150;padding:calc(14px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));background:var(--app-bg,#fff8e9);color:var(--text-primary,#302514);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.photo-cropper .crop-sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.crop-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.crop-header>button{min-width:44px;min-height:44px;color:var(--gold-ink,#8a6200);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:650}.crop-header>button:first-child{text-align:left;justify-self:start}.crop-header>button:last-child{text-align:right;justify-self:end}.crop-header>button:disabled{opacity:.45;cursor:default}.crop-header>button:focus-visible{outline:2px solid var(--gold-ink,#8a6200);outline-offset:2px;border-radius:8px}.crop-brand{justify-self:center;width:clamp(104px,30vw,124px);height:auto;display:block}.crop-header-divider{background:#5c431614;width:100%;height:1px}.crop-hint{text-align:center;max-width:34ch;color:var(--text-secondary,#756b59);margin:0;font-size:12.5px;line-height:1.5}.crop-stage{aspect-ratio:1;isolation:isolate;flex:none;place-items:center;width:min(100%,44dvh);margin:8px auto 4px;display:grid;position:relative}.crop-lens-orbit{z-index:0;pointer-events:none;transform-origin:50%;will-change:transform;border:1px dashed #cf9d2342;border-radius:50%;animation:9s linear infinite crop-orbit-spin;position:absolute;inset:-12px}.crop-lens-orbit:before,.crop-lens-orbit:after{content:"";background:var(--gold,#f6ce55);border:2px solid #fff8e9;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 3px 10px #8a62002e}.crop-lens-orbit:before{top:7%;right:10%}.crop-lens-orbit:after{opacity:.72;width:5px;height:5px;bottom:6%;left:13%}.crop-frame{z-index:1;border:1px solid var(--lens-ring,#cf9d23b8);width:100%;height:100%;box-shadow:var(--lens-shadow,0 0 0 8px #cf9d2307,0 0 68px #cf9d2324,0 24px 60px #60431033);touch-action:none;cursor:grab;animation:crop-lens-in .5s var(--lens-ease,cubic-bezier(.22,1,.36,1)) both;background:#f4eedf;border-radius:50%;position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-frame:focus-visible{outline:2px solid var(--gold-ink,#8a6200);outline-offset:6px}.crop-frame img{pointer-events:none;user-select:none;object-fit:fill;max-width:none;max-height:none;position:absolute;transform:translate(-50%,-50%)}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.1%,#fff7 33.1% 33.4%,#0000 33.4% 66.4%,#fff7 66.4% 66.7%,#0000 66.7%),linear-gradient(#0000 33.3%,#fff7 33.3% 33.6%,#0000 33.6% 66.6%,#fff7 66.6% 66.9%,#0000 66.9%);border-radius:50%;position:absolute;inset:0}@keyframes crop-lens-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes crop-orbit-spin{to{transform:rotate(360deg)}}.crop-zoom{align-items:center;gap:12px;width:100%;max-width:360px;display:flex}.crop-zoom button{min-width:44px;min-height:44px;color:var(--gold-ink,#8a6200);font:inherit;cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.crop-zoom button:disabled{opacity:.45;cursor:default}.crop-zoom input{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px}.crop-zoom input::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold,#f6ce55) 0 var(--p,30%),#5c431624 var(--p,30%));border-radius:3px;height:4px}.crop-zoom input::-moz-range-track{background:#5c431624;border-radius:3px;height:4px}.crop-zoom input::-moz-range-progress{background:var(--gold,#f6ce55);border-radius:3px;height:4px}.crop-zoom input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:1px solid var(--lens-ring,#cf9d23b8);background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 3px 10px #8a62002e}.crop-zoom input::-moz-range-thumb{border:1px solid var(--lens-ring,#cf9d23b8);background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 10px #8a62002e}.crop-zoom input:disabled{opacity:.5}.crop-error{text-align:center;color:#b3261e;margin:0;font-size:12px;line-height:1.4}.photo-cropper button:disabled{cursor:default}.photo-cropper>.primary{flex:none;width:100%}