.result-shell>.submitted-work{background:#fffdf2c7;border:2px solid #9987a7;justify-content:space-between;align-items:center;gap:20px;width:min(920px,100% - 32px);margin:0 auto 70px;padding:17px 19px;display:flex;box-shadow:0 3px #c4b4cd}.result-shell>.submitted-work>div:first-child{min-width:0}.result-shell>.submitted-work p{color:#78658c;text-transform:uppercase;margin:0;font-size:7px;font-weight:900}.result-shell>.submitted-work h2{margin:4px 0 0;font-size:17px}.result-shell>.submitted-work>div:first-child>span{color:#807487;margin-top:4px;font-size:7px;display:block}.submitted-work-pages{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.submitted-work-pages button{color:#4f3d61;cursor:pointer;background:#e7d8f3;border:2px solid #766089;min-height:40px;padding:8px 12px;font-size:8px;font-weight:900}.submitted-work-pages button:hover{filter:brightness(1.04);transform:translateY(-1px)}.submitted-work-modal{z-index:220;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2319349e;place-items:center;padding:20px;animation:.18s ease-out both submitted-work-fade;display:grid;position:fixed;inset:0}.submitted-work-dialog{border:3px solid var(--ink);width:min(1080px,100vw - 40px);height:min(900px,100dvh - 40px);box-shadow:0 8px #8063a5,0 12px var(--ink),0 30px 70px #19102a66;background:#f6f0fa;outline:none;grid-template-rows:auto auto minmax(0,1fr);animation:.2s cubic-bezier(.22,.8,.3,1) both submitted-work-open;display:grid;overflow:hidden}.submitted-work-dialog>header{background:linear-gradient(135deg,#e6d6f4,#f5ecfb);border-bottom:2px solid #9c88ad;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:11px 15px;display:flex}.submitted-work-dialog>header span{color:#7553b7;text-transform:uppercase;font-size:7px;font-weight:900;display:block}.submitted-work-dialog>header h2{margin:4px 0 0;font-size:19px}.submitted-work-close{place-items:center;width:39px;height:39px;line-height:1;display:grid;color:#594865!important;background:#fffaf0!important;border:2px solid #88749d!important;padding:0!important;font-size:23px!important}.submitted-work-modal-toolbar{background:#fffdf5;border-bottom:2px solid #aa97b8;align-items:center;gap:7px;min-height:52px;padding:8px 13px;display:flex}.submitted-work-modal-toolbar>span{color:#665973;text-align:center;min-width:76px;font-size:8px;font-weight:900}.submitted-work-modal-toolbar>i{flex:1}.submitted-work-modal-toolbar button{min-width:38px;min-height:35px}.submitted-work-image{overscroll-behavior:contain;background:#cfc7d4;justify-content:flex-start;align-items:flex-start;min-width:0;min-height:0;display:flex;overflow:auto}.submitted-work-image img{object-fit:contain;object-position:center;flex:none;max-width:none;transition:width .16s,height .16s;display:block}.submitted-work-image.is-fit img{width:100%!important;height:100%!important}.submitted-work-image.is-zoomed img{object-position:top left}@keyframes submitted-work-fade{0%{opacity:0}to{opacity:1}}@keyframes submitted-work-open{0%{opacity:0;transform:scale(.975)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:650px){.result-shell>.submitted-work{flex-direction:column;align-items:stretch;width:calc(100% - 24px);margin-bottom:45px}.submitted-work-pages{justify-content:stretch}.submitted-work-pages button{flex:1;min-height:46px}.submitted-work-modal{padding:8px}.submitted-work-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.submitted-work-dialog>header{min-height:56px;padding:8px 10px}.submitted-work-modal-toolbar{padding-inline:8px}.submitted-work-modal-toolbar>span{min-width:62px}.submitted-work-modal-toolbar button{min-width:42px;min-height:42px}.submitted-work-modal-toolbar>i{display:none}}@media (prefers-reduced-motion:reduce){.submitted-work-modal,.submitted-work-dialog{animation:none}.submitted-work-image img,.submitted-work-pages button{transition:none}}
.result-shell>.submitted-work{margin-top:-28px}