.p4m-photo-dialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:var(--app-height,100dvh);max-width:none;max-height:none;overflow:hidden;border:0;background:#080e1b;color:#f8faff;font-family:inherit;box-sizing:border-box}.p4m-photo-dialog[open]{display:flex;flex-direction:column}.p4m-photo-dialog::backdrop{background:#080e1be8}.p4m-photo-dialog *{box-sizing:border-box}.p4m-photo-dialog button,.p4m-photo-dialog a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.p4m-photo-dialog button{cursor:pointer}.p4m-photo-dialog button:disabled{opacity:.35;cursor:default}.p4m-photo-dialog svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.p4m-photo-header{display:flex;align-items:center;gap:16px;padding:calc(10px + env(safe-area-inset-top)) 20px 10px;border-bottom:1px solid #ffffff12;flex:none;min-width:0}.p4m-photo-heading{min-width:0;flex:1}.p4m-photo-heading h2{font-size:15px;font-weight:650;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.p4m-photo-heading p{margin:4px 0 0;color:#9daec9;font-size:12px}.p4m-photo-counter{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#c7d5ec}.p4m-photo-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #ffffff22;border-radius:50%;background:#ffffff0c}.p4m-photo-icon:hover{background:#ffffff20}.p4m-photo-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:zoom-in}.p4m-photo-stage[data-zoomed=true]{cursor:grab}.p4m-photo-stage.is-dragging{cursor:grabbing}.p4m-photo-image{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;will-change:transform}.p4m-photo-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center;color:#c0cfe5;pointer-events:none;font-size:14px}.p4m-photo-status[hidden]{display:none}.p4m-photo-status button{pointer-events:auto;border:1px solid #64779b;background:#172842;border-radius:12px;min-height:44px;padding:10px 20px}.p4m-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#0c182bc9;border-color:#7082a866;box-shadow:0 2px 16px #0003}.p4m-photo-arrow[data-direction="-1"]{left:14px}.p4m-photo-arrow[data-direction="1"]{right:14px}.p4m-photo-arrow[hidden]{display:none}.p4m-photo-footer{flex:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff12;background:#0d1525}.p4m-photo-tools{display:flex;align-items:center;justify-content:center;gap:9px}.p4m-photo-scale{min-width:48px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:#c7d5ec}.p4m-photo-fit{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff0c;font-size:13px!important}.p4m-photo-fit:hover{background:#ffffff20}.p4m-photo-thumbnails{display:flex;justify-content:safe center;gap:8px;overflow:auto;max-width:100%;padding:10px 0 0;scrollbar-width:thin;scrollbar-color:#53647f transparent;touch-action:pan-x}.p4m-photo-thumbnails[hidden]{display:none}.p4m-photo-thumbnails button{width:48px;height:48px;flex:none;border:2px solid transparent;padding:2px;border-radius:9px;background:#1c2b43;overflow:hidden}.p4m-photo-thumbnails button[aria-current=true]{border-color:#7aa7ff;background:#234b8b}.p4m-photo-thumbnails img{width:100%;height:100%;object-fit:cover;border-radius:4px}.p4m-photo-dialog :focus-visible{outline:3px solid #8bb5ff;outline-offset:3px}.p4m-photo-instructions{font-size:11px;text-align:center;color:#8395b3;margin:7px 0 0}.photo-tap{width:44px!important;height:44px!important;min-height:44px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);border-radius:50%;background:#14264230}.hero-area{cursor:zoom-in}.hero-area a,.hero-area button{cursor:pointer}
@media(max-width:600px){.p4m-photo-header{padding-left:12px;padding-right:12px;gap:10px}.p4m-photo-heading h2{font-size:14px}.p4m-photo-heading p{font-size:11px}.p4m-photo-footer{padding-left:10px;padding-right:10px}.p4m-photo-tools{gap:6px}.p4m-photo-fit{padding:8px 10px}.p4m-photo-arrow[data-direction="-1"]{left:8px}.p4m-photo-arrow[data-direction="1"]{right:8px}}
@media(max-height:450px){.p4m-photo-header{padding-top:4px;padding-bottom:4px}.p4m-photo-heading p,.p4m-photo-instructions{display:none}.p4m-photo-footer{padding-top:6px;padding-bottom:6px}.p4m-photo-thumbnails{padding-top:6px}.p4m-photo-thumbnails button{width:38px;height:38px}}
.p4m-photo-image{transition:none!important;animation:none!important}
.p4m-photo-fit{min-width:44px;white-space:nowrap}.p4m-photo-thumbnails button{min-width:44px;min-height:44px}
@media(max-width:600px){.p4m-photo-scale{min-width:40px}.p4m-photo-tools{gap:5px}.p4m-photo-fit{padding-left:8px;padding-right:8px}}
.photo-tap{padding:0!important;justify-content:center;background:#11244970}.photo-prev{left:9px}.photo-next{right:9px}.photo-tap>[data-icon]{display:flex!important;opacity:1!important;background:none;border:0;box-shadow:none;width:100%;height:100%}