.ladybug-photo-dialog{box-sizing:border-box;background:0 0;border:0;width:min(660px,100vw - 56px);max-width:none;max-height:calc(100dvh - 56px);padding:0;overflow:visible}.ladybug-photo-dialog-panel{box-sizing:border-box;max-height:inherit;color:var(--ladybug-ink);background:#fff5f7;border-radius:20px;padding:10px;overflow:auto;box-shadow:0 20px 65px #210d1d68}.ladybug-photo-dialog::backdrop{backdrop-filter:blur(9px);background:0 0}.ladybug-photo-dialog button:focus-visible,.ladybug-polaroid:focus-visible{outline-offset:-3px;outline:2px solid #e80007}.ladybug-photo-dialog .ladybug-light-button:focus-visible{outline:2px solid var(--ladybug-ink)}.ladybug-photo-picker .ladybug-photo-dialog-panel{padding:clamp(12px,3vw,16px)}.ladybug-photo-poses{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,16px);display:grid}.ladybug-photo-poses button,.ladybug-photo-strip button{--button-edge:#a17786}.ladybug-photo-poses button,.ladybug-photo-upload,.ladybug-photo-strip button{background:#eed4db;border:0;border-radius:11px;min-width:0;padding:0;display:block;overflow:hidden}.ladybug-photo-poses img,.ladybug-photo-strip img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.ladybug-photo-upload-dialog{width:min(430px,100vw - 56px,100dvh - 76px)}.ladybug-photo-upload{aspect-ratio:1;border-radius:18px;place-items:center;width:100%;display:grid}.ladybug-photo-upload span{color:#fff;white-space:nowrap;background:#e80007;border-radius:25px;padding:11px 23px;font-size:15px;font-weight:700}.ladybug-demo{--polaroid-frame:url("/demo/ladybug/polaroid-frame.webp");--polaroid-ratio:360/435}.ladybug-photo-stack{z-index:4;top:calc(28px + max(60px,env(safe-area-inset-top)));right:max(20px,env(safe-area-inset-right));width:clamp(92px,14vw,156px);position:absolute}.ladybug-photo-stack[data-stacked=true]:before,.ladybug-photo-stack[data-stacked=true]:after{aspect-ratio:var(--polaroid-ratio);z-index:-1;background:var(--polaroid-frame)center/100% 100% no-repeat;filter:drop-shadow(0 2px 5px #210d1d4d);content:"";pointer-events:none;position:absolute;inset:3px 0 auto;transform:rotate(7deg)}.ladybug-photo-stack[data-stacked=true]:after{transform:rotate(-6deg)}.ladybug-polaroid-frame{--button-edge:#ad986f;aspect-ratio:var(--polaroid-ratio);background:var(--polaroid-frame)center/100% 100% no-repeat;filter:drop-shadow(0 5px 8px #210d1d68);border:0;border-radius:3px;width:100%;padding:0;display:block;position:relative}.ladybug-polaroid-picture{background:#191615;display:block;position:absolute;inset:5.52% 5.83% 22.3%;overflow:hidden}.ladybug-polaroid-picture img{object-fit:cover;animation:.7s ease-out both ladybug-photo-appear;animation-duration:var(--photo-fade,.7s);width:100%;height:100%;display:block}.ladybug-polaroid{--photo-fade:2.2s}.ladybug-polaroid-picture[data-developing=true] img{filter:brightness(.7);animation:3.6s ease-in-out both ladybug-photo-develop}.ladybug-photo-developing{color:#3f3030;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:clamp(8px,1.2vw,12px);line-height:1.15;display:flex;position:absolute;inset:78% 5% 0}.ladybug-photo-developing i{box-sizing:border-box;border:1px solid;border-right-color:#0000;border-radius:50%;width:10px;height:10px;animation:.85s linear infinite ladybug-photo-spin}.ladybug-photo-count{color:#fff;background:#e80007;border-radius:20px;place-items:center;min-width:23px;height:23px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.ladybug-photo-notification:not(:empty){color:var(--ladybug-ink);text-align:center;background:#fff5f7;border-radius:20px;margin-top:7px;padding:4px 8px;font-size:11px;font-weight:600;position:relative}.ladybug-photo-viewer{width:min(540px,100vw - 56px,max(220px,82dvh - 164px))}.ladybug-photo-viewer .ladybug-photo-dialog-panel{box-shadow:none;background:0 0;padding:0;overflow:visible}.ladybug-photo-close{z-index:1;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-18px;right:-18px}.ladybug-demo .ladybug-photo-close{font-size:26px;line-height:1}.ladybug-photo-strip{gap:6px;margin-top:8px;padding:3px 3px 7px;display:flex;overflow-x:auto}.ladybug-photo-strip button{border-radius:5px;flex:0 0 45px}.ladybug-photo-strip button[aria-pressed=true]{border:2px solid var(--ladybug-red)}.ladybug-photo-actions{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:78% 5% 0}.ladybug-photo-actions button{--button-edge:var(--ladybug-button-dark-edge);background:var(--ladybug-button-dark);color:#fff;border:0;border-radius:22px;min-height:44px;padding:8px 16px;font-size:13px}.ladybug-photo-actions button:first-child{--button-edge:#860014;background:#e80007}.ladybug-photo-viewer p{background:var(--ladybug-button-light);text-align:center;border-radius:12px;margin:8px 0 0;padding:6px 10px;font-size:13px}@keyframes ladybug-photo-appear{0%{opacity:0}to{opacity:1}}@keyframes ladybug-photo-develop{0%,12%{opacity:0}to{opacity:1}}@keyframes ladybug-photo-spin{to{transform:rotate(360deg)}}@media (width<=540px){.ladybug-photo-poses{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ladybug-demo .ladybug-polaroid-picture img,.ladybug-photo-developing i{animation:none}}