body { margin: 0; font-family: Arial, sans-serif; }
      .container { margin: 55px auto 0; padding: 20px; background-color: #333; }
      .slider-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
      .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; }
      .slide.active { opacity: 1; }
      .slide img { width: 100%; height: 95%; object-fit: contain; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0,0,0,0.5)); }
      .arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; transition: background-color 0.3s; opacity: 0; z-index: 2; }
      .arrow:hover { background-color: #1d44b8; }
      .slider-container:hover .arrow { opacity: 1; }
      .arrow-prev { left: 10px; }
      .arrow-next { right: 10px; }
      @media (max-width: 768px){ .arrow { display: none; } }
      select { padding: 8px; margin-bottom: 20px; font-size: 16px; }
      button { height: auto; padding: 5px 10px; margin-left: 10px; font-size: 14px; }
  
      /* NAVBAR */
      .navbar { overflow: hidden; background:#333; display:flex; align-items:center; flex-wrap:wrap; padding:5px 10px; box-sizing:border-box; }
      .navbar a { font-size:16px; color:#fff; text-align:center; padding:10px 12px; text-decoration:none; flex-shrink:0; }
      .navbar a:hover, .dropdown:hover .dropbtn { background:blue; color:#fff; }
      .navbar a.active { background:#04AA6D; color:#fff; }
      .navbar .icon { display:none; color:#fff; padding:10px 12px; cursor:pointer; font-size:15px; }
  
      .dropdown { overflow:hidden; }
      .dropdown .dropbtn { font-size:16px; border:none; outline:none; color:#fff; padding:10px 12px; background:inherit; font-family:inherit; margin:0; cursor:pointer; flex-shrink:0; }
      .dropdown-content { display:none; position:absolute; background:#f9f9f9; min-width:160px; box-shadow:0 8px 16px rgba(0,0,0,0.2); z-index:1; }
      .dropdown-content select { display:block; width:100%; padding:10px 16px; border:none; background:#f9f9f9; color:#000; font-size:16px; cursor:pointer; appearance:none;
        background-image:url('data:image/svg+xml;utf8,<svg fill="%23333333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
        background-repeat:no-repeat; background-position:right 8px center;
      }
      .dropdown-content select option { background:#fff; color:#000; }
      .dropdown-content select option:hover { background:#ddd; }
      .dropdown:hover .dropdown-content { display:block; }
  
      #current-image-url-container { flex-grow:1; text-align:right; padding-right:10px; display:flex; align-items:center; justify-content:flex-end; gap:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
      #current-image-url { color:#fff; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
      .download-button { display:inline-block; font-size:14px; color:#fff; text-decoration:none; padding:5px 8px; border:1px solid #fff; border-radius:4px; background:transparent; transition:background-color .3s,color .3s; }
      .download-button:hover { background:#fff; color:#333; }
  
      @media screen and (max-width:600px){
        .navbar { flex-direction:column; align-items:flex-start; padding:5px; }
        .navbar a, .dropdown .dropbtn, #current-image-url-container { display:none; width:100%; text-align:left; padding:10px 15px; box-sizing:border-box; }
        .navbar .icon { display:block; order:-1; align-self:flex-end; padding:10px; }
        .navbar.responsive { position:relative; }
        .navbar.responsive .icon { position:absolute; top:5px; right:5px; display:block; text-align:right; }
        .navbar.responsive a, .navbar.responsive .dropdown, .navbar.responsive .dropdown-content, .navbar.responsive .dropdown .dropbtn, .navbar.responsive #current-image-url-container {
          display:block; width:100%; text-align:left;
        }
        .navbar.responsive .dropdown-content { position:static; width:100%; box-shadow:none; }
        .navbar.responsive .dropdown .dropbtn { background:#444; border-bottom:1px solid #555; }
        #current-image-url-container { justify-content:flex-start; padding-left:15px; text-align:left; flex-direction:column; align-items:flex-start; }
        #current-image-url { font-size:13px; }
        .download-button { margin-left:0; margin-top:5px; width:fit-content; }
      }