*{box-sizing:border-box}body{margin:0;background:#0c1626;color:#f2ead8;font-family:system-ui,sans-serif}a{color:#ebc77e;text-decoration:none}header{max-width:1280px;margin:auto;padding:35px 35px 30px;border-bottom:1px solid #e8cd9e25}.back{font-size:12px}.gallery-brand{display:flex;align-items:center;gap:20px;margin:34px 0 19px}.gallery-brand img{width:73px;height:73px;border-radius:18px}.gallery-brand h1{font-size:29px;font-weight:500;letter-spacing:2px;margin:0 0 10px}.gallery-brand p{font-size:12px;color:#a3aec0;margin:0;line-height:1.8}.gallery-tools{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:24px}.gallery-tools input{padding:11px 15px;border:1px solid #e8cd9e35;border-radius:8px;background:#18253b;color:#f2ead8;width:230px;outline:none}.gallery-tools span{font-size:11px;color:#8191a7}main{max-width:1280px;margin:auto;padding:30px 35px 60px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 30px}.screen-card{border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:zoom-in;min-width:0}.screen-card img{display:block;width:100%;border-radius:25px;border:5px solid #394353;box-shadow:0 10px 25px #02061035;aspect-ratio:390/844;object-fit:cover}.screen-card>span{display:block;margin:14px 0 5px;color:#b8a987;font:9px monospace;letter-spacing:1px}.screen-card h2{font-size:12px;font-weight:400;margin:0;color:#c4cddb}.screen-card:hover img{border-color:#8a805f}.screen-card:focus-visible{outline:2px solid #ecc882;outline-offset:7px}dialog{padding:0;background:#101b2bf2;border:1px solid #c9b27e60;border-radius:16px;color:white;max-width:95vw;width:460px;max-height:95vh}dialog::backdrop{background:#03080edf;backdrop-filter:blur(5px)}.lightbox-head{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;gap:15px;font-size:12px}dialog button{border:1px solid #ffffff30;background:transparent;color:#ddc69a;border-radius:50%;height:32px;width:32px;font-size:20px;cursor:pointer}.lightbox-image{display:block;max-height:74vh;max-width:100%;margin:auto;object-fit:contain}.lightbox-nav{display:flex;justify-content:space-between;align-items:center;padding:13px 25px;font-size:11px;color:#93a0b4}.empty{display:none;text-align:center;color:#9cabc0;padding:50px}footer{max-width:1280px;margin:auto;padding:0 35px 40px;color:#778aa3;font-size:11px;line-height:1.8}@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr);gap:25px 20px}}@media(max-width:600px){header,main{padding:25px 20px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 17px}.screen-card img{border-radius:20px;border-width:4px}.gallery-brand h1{font-size:24px}.gallery-brand img{width:60px;height:60px}.gallery-tools input{width:100%}.lightbox-image{max-height:72vh}}