.photo-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 36px);padding:24px;overflow:auto;border:1px solid #dce2ec;border-radius:16px;color:#253044;background:#fff}.photo-dialog::backdrop{background:#14213b66;backdrop-filter:blur(3px)}.photo-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.photo-dialog-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:600}.photo-dialog .photo-help{font-size:13px;line-height:1.6;color:#6a7689;margin:12px 0 16px}.photo-dialog .photo-add-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-dialog .photo-add-actions label{display:inline-flex;flex-direction:row;align-items:center;margin:0;font-size:14px}.photo-dialog .file-button input{padding:0;border:0;opacity:0}.photo-dialog .photo-status{font-size:13px;line-height:1.5;color:#526587;margin:16px 0}.photo-dialog .photo-error{color:#a44228}.photo-pages{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-height:45dvh;overflow:auto}.photo-page{display:flex;gap:14px;padding:12px;border:1px solid #dfe5ef;border-radius:10px;background:#fafbfe}.photo-preview{flex:none;display:flex;align-items:center;justify-content:center;width:84px;height:106px;overflow:hidden;background:#e9edf4;border-radius:5px}.photo-preview img{display:block;width:72px;height:72px;object-fit:contain;transition:transform .15s}.photo-page-info{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.photo-page-info strong{font-size:14px}.photo-name{font-size:12px;color:#778498;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.photo-page-controls{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.photo-page-controls .button{font-size:13px;padding:6px 10px;min-height:34px}.photo-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid #e2e7f0;padding-top:16px}.photo-footer .photo-download{margin-right:auto;font-size:12px}.photo-dialog [hidden]{display:none!important}.photo-dialog button:focus-visible,.photo-dialog a:focus-visible{outline:3px solid #7894ff;outline-offset:2px}@media(max-width:560px){.photo-dialog{padding:18px}.photo-dialog-heading h2{font-size:20px}.photo-page{gap:10px}.photo-preview{width:67px;height:93px}.photo-preview img{width:60px;height:60px}.photo-page-controls .button{min-height:40px;padding:7px 10px}.photo-dialog .photo-footer .primary{flex:1}.photo-name{max-width:190px}.photo-dialog .photo-pages{max-height:42dvh}}@media(prefers-reduced-motion:reduce){.photo-preview img{transition:none}}