.modal-container{width:98%;height:98%;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:16px;padding:16px;overflow:hidden;display:flex;flex-direction:column;z-index:1000;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);border:1px solid rgba(0,0,0,.05)}@media screen and (min-width:768px){.modal-container{width:90%;max-width:1000px;height:95%;padding:24px}}@media screen and (min-width:1024px){.modal-container{width:85%;max-width:1400px;height:95%;padding:32px}}.modal-overlay{background-color:rgba(0,0,0,.65);backdrop-filter:blur(4px);position:fixed;top:0;left:0;z-index:999}.fixed-image-container,.modal-overlay{width:100%;height:100%;overflow:hidden}.fixed-image-container{max-width:400px;max-height:400px;position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.6);padding:15px;transition:transform .3s ease,box-shadow .3s ease}.fixed-image-container:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.6)}@media screen and (max-width:768px){.fixed-image-container{max-width:350px;max-height:350px;padding:12px}}@media screen and (max-width:480px){.fixed-image-container{max-width:280px;max-height:280px;padding:10px}}.fixed-image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;display:block;border-radius:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}