.container {
      border: 0;
      flex: 1;
      width: 1080px;
      padding: 8px;
      background: #fff;
      border-radius: 8px;
      display: block;

      overflow-y: unset;
      margin: 8px auto;
    }

    header.title {
      background-color: #fff;
    }

    #headerUserBack {
      margin-right: 0;
    }


    .image_title div {
      margin: 16px 0;
    }

    #imageTipsBox {
      margin-top: 60px;
    }

    #controls {
      width: auto;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .grid-container {
      width: 100%;
    }

    #videoContainer {
      outline: 1px solid #aaa;
    }

    #controls button {
      background-color: var(--button-color);
      color: var(--color-white);
      justify-content: center;
      text-align: center;
      width: 100px;
    }

    #controls button span {
      margin: 0;
    }

    @media screen and (orientation: portrait) {
      .container {
        width: 100%;
        margin: 4px auto;
        padding: 0;
      }

      .section {
        padding: 4px;
      }

      .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0;
        width: 100%;
        padding: 0;
      }

      .section .file-info {
        width: 100%;
        padding: 8px 0;
      }

      #videoContainer {
        width: 100%;
      }
    }