body{

margin:0;
background:#000;
color:#fff;
font-family:sans-serif;

}

#app{

padding:14px;

display:grid;

grid-template-columns:
repeat(2,1fr);

gap:14px;

}

.card{

background:#111;

border-radius:18px;

overflow:hidden;

}

.card img{

width:100%;
display:block;

aspect-ratio:3/4;
object-fit:cover;

}

.title{

padding:12px;
font-size:15px;

}

#viewer{

background:#000;
min-height:100vh;

}

#topbar{

position:fixed;
top:0;
left:0;
right:0;

height:58px;

display:flex;
align-items:center;

padding:0 16px;

background:#000c;

backdrop-filter:blur(20px);

z-index:999;

}

#back{

font-size:28px;
margin-right:18px;

}

#images{

padding-top:70px;

}

#images img{

width:100%;
display:block;
margin-bottom:8px;

}