#photo-panel{position:absolute;top:14px;right:14px;z-index:7;width:min(350px,calc(100% - 28px));max-height:calc(100% - 66px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #d6e6e3;border-radius:13px;box-shadow:0 10px 40px #193e4730;cursor:default;padding:16px;color:#36545e;scrollbar-width:thin;user-select:text;touch-action:pan-y}
.photo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.photo-heading small{display:block;color:#198e81;font-size:10px;font-weight:600;margin-bottom:5px}.photo-heading h3{font-size:16px;line-height:1.4;margin:0}.photo-heading>button,.photo-lightbox-heading button{flex:none;border-radius:7px;width:28px;height:28px;background:#f0f5f5;font-size:20px;color:#59757a}
.photo-objective{font-size:12px;line-height:1.6;margin:0 0 12px;color:#6b818b}.photo-target-label{font-size:10px;display:block;color:#748c94;margin-bottom:10px}.photo-target-label select{display:block;width:100%;font-size:12px;margin-top:5px}
.photo-preview{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border-radius:8px;overflow:hidden;background:#edf2f3}.photo-preview img{display:block;width:100%;height:100%;object-fit:contain}.photo-preview>span{position:absolute;bottom:7px;right:7px;background:#173e48d9;border-radius:5px;padding:4px 7px;color:white;font-size:10px;pointer-events:none}
.photo-navigation{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:#6d858d}.photo-navigation button{width:30px;height:28px;border-radius:6px;background:#eef6f4;color:#178a7f;font-size:16px}.photo-navigation button:disabled{opacity:.3;cursor:default}.photo-kind{margin-left:auto;background:#f2f6f8;padding:4px 6px;border-radius:4px;font-size:10px}.photo-caption{font-size:11px;line-height:1.6;color:#82959d;margin:10px 0}.photo-all{font-size:11px;color:#198e81;background:#edf8f5;border-radius:6px;padding:7px 9px;margin-bottom:10px}
.photo-credit{display:flex;flex-wrap:wrap;gap:4px 8px;border-top:1px solid #eaf0f2;padding-top:10px;font-size:9px;color:#9aa9ae;line-height:1.6}.photo-credit>a:first-child{width:100%;font-size:10px;color:#3d9287}.photo-credit a,.photo-wiki{color:#3d9287}.photo-credit>span:last-child{width:100%}.photo-status,.photo-load-error{font-size:12px;line-height:1.6;color:#7f929b}.photo-empty{padding:22px 8px;text-align:center;font-size:12px;line-height:1.7;color:#83989f}.photo-empty>span{font-size:35px;color:#aac8c5}.photo-empty .photo-wiki{display:block;margin-top:12px}.photo-empty button{background:#edf8f5;color:#198e81;padding:8px 12px;border-radius:7px}
#photo-lightbox{width:min(1100px,94vw);max-height:94dvh;border:0;border-radius:13px;padding:18px;background:#fff;box-shadow:0 15px 70px #0006;overflow:auto;color:#38555f}#photo-lightbox::backdrop{background:#0c1a25cf}.photo-lightbox-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:14px}.photo-full{display:block;width:100%;max-height:calc(90dvh - 120px);object-fit:contain;border-radius:6px;background:#17222a}#photo-lightbox .photo-navigation{justify-content:center}#photo-lightbox .photo-navigation a{margin-left:auto;color:#258c80;font-size:11px}#photo-panel button:focus-visible,#photo-lightbox button:focus-visible{outline:2px solid #1c9b8a;outline-offset:2px}
@media(max-width:850px){#photo-panel{top:10px;right:10px;width:min(350px,calc(100% - 20px));max-height:calc(100% - 54px);padding:13px}.photo-heading h3{font-size:15px}#photo-lightbox{padding:12px;width:96vw}}