.sf-album-container{position:relative;border:1px solid #ddd;padding:8px;background:#fff;max-width:100%;box-sizing:border-box;margin:0 auto;}
.sf-viewer{width:100%;height:calc(100% - 80px);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.sf-controls{position:absolute;top:8px;right:8px;}
.sf-controls button{padding:6px 10px;margin-left:6px;}
.sf-thumbs{position:relative;bottom:auto;left:auto;right:auto;padding-top:8px;text-align:center;overflow:auto;white-space:nowrap;}
.sf-thumbs img.active{outline:3px solid #3b9;}
.sf-fullscreen-toggle{position:absolute;top:8px;left:8px;padding:6px 8px;border-radius:4px;background:#fff;border:1px solid #ccc;cursor:pointer;z-index:9999;}
:fullscreen .sf-album-container, :-webkit-full-screen .sf-album-container, :-moz-full-screen .sf-album-container {
    width: 100% !important;
    height: 100% !important;
    padding: 16px;
    box-sizing: border-box;
}
.sf-viewer img{max-width:100%;height:auto;display:block;margin:0 auto;}


/* Error message styling */
.sf-error {
  padding: 12px;
  border: 1px solid #cc0000;
  background: #ffecec;
  color: #cc0000;
  font-size: 14px;
  margin: 10px 0;
  border-radius: 6px;
}