.work-dialog.has-media{width:min(1100px,calc(100% - 40px));padding:45px 32px 30px}.work-media{margin:24px 0;border:1px solid #3e4b62;border-radius:5px;overflow:hidden;background:#0b1220}.media-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:55px;padding:7px 16px;border-bottom:1px solid #334159}.media-kind{font-size:12px;color:#d9cae9}.media-navigation{display:flex;align-items:center;gap:13px}.media-position{font:10px var(--eng);color:#bcc5d6;min-width:48px;text-align:center}.media-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #4b5870;border-radius:4px;background:#182238;color:#e4e6ef;font-size:11px;line-height:1.7;white-space:nowrap}.media-button:hover{background:#26324b;border-color:#9b8bb4}.media-navigation button{font-size:18px;width:44px;padding:0}.media-navigation button:disabled{opacity:.4}.media-content{min-width:0;background:#070d17}.image-viewport{height:clamp(230px,52vh,590px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;position:relative;scroll-behavior:auto;background:radial-gradient(ellipse at center,#1d293f,#080f1c);padding:0}.work-image{display:block;height:auto;width:auto;max-width:100%;max-height:100%;margin:auto;user-select:none}.image-viewport[data-mode=zoom] .work-image{max-width:none;max-height:none;margin:0}.image-viewport[data-mode=zoom]{cursor:grab}.image-viewport[data-mode=zoom]:active{cursor:grabbing}.image-controls{padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;border-top:1px solid #334159;background:#101a2b}.image-controls .media-button{padding:7px 12px}.image-controls>button:first-child,.image-controls>button:nth-child(3){width:44px;font-size:19px}.image-scale{font:11px var(--eng);color:#d1d8e7;min-width:65px;text-align:center}.media-actions{display:flex;flex-wrap:wrap;gap:8px;padding:13px 15px 0}.media-actions .media-button{background:transparent;font-size:10px}.media-status{font-size:11px;line-height:1.9;padding:12px 16px 14px;color:#b8c3d8;overflow-wrap:anywhere;min-height:24px}.media-caption{font-size:12px;color:#d2d8e6;padding:14px 16px 0;line-height:1.9}.work-html{display:block;width:100%;height:min(58vh,650px);min-height:300px;border:0;background:#fff}.work-video{display:block;width:100%;max-height:62vh;min-height:180px;background:#000}.work-media:fullscreen{width:100%;height:100%;padding:0;background:#070c15;overflow:auto;display:flex;flex-direction:column}.work-media:fullscreen .media-content{flex:1;min-height:0}.work-media:fullscreen .image-viewport{height:100%}.work-media:fullscreen .work-html{height:100%;min-height:0}.work-media:fullscreen .work-video{height:100%;max-height:none}.work-media:fullscreen .media-caption{display:none}
@media(max-width:600px){.work-dialog.has-media{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:48px 13px 22px}.work-dialog.has-media h2{font-size:25px;margin:15px 5px}.work-dialog.has-media>#work-meta,.work-dialog.has-media>#work-description{margin-inline:5px}.work-media{margin-top:18px}.media-bar{padding:7px 10px;gap:10px}.media-kind{font-size:11px}.media-navigation{gap:8px}.media-position{font-size:9px;min-width:40px}.image-viewport{height:42vh;min-height:220px}.image-controls{gap:5px;padding:8px}.image-controls .media-button{font-size:10px;padding:7px 9px}.image-scale{font-size:10px;min-width:54px}.image-controls>button:first-child,.image-controls>button:nth-child(3){width:40px}.media-actions{gap:6px;padding:10px 10px 0}.media-actions .media-button{font-size:9px;padding:8px 10px}.media-status{font-size:10px;padding:10px 12px}.work-html{height:55vh;min-height:300px}.work-video{min-height:160px}.work-media:fullscreen .image-viewport{min-height:0}}