#fileUI {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.9);
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

    /* 縦並びにする */
    /* display: flex; */
    flex-direction: column;
    gap: 8px;           /* ボタン間の間隔 */
    min-width: 140px;   /* 必要に応じて調整 */
}

#fileUI > button {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    text-align: center;
}

#fileUI > button:hover {
    background: #f6f6f6;
}

#background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0); /* 透明でもOK。半透明にすればモーダル風 */
  z-index: 999; /* fileUI より下、でも他より上に */
}

/* 表示切替はこのクラスで制御 */
.hidden { display: none; }