.task-zoomable{cursor:zoom-in}.task-zoomable:focus-visible{outline:3px solid #a94f48;outline-offset:4px}.task-gallery-open{overflow:hidden!important}.task-gallery{box-sizing:border-box;position:fixed;inset:0;width:min(1400px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #52615d;border-radius:18px;background:#182420;color:#fff;overflow:hidden}.task-gallery[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.task-gallery::backdrop{background:#08110ee8}.task-gallery-bar,.task-gallery-nav{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#23332d}.task-gallery-bar>span{margin-right:auto;font:600 15px/1.5 system-ui}.task-gallery button{font:600 14px/1.4 system-ui;border:1px solid #67776e;border-radius:9px;color:#fff;background:#31473b;min-width:44px;min-height:44px;padding:8px 14px;cursor:pointer}.task-gallery button:disabled{opacity:.35;cursor:default}.task-gallery button:focus-visible{outline:3px solid #efbcaa;outline-offset:2px}.task-gallery-stage{min-height:0;overflow:auto;text-align:center;touch-action:pan-x pan-y pinch-zoom;background:#101b17;align-content:center}.task-gallery-stage img{background:#fff;display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain}.task-gallery-stage img.is-zoomed{max-width:none;max-height:none;object-fit:fill}.task-gallery-nav p{flex:1;min-width:0;margin:0;text-align:center;font:14px/1.5 system-ui;max-height:90px;overflow:auto;color:#e4e9e5}.task-message-target{outline:3px solid #a64e49;outline-offset:5px}.task-question-notice{font-size:14px;line-height:1.6;color:#687570}@media(max-width:600px){.task-gallery{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.task-gallery-bar{gap:6px;padding:10px;padding-top:max(10px,env(safe-area-inset-top))}.task-gallery button{padding:8px 10px}.task-gallery-nav{flex-wrap:wrap;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.task-gallery-nav p{order:3;flex-basis:100%;max-height:80px}.task-gallery-nav button:last-child{margin-left:auto}}
.task-gallery-stage:has(.is-zoomed){align-content:start}
