.photo-viewer{width:min(1500px,98vw);height:94vh;height:94dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;border-radius:14px;background:#11292e;color:#fff;box-shadow:0 20px 90px #0008;overflow:hidden}
.photo-viewer[open]{display:flex;flex-direction:column}.photo-viewer::backdrop{background:#04151cdc}
.pv-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#173b40}.pv-header h2{color:#fff;font-size:17px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.photo-viewer button,.photo-viewer a[data-pv-download]{min-height:40px;border:1px solid #647b80;border-radius:7px;padding:7px 11px;background:#23464c;color:#fff;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.photo-viewer button:hover{background:#305c62}.photo-viewer button[aria-pressed=true]{background:#c8e7df;color:#123c35;border-color:#c8e7df}.photo-viewer button:disabled{opacity:.45;cursor:default}.photo-viewer button:focus-visible,.photo-viewer input:focus-visible,.photo-viewer select:focus-visible,.photo-viewer a:focus-visible{outline:3px solid #ffd26a;outline-offset:2px}
.photo-viewer .pv-close{font-size:30px;padding:0;min-width:44px;min-height:44px;flex-shrink:0}.pv-toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:9px 12px}.pv-toolbar label{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff}.pv-toolbar input[type=color]{width:42px;height:38px;padding:2px;border:1px solid #647b80;border-radius:5px}.pv-toolbar select{width:auto;max-width:180px;min-height:38px;background:#fff;color:#173b40;padding:5px;font-size:14px}.pv-toolbar output{min-width:48px;text-align:center;font-size:13px}.photo-viewer .pv-save{background:#26694e;border-color:#71b595;font-weight:700}
.pv-help{font-size:12px;color:#c8d8db;margin:0;padding:0 14px 8px}.pv-stage{flex:1;position:relative;min-height:100px;overflow:hidden;background:#081b21}.pv-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.pv-stage canvas[data-drawing=true]{cursor:crosshair}.pv-stage canvas:active{cursor:grabbing}.pv-status{min-height:36px;max-height:90px;overflow:auto;margin:0;padding:8px 14px;font-size:13px;color:#d2e9e6}.pv-status[data-error=true]{color:#ffd0c5}body.photo-viewer-open{overflow:hidden}
a[data-photo],img[data-photo]{cursor:zoom-in}
@media(max-width:600px){.photo-viewer{width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.pv-header{padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top))}.pv-toolbar{padding:7px;gap:5px}.photo-viewer button,.photo-viewer a[data-pv-download]{font-size:12px;min-height:40px;padding:6px 8px}.pv-toolbar label{font-size:12px}.pv-toolbar select{max-width:145px}.pv-help{font-size:11px;padding:0 10px 6px}.pv-status{padding-bottom:max(8px,env(safe-area-inset-bottom))}}

.photo-viewer .pv-header h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-edit-tools{display:none}.pv-editing .pv-edit-tools{display:flex}.pv-more{position:relative;margin-left:auto;color:#fff}
.pv-more>summary{cursor:pointer;list-style:none;padding:8px 12px;border:1px solid #647b80;border-radius:6px;font-size:13px;min-height:40px}
.pv-extra{position:absolute;right:0;top:100%;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:min(310px,calc(100vw - 24px));padding:12px;background:#173b40;border:1px solid #647b80;border-radius:8px;box-shadow:0 8px 24px #0004}
.pv-extra a{min-height:40px;display:flex;align-items:center}.pv-status{min-height:28px;font-size:12px;padding:5px 12px}.photo-viewer .pv-toolbar{flex-shrink:0}
.photo-viewer [hidden]{display:none!important}