#dropZone { border: 3px dashed #555; border-radius: 12px; padding: 60px 20px; margin: 20px auto; cursor: pointer; transition: all 0.2s; background: #fafafa; text-align:center;}
    #dropZone.dragover { border-color: #0a84ff; background: #fffaf4; transform: scale(1.02); }
    #dropZone p { text-align:center;}
    #preview { max-width: 100%; max-height: 500px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.5); }
    #stripBtn { background: #0a84ff; color: white; border: none; padding: 14px 32px; font-size: 1.1em; border-radius: 8px; cursor: pointer; margin: 10px; }
    #stripBtn:hover { background: #0066cc; }
    
    #metadataPanel {
      text-align: left;
      max-width: 700px;
      margin: 20px auto;
      padding: 20px;
      background: #fafafa;
      border-radius: 8px;
      font-size: 0.95em;
    }
    .meta-item {
      display: flex;
      align-items: center;
      padding: 8px 12px;
      border-bottom: 1px solid #333;
    }
    .meta-item:last-child { border-bottom: none; }
    .meta-item:hover { background: #f5f5f5; }
    input[type="checkbox"] { margin-right: 12px; transform: scale(1.2); }
    .tag-name { color: #0a84ff; font-weight: 500; }
    .tag-value { color: #222; font-size: 0.9em; }
    .binary-note { color: #009900; font-style: italic; }