.loot-image-description{display:grid;gap:10px;padding:0 12px 14px;text-align:left}.loot-image-description label{display:grid;gap:5px}.loot-image-description label>span{font-size:12px;color:var(--ui-muted,var(--muted,#b8b3a1))}.loot-image-description input,.loot-image-description select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid var(--ui-line,#515947);border-radius:10px;padding:9px 11px;background:var(--ui-panel,#18221d);color:var(--ui-ink,#efe7cf);font:inherit;font-size:13px}.loot-image-description input:focus-visible,.loot-image-description select:focus-visible{outline:2px solid var(--ui-accent,#d8bc71);outline-offset:2px}.loot-gallery figcaption{display:grid!important;gap:5px;padding:12px!important;text-align:left}.loot-image-label{font-size:12px;font-weight:800;color:var(--ui-accent,var(--ui-ink,#e3cb88))}.loot-image-caption{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere;color:var(--ui-ink,#eee6d5)}.loot-image-item{font-size:12px;color:var(--ui-muted,#b7bdac)}
.loot-viewer{--viewer-bg:var(--ui-panel,#18221d);position:fixed;inset:0;width:min(1120px,100%);height:min(960px,100dvh);max-width:100%;max-height:100dvh;margin:auto;padding:0;border:1px solid var(--ui-line,#687056);border-radius:22px;background:var(--viewer-bg);color:var(--ui-ink,#eee6d5);overflow:hidden;box-sizing:border-box;box-shadow:0 24px 80px #0009}.loot-viewer[open]{display:flex;flex-direction:column}.loot-viewer::backdrop{background:#080e14df;backdrop-filter:blur(6px)}.loot-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 12px max(18px,env(safe-area-inset-left,0px));flex:none;border-bottom:1px solid var(--ui-line,#687056)}.loot-viewer-head span{font-size:11px;letter-spacing:.15em;color:var(--ui-muted,#b7bdac)}.loot-viewer-head h2{font-size:20px;line-height:1.3;margin:5px 0 0;color:inherit}.loot-viewer button{border:1px solid var(--ui-line,#687056);border-radius:12px;background:var(--ui-soft,#27372e);color:var(--ui-ink,#eee6d5);min-height:46px;padding:10px 15px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.loot-viewer button:disabled{opacity:.42;cursor:default}.loot-viewer button:focus-visible{outline:3px solid var(--ui-accent,#e3cb88);outline-offset:2px}.loot-viewer .loot-viewer-close{width:52px;height:52px;flex:none;padding:0;font-size:32px;line-height:1}.loot-viewer-description{display:grid;gap:4px;flex:none;max-height:112px;overflow:auto;padding:10px 20px}.loot-viewer-viewport{position:relative;min-height:100px;flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;display:block;background:#080e14;text-align:center}.loot-viewer-viewport img{display:block;max-width:none!important;max-height:none!important;margin:16px auto;object-fit:contain;user-select:none}.loot-viewer-error{color:#fff;padding:32px 18px}.loot-viewer footer{flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid var(--ui-line,#687056)}.loot-viewer-paging,.loot-viewer-zoom{display:flex;gap:8px;align-items:center}.loot-viewer footer small{width:100%;text-align:center;font-size:11px;color:var(--ui-muted,#b7bdac)}
@media(max-width:600px){.loot-viewer{height:100dvh;width:100%;border-radius:0}.loot-viewer-head{padding-top:calc(10px + env(safe-area-inset-top,0px))}.loot-viewer-head h2{font-size:18px}.loot-viewer footer{justify-content:center}.loot-viewer-paging{flex:1}.loot-viewer-paging button{flex:1}.loot-viewer-zoom button{padding:8px 12px}.loot-viewer-description{max-height:92px}.loot-upload-tile .loot-image-description{padding:0 10px 12px}}
@media(prefers-reduced-motion:reduce){.loot-viewer *{scroll-behavior:auto!important}}
@media(max-height:520px){.loot-viewer-head{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:6px}.loot-viewer-head span{display:none}.loot-viewer-description{max-height:48px;padding-block:5px}.loot-viewer-viewport{min-height:0}.loot-viewer footer{padding-block:6px calc(6px + env(safe-area-inset-bottom,0px));gap:6px}.loot-viewer footer small{display:none}.loot-viewer footer button{min-height:44px}}

/* Native image dialogs follow the same visible viewport and safe areas as the form beneath. */
.loot-viewer{--loot-viewer-width:min(1120px,var(--dialog-viewport-width,100vw));--loot-viewer-height:min(960px,var(--dialog-viewport-height,100dvh));inset:auto;left:calc(var(--dialog-viewport-left,0px) + (var(--dialog-viewport-width,100vw) - var(--loot-viewer-width))/2);top:calc(var(--dialog-viewport-top,0px) + (var(--dialog-viewport-height,100dvh) - var(--loot-viewer-height))/2);width:var(--loot-viewer-width);height:var(--loot-viewer-height);max-width:var(--dialog-viewport-width,100vw);max-height:var(--dialog-viewport-height,100dvh);margin:0;overflow-x:hidden;overflow-y:auto}
.loot-viewer-head{position:sticky;top:0;z-index:2;background:var(--viewer-bg);padding:calc(14px + var(--dialog-safe-top,env(safe-area-inset-top,0px))) max(18px,var(--dialog-safe-right,env(safe-area-inset-right,0px))) 12px max(18px,var(--dialog-safe-left,env(safe-area-inset-left,0px)))}
.loot-viewer-head>div{min-width:0}.loot-viewer-head h2{overflow-wrap:anywhere}
.loot-viewer footer{padding-inline:max(16px,var(--dialog-safe-left,env(safe-area-inset-left,0px))) max(16px,var(--dialog-safe-right,env(safe-area-inset-right,0px)));padding-bottom:calc(12px + var(--dialog-safe-bottom,env(safe-area-inset-bottom,0px)))}
:root[data-appearance] .loot-viewer button{min-width:44px;border-color:var(--ui-control-line);white-space:nowrap}
:root[data-appearance] .loot-viewer button:disabled{opacity:1;background:var(--ui-inset);color:var(--ui-muted);border-color:var(--ui-line);cursor:not-allowed}
@media(max-width:600px){.loot-viewer-head{padding-top:calc(10px + var(--dialog-safe-top,env(safe-area-inset-top,0px)))}}
@media(max-width:480px){.loot-viewer footer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.loot-viewer-paging{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.loot-viewer-zoom{display:grid;grid-template-columns:minmax(44px,1fr) minmax(140px,2fr) minmax(44px,1fr);gap:8px;width:100%}.loot-viewer footer button{width:100%;padding-inline:8px;min-height:46px}.loot-viewer footer small{margin:0}}
body.dialog-compact .loot-viewer-head{padding-top:calc(6px + var(--dialog-safe-top,env(safe-area-inset-top,0px)));padding-bottom:6px}
body.dialog-compact .loot-viewer-head span,body.dialog-compact .loot-viewer footer small{display:none}
body.dialog-compact .loot-viewer-description{max-height:48px;padding-block:5px}
body.dialog-compact .loot-viewer-viewport{min-height:0}
body.dialog-compact .loot-viewer footer{padding-block:6px calc(6px + var(--dialog-safe-bottom,env(safe-area-inset-bottom,0px)));gap:8px}

/* v133: image recovery status stays readable without crowding the image. */
.loot-viewer-state{flex:none;margin:0;padding:0 20px 10px;font-size:12px;line-height:1.5;color:var(--ui-muted);overflow-wrap:anywhere}
.loot-viewer-state:empty{display:none}
.loot-viewer-viewport{background:var(--ui-inset,#080e14)}
.loot-viewer-error{color:var(--ui-ink,#fff)}
.loot-viewer-error p{margin:0 0 16px;line-height:1.7}
.loot-viewer-viewport:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-4px}
.loot-viewer-viewport[aria-busy="true"]{cursor:progress}
@media(max-height:520px){.loot-viewer-state{font-size:11px;padding-bottom:5px}}
body.dialog-compact .loot-viewer-state{font-size:11px;padding-bottom:5px}